:root{color-scheme:light;--paper: #f4f0e6;--paper-deep: #e7e0cf;--surface: #fffdf7;--ink: #172522;--muted: #58635f;--forest: #1e4b42;--forest-dark: #143a33;--gold: #d9aa45;--gold-soft: #f4dfae;--coral: #b8553f;--line: #d9d3c4;--shadow: 0 22px 60px rgba(37, 48, 43, .12);--radius-lg: 24px;--radius-md: 14px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:var(--paper);color:var(--ink)}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);line-height:1.75}button,textarea,select{font:inherit}button,summary,.dropzone{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.dropzone:focus-within{outline:3px solid rgba(184,85,63,.38);outline-offset:3px}.site-header,main,footer{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--forest);color:var(--gold-soft);font:800 22px/1 Georgia,serif;transform:rotate(-3deg)}.brand-symbol{background:transparent;overflow:hidden}.brand-symbol img{display:block;width:100%;height:100%}.brand b{display:block;font:800 15px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:14px}.local-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #bdd2c8;border-radius:999px;color:var(--forest);background:#edf5ee;font-size:14px;font-weight:700}.local-badge span{color:#4d9a70;font-size:14px}.hero{padding:78px 0 48px}.eyebrow,.step-label{margin:0 0 10px;color:var(--coral);font:800 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.hero h1{max-width:920px;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(42px,8vw,84px);line-height:1.12;letter-spacing:-.045em}.hero h1 span{color:var(--forest)}.hero-copy{max-width:720px;margin:28px 0 0;color:var(--muted);font-size:16px}.tool-shell{position:relative;padding:clamp(24px,5vw,50px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.tool-shell:before{content:"";position:absolute;top:-90px;right:-70px;width:250px;height:250px;border:34px solid rgba(217,170,69,.16);border-radius:50%;pointer-events:none}.tool-heading-row,.file-meta,footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}h2{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(24px,4vw,36px);line-height:1.35}.text-button{padding:7px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--forest);cursor:pointer;font-weight:700}#sourceText,#resultText{width:100%;border:1px solid #cbc4b3;border-radius:var(--radius-md);background:#fff;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,BIZ UDPGothic,monospace;line-height:1.7;resize:vertical}#sourceText,#resultText{min-height:280px;padding:18px;font-size:15px}#sourceText::placeholder,#resultText::placeholder{color:#9a988f}#resultText{background:#f7f8f4}.repair-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:start;margin-top:28px}.editor-panel{min-width:0}.editor-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.editor-heading span{padding:3px 7px;border-radius:5px;background:var(--paper-deep);color:var(--muted);font:800 14px ui-monospace,monospace}.editor-heading label{font-size:14px;font-weight:800}.flow-arrow{display:grid;place-items:center;min-height:280px;color:var(--coral);font:700 24px/1 Georgia,serif}.primary-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.primary-button,.secondary-button,.copy-button{border-radius:10px;cursor:pointer;font-weight:800;transition:transform .15s ease,background .15s ease,border-color .15s ease}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:240px;padding:14px 18px;border:1px solid var(--forest);background:var(--forest);color:#fff}.primary-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-button.compact{min-width:210px;margin-top:16px}.secondary-button{padding:14px 18px;border:1px solid var(--line);background:transparent;color:var(--ink)}.secondary-button:hover{border-color:var(--ink)}.shortcut{margin:8px 0 0;color:var(--muted);font-size:14px}.status{min-height:1.75em;margin:0;color:var(--forest);font-size:14px;font-weight:700}.result-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.copy-button{min-width:104px;padding:9px 14px;border:1px solid var(--forest);background:transparent;color:var(--forest)}.copy-button:hover,.copy-button.copied{background:var(--forest);color:#fff}.copy-button:disabled{opacity:.42;cursor:not-allowed;background:transparent;color:var(--forest)}.result-copy{min-height:48px}.alternatives{margin-top:14px;border-top:1px solid var(--line)}.alternatives summary{padding:14px 2px 8px;cursor:pointer;color:var(--muted);font-size:14px;font-weight:700}.alternate-list{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0 2px}.alternate-button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;font-size:14px;font-weight:700}.alternate-button:hover{border-color:var(--forest);color:var(--forest)}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 72px;border-block:1px solid var(--line)}.trust-strip article{position:relative;padding:28px}.trust-strip article+article{border-left:1px solid var(--line)}.trust-strip span{position:absolute;top:28px;right:28px;color:#a7a090;font:700 14px ui-monospace,monospace}.trust-strip h3{margin:0 0 8px;font-size:15px}.trust-strip p{margin:0;color:var(--muted);font-size:14px}.file-tool{margin:0 0 84px}.file-tool>details{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ebe4d5;overflow:hidden}.file-tool summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;cursor:pointer;list-style:none}.file-tool summary::-webkit-details-marker{display:none}.file-tool summary span:first-child{display:flex;align-items:center;gap:18px}.file-tool summary small{padding:5px 8px;border-radius:6px;background:var(--forest);color:#fff;font:700 14px ui-monospace,monospace}.file-tool summary strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:20px}.summary-action{color:var(--forest);font-size:14px;font-weight:800}.file-tool-body{padding:0 32px 32px}.section-intro{max-width:720px;margin:0 0 20px;color:var(--muted);font-size:14px}.dropzone{display:grid;place-items:center;min-height:180px;padding:25px;border:2px dashed #a8a18f;border-radius:var(--radius-md);background:#ffffff73;cursor:pointer;text-align:center}.dropzone.dragging{border-color:var(--coral);background:#fff7e8}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{font:300 34px/1 Georgia,serif;color:var(--coral)}.dropzone strong{margin-top:8px}.dropzone small{margin-top:4px;color:var(--muted)}.file-result{margin-top:22px;padding:22px;border-radius:var(--radius-md);background:var(--surface)}.file-meta{justify-content:flex-start}.file-meta>div{min-width:210px}.file-meta small,.preview-box small{display:block;color:var(--muted);font-size:11px}.file-meta strong{display:block;margin-top:4px;word-break:break-word}.encoding-settings{display:flex;align-items:end;gap:14px;margin-top:22px}.encoding-settings label{display:grid;gap:7px;flex:1;color:var(--muted);font-size:14px}.encoding-settings select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.preview-box{margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.preview-box pre{max-height:180px;margin:7px 0 0;overflow:auto;white-space:pre-wrap;word-break:break-all;font:12px/1.65 ui-monospace,monospace}.warning{margin:12px 0 0;font-size:14px;font-weight:700}.warning.safe{color:#347155}.warning.danger{color:var(--coral)}.guide{display:grid;grid-template-columns:.85fr 1.4fr;gap:60px;margin-bottom:90px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-grid article{padding:24px;border-top:3px solid var(--forest);background:#ffffff6b}.guide-grid article+article{border-top-color:var(--coral)}.guide-kicker{margin:0 0 14px;font-size:14px;font-weight:800;letter-spacing:.08em}.guide-kicker.good{color:var(--forest)}.guide-kicker.bad{color:var(--coral)}.guide-grid h3{margin:0 0 10px;font-size:17px}.guide-grid article>p:last-child{margin:0;color:var(--muted);font-size:14px}.faq{max-width:820px;margin-bottom:90px}.faq h2{margin-bottom:24px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:18px 4px;cursor:pointer;font-weight:800}.faq details p{margin:-5px 0 20px;color:var(--muted);font-size:14px}footer{align-items:end;padding:28px 0 42px;border-top:1px solid var(--line)}footer b{font:800 14px ui-monospace,monospace;letter-spacing:.14em}footer p{margin:5px 0 0;color:var(--muted);font-size:14px}footer nav{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:22px;color:var(--muted);font-size:14px}footer nav a,footer nav span{white-space:nowrap}footer nav a{color:inherit;text-decoration:none}footer nav a:hover{color:var(--forest);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:780px){main{width:min(100% - 28px,1120px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}:root{--shogi-green:#172c26;--shogi-green-2:#25483c;--shogi-gold:#d5a94e;--board:#d9ae68;--board-dark:#8d5f2a;--paper:#f5f0e5;--ink:#17201d;--muted:#66716c;--line:#d8d1c4}*{box-sizing:border-box}.shogi-page{margin:0;background:var(--paper);color:var(--ink);font-family:Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:20px 28px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--shogi-green);color:#fff;font:900 21px Georgia,serif}.brand b,.brand small{display:block}.brand b{font:900 14px/1.1 ui-monospace,monospace;letter-spacing:.12em}.brand small{margin-top:3px;color:var(--muted);font-size:14px}.mini-nav{display:flex;gap:22px}.mini-nav a{color:var(--muted);font-size:14px;font-weight:800;text-decoration:none}.shogi-page main{max-width:1180px;margin:auto;padding:0 28px}.shogi-hero{padding:48px 0 34px}.eyebrow{margin:0 0 7px;color:var(--shogi-gold);font:900 14px ui-monospace,monospace;letter-spacing:.18em}.shogi-hero h1{margin:0;color:var(--shogi-green);font:900 clamp(48px,7vw,78px)/1 serif;letter-spacing:.05em}.shogi-hero>p:last-child{margin:14px 0 0;color:var(--muted);font-size:15px;font-weight:700}.shogi-app{overflow:hidden;border:1px solid #c5bba8;border-radius:18px;background:#fffdf8;box-shadow:0 24px 65px #2f26151f}.game-settings{display:flex;align-items:end;gap:14px;padding:16px 20px;border-bottom:1px solid #c7bda9;background:var(--shogi-green)}.game-settings label{display:grid;gap:5px;color:#dce6e1;font-size:14px;font-weight:800}.game-settings select{min-width:150px;padding:9px 34px 9px 10px;border:1px solid #667d74;border-radius:7px;background:#fff;color:var(--ink);font:800 14px sans-serif}.new-game-button{margin-left:auto;padding:10px 18px;border:1px solid #e7c77f;border-radius:7px;background:var(--shogi-gold);color:#17251f;cursor:pointer;font-weight:900}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:720px}.board-column{display:grid;align-content:start;justify-items:center;padding:20px 25px 26px;background:#e9e0ce}.player-row{display:flex;align-items:center;justify-content:space-between;width:min(100%,650px);min-height:58px;padding:8px 4px}.player-row>span{display:grid;min-width:78px}.player-row b{font-size:14px}.player-row small{color:var(--muted);font-size:14px}.opponent-row{align-items:start}.board-frame{width:min(100%,650px);padding:7px;border:4px solid #70471e;background:#a56f34;box-shadow:0 11px 26px #4c31163d}.shogi-board{display:grid;grid-template-columns:repeat(9,1fr);width:100%;border-top:1px solid #3f2b16;border-left:1px solid #3f2b16;background:var(--board)}.shogi-board.is-disabled{opacity:.72}.shogi-board.is-disabled .board-square{cursor:wait}.board-square{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:3px;border:0;border-right:1px solid #49321a;border-bottom:1px solid #49321a;background:transparent;cursor:pointer}.board-square:hover{background:#fff7bb47}.board-square.is-target{background:#fff9b275}.board-square.is-target:after{content:"";position:absolute;width:25%;height:25%;border-radius:50%;background:#315a4b;opacity:.72}.board-square.is-selected{background:#ffec7494;box-shadow:inset 0 0 0 3px #315a4b}.board-square.is-last{box-shadow:inset 0 0 0 3px #a93023b3}.piece{position:relative;z-index:1;display:grid;place-items:center;width:82%;height:88%;padding-top:9%;clip-path:polygon(50% 0,92% 17%,100% 100%,0 100%,8% 17%);background:linear-gradient(145deg,#f3cf8e,#d59c4f);box-shadow:inset 0 0 0 1px #54311066;color:#15130f;font:900 clamp(15px,3.2vw,30px)/1 serif;text-shadow:0 1px 0 #f8dda8}.piece.is-opponent{transform:rotate(180deg)}.piece.is-promoted{color:#a2261c}.hand{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;min-height:40px}.hand-piece{display:flex;align-items:center;gap:3px;min-width:36px;padding:5px 7px;border:1px solid #9c7b50;border-radius:5px;background:#f5d89b;color:#1f1a12;cursor:pointer;font:900 17px serif}.hand-piece small{color:#58452f;font:800 10px sans-serif}.hand-piece.is-selected{outline:3px solid #315a4b;background:#ffedaf}.hand-piece:disabled{cursor:default;opacity:.85}.game-status{width:min(100%,650px);min-height:24px;margin:8px 0 0;color:var(--shogi-green);font-size:14px;font-weight:900;text-align:center}.game-sidebar{display:flex;min-width:0;flex-direction:column;padding:22px 18px;background:#fff}.turn-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:15px;border-radius:10px;background:#edf1ee}.turn-card small{grid-column:1/-1;color:var(--muted);font-size:14px}.turn-card strong{font-size:17px}.turn-card span{align-self:center;color:var(--muted);font-size:14px;font-weight:800}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.game-actions button{padding:10px;border:1px solid #9aa69f;border-radius:7px;background:#fff;cursor:pointer;font-weight:900}.game-actions button:last-child{border-color:#c79e96;color:#8d2c20}.game-actions button:disabled{opacity:.42;cursor:default}.move-history{display:flex;min-height:0;flex:1;flex-direction:column;margin-top:23px}.move-history>div{display:flex;align-items:center;justify-content:space-between}.move-history h2{margin:0;font-size:14px}.move-history button{border:0;background:none;color:var(--shogi-green-2);cursor:pointer;font-size:14px;font-weight:900}.move-history ol{overflow:auto;max-height:390px;margin:10px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.move-history li{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:8px 4px;border-bottom:1px solid #eee9de;font-size:14px}.move-history li span{color:var(--muted);font:700 14px ui-monospace,monospace}.move-history .empty-moves{display:block;color:var(--muted);font-size:14px;text-align:center}.engine-note{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:11px;border-radius:8px;background:#f3f0e9}.engine-note>span{flex:none;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#d0a342;box-shadow:0 0 0 4px #d0a34224}.engine-note>span.is-ready{background:#43825f}.engine-note p{display:grid;gap:3px;margin:0}.engine-note b{font-size:14px}.engine-note small{color:var(--muted);font-size:14px;line-height:1.5}.shogi-info{display:grid;grid-template-columns:repeat(3,1fr);margin:70px 0;border-block:1px solid var(--line)}.shogi-info article{padding:25px 22px}.shogi-info article+article{border-left:1px solid var(--line)}.shogi-info span{color:var(--shogi-gold);font:900 14px ui-monospace,monospace}.shogi-info h2{margin:11px 0 7px;font-size:15px}.shogi-info p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.shogi-faq{max-width:780px;margin:0 auto 80px}.shogi-faq h2{font-size:22px}.shogi-faq details{border-top:1px solid var(--line)}.shogi-faq details:last-child{border-bottom:1px solid var(--line)}.shogi-faq summary{padding:17px 2px;cursor:pointer;font-size:14px;font-weight:900}.shogi-faq p{margin:-4px 0 18px;color:var(--muted);font-size:14px;line-height:1.8}.promotion-dialog,.result-dialog{border:0;border-radius:16px;background:#fffdf7;box-shadow:0 28px 80px #00000047}.promotion-dialog::backdrop,.result-dialog::backdrop{background:#111b1794}.promotion-dialog form,.result-dialog form{min-width:270px;padding:18px;text-align:center}.promotion-dialog p{font-weight:900}.promotion-dialog div,.result-dialog div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.promotion-dialog button,.result-dialog button{padding:11px;border:1px solid #9ba9a2;border-radius:7px;background:#fff;cursor:pointer;font-weight:900}.promotion-dialog button:first-child,.result-dialog button:last-child{border-color:var(--shogi-green);background:var(--shogi-green);color:#fff}.result-dialog span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto;border-radius:50%;background:var(--shogi-gold);color:#fff;font:900 29px serif}.result-dialog h2{margin:13px 0 5px}.result-dialog p{margin:0 0 18px;color:var(--muted);font-size:14px}.shogi-page footer{display:flex;align-items:flex-end;justify-content:space-between;padding:32px max(28px,calc((100vw - 1124px)/2));background:var(--shogi-green);color:#fff}.shogi-page footer b{font:900 14px ui-monospace,monospace}.shogi-page footer p{margin:5px 0 0;color:#b7c5bf;font-size:14px}.shogi-page footer nav{display:flex;gap:18px}.shogi-page footer a{color:#dce5e1;font-size:14px;text-decoration:none}@media(max-width:880px){.game-layout{grid-template-columns:1fr}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.turn-card,.game-actions{margin:0}.move-history{grid-column:1/-1;margin-top:8px}.move-history ol{max-height:180px}.engine-note{grid-column:1/-1;margin-top:0}.shogi-info{grid-template-columns:1fr}.shogi-info article+article{border-top:1px solid var(--line);border-left:0}}@media(max-width:620px){.site-header{padding:17px 15px}.mini-nav{display:none}.shogi-page main{padding:0 10px}.shogi-hero{padding:28px 7px 23px}.shogi-hero h1{font-size:52px}.board-column{padding:12px 7px 18px}.board-frame{padding:4px;border-width:3px}.piece{font-size:clamp(13px,6vw,25px)}.player-row{min-height:52px}.game-sidebar{grid-template-columns:1fr;padding:16px 12px}.move-history,.engine-note{grid-column:1}.shogi-info{margin:48px 0}.shogi-page footer{display:grid;gap:20px;padding:28px 18px}}.shogi-board{grid-template-columns:repeat(9,minmax(0,1fr))}.board-square{min-width:0;overflow:hidden}.piece{min-width:0;overflow:hidden;white-space:nowrap}.piece.is-long-label{padding-top:0;font-size:clamp(10px,2vw,18px);line-height:1;letter-spacing:-.08em;text-orientation:upright;writing-mode:vertical-rl}.shogi-app{margin-bottom:70px}.record-actions{display:flex;align-items:center;gap:5px}.record-actions select,.record-actions button{min-height:30px;padding:5px 8px;border:1px solid #9aa69f;border-radius:6px;background:#fff;color:var(--shogi-green);font-size:14px;font-weight:900}.record-actions button{cursor:pointer}.record-actions select:disabled,.record-actions button:disabled{cursor:default;opacity:.38}@media(max-width:620px){.move-history>div{align-items:flex-start;gap:8px}.record-actions{flex-wrap:wrap;justify-content:flex-end}}.shogi-board.is-disabled{opacity:1}.shogi-board.is-disabled .board-square{cursor:default;pointer-events:none}.player-row{min-height:calc(var(--shogi-piece-height,62px) + 16px)}.hand{align-items:center;gap:5px;min-height:var(--shogi-piece-height,62px)}.hand-piece{position:relative;display:grid;place-items:center;flex:none;width:var(--shogi-piece-width,54px);height:var(--shogi-piece-height,62px);min-width:var(--shogi-piece-width,54px);padding:9% 0 0;border:0;border-radius:0;clip-path:polygon(50% 0,92% 17%,100% 100%,0 100%,8% 17%);background:linear-gradient(145deg,#f3cf8e,#d59c4f);box-shadow:inset 0 0 0 1px #54311066;color:#15130f;cursor:pointer;font:900 var(--shogi-piece-font-size,30px)/1 serif;text-shadow:0 1px 0 #f8dda8}.hand-piece small{position:absolute;right:3px;bottom:3px;padding:1px 3px;border-radius:8px;background:#fff4d3eb;color:#4b361f;font:800 10px/1.2 sans-serif}.hand-piece.is-selected{outline:0;filter:drop-shadow(0 0 3px #315a4b)}.hand-piece:disabled{opacity:.9}.shogi-page footer nav{flex:none;align-items:center;justify-content:flex-end;flex-wrap:wrap}.shogi-page footer nav a{white-space:nowrap}@media(max-width:620px){.hand{gap:3px}.shogi-page footer nav{justify-content:flex-start}}.shogi-player-shell{position:relative;width:min(100%,650px)}.shogi-player-shell shogi-player-wc{display:block;width:100%;touch-action:manipulation}.shogi-player-shell shogi-player-wc::part(root){--sp_board_color:#d8ae69;--sp_board_even_cell_color:transparent;--sp_board_odd_cell_color:transparent;--sp_grid_inner_color:rgba(55,37,17,.72);--sp_grid_outer_color:rgba(55,37,17,.86);--sp_piece_origin_color:transparent;--sp_piece_selectable_color:rgba(205,145,45,.34);--sp_board_piece_size:.92;--sp_stand_piece_size:.92;--sp_board_padding:.012;--sp_board_radius:0}.shogi-player-shell+.player-row,.shogi-player-shell~.player-row{min-height:52px}@media(max-width:620px){.shogi-player-shell{width:100%}}.game-result{display:flex;align-items:center;gap:7px;min-height:0;margin-top:8px;padding:6px 8px;border:1px solid #d4b365;border-radius:7px;background:#fff6db}.game-result[hidden]{display:none}.game-result>span{display:grid;flex:none;place-items:center;width:23px;height:23px;border-radius:4px;background:var(--shogi-gold);color:#fff;font:900 14px serif}.game-result>div{display:flex;min-width:0;align-items:baseline;gap:6px;white-space:nowrap}.game-result strong{flex:none;font-size:14px}.game-result p{overflow:hidden;margin:0;color:var(--muted);font-size:14px;line-height:1.3;text-overflow:ellipsis}.review-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.review-controls[hidden]{display:none}.review-controls button{min-width:0;padding:7px 4px;border:1px solid #9aa69f;border-radius:6px;background:#fff;color:var(--shogi-green);cursor:pointer;font-size:14px;font-weight:900}.review-controls #shogiAiAnalysis{grid-column:1/-1;font-size:14px}.review-controls button:hover:not(:disabled){border-color:var(--shogi-green);background:#edf1ee}.review-controls button:disabled{cursor:default;opacity:.38}.move-history li button{min-width:0;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;font:inherit;font-weight:700;line-height:1.4;text-align:left}.move-history li button:hover{text-decoration:underline}.move-history li.is-current{background:#f5ead0}.move-history li.is-variation{background:#eaf2eb;color:#245d42}.move-history li button[aria-current=true]{color:#7a4d12;font-weight:900}.move-history li button:focus-visible,.review-controls button:focus-visible{outline:2px solid var(--shogi-gold);outline-offset:3px}.shogi-suggestion-arrow{position:absolute;inset:0;z-index:8;width:100%;height:100%;overflow:visible;pointer-events:none}.shogi-suggestion-arrow line{stroke:#d73225;stroke-width:4;stroke-linecap:round;opacity:.88;filter:drop-shadow(0 1px 1px #fff)}@media(max-width:880px){.game-result{grid-column:1/-1}.game-actions{align-self:start}}.game-actions[hidden]{display:none}.shogi-player-shell shogi-player-wc:not(:defined){display:grid;place-items:center;width:100%;aspect-ratio:.82;border:1px solid #49321a;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(11.111% - 1px),#49321a calc(11.111% - 1px),#49321a 11.111%),repeating-linear-gradient(0deg,#d9ae68 0 calc(11.111% - 1px),#49321a calc(11.111% - 1px) 11.111%)}.shogi-player-shell shogi-player-wc:not(:defined):before{content:"盤面を準備しています…";padding:8px 12px;border-radius:999px;background:#fffdf8;color:#172c26;font-size:14px;font-weight:900;box-shadow:0 4px 18px #0003}.shogi-suggestion-arrow{inset:auto}.game-result{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px}.game-result>span{width:30px;height:30px;font-size:15px}.game-result>div{display:grid;gap:3px;white-space:normal;min-width:0}.game-result strong{font-size:15px;line-height:1.3}.game-result p{overflow:visible;font-size:14px;line-height:1.45;overflow-wrap:anywhere;text-overflow:clip}#gameResult #resultText{min-height:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}@media(max-width:620px){.game-result{padding:6px 8px;gap:6px}.game-result strong,.game-result p{font-size:14px}}.shogi-page[data-shogi-variant=pair] .turn-card[data-actor=human]{border:2px solid #d5a129;background:#fff6d9}.shogi-page[data-shogi-variant=pair] .turn-card[data-actor=partner]{border:2px solid #258ac1;background:#e5f3ff}.shogi-page[data-shogi-variant=pair] .turn-card[data-actor=opponent]{border:2px solid #986661;background:#f5ece9}.standard-shogi-settings .shogi-primary-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.standard-shogi-settings .shogi-primary-actions>.new-game-button{flex:0 0 auto;margin:0;white-space:nowrap}.standard-shogi-settings .shogi-primary-actions>.game-actions{display:flex;align-items:center;gap:8px;margin:0}.standard-shogi-settings .shogi-primary-actions>.game-actions[hidden]{display:none}.standard-shogi-settings .shogi-primary-actions>.game-actions button{flex:0 0 auto;white-space:nowrap}@media(max-width:620px){.standard-shogi-settings .shogi-primary-actions{grid-column:1/-1;width:100%;margin:0;gap:6px;flex-wrap:wrap}.standard-shogi-settings .shogi-primary-actions>.new-game-button{width:auto;min-height:38px;padding:7px 8px}.standard-shogi-settings .shogi-primary-actions>.game-actions{gap:5px}}.daishuban-shogi-settings .daishuban-primary-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.daishuban-shogi-settings .daishuban-primary-actions>.new-game-button{flex:0 0 auto;margin:0;white-space:nowrap}.daishuban-shogi-settings .daishuban-primary-actions>.game-actions{display:flex;align-items:center;gap:8px;margin:0}.daishuban-shogi-settings .daishuban-primary-actions>.game-actions[hidden]{display:none}.daishuban-shogi-settings .daishuban-primary-actions>.game-actions button{flex:0 0 auto;white-space:nowrap}@media(max-width:620px){.daishuban-shogi-settings .daishuban-primary-actions{grid-column:1/-1;width:100%;margin:0;gap:6px;flex-wrap:wrap}.daishuban-shogi-settings .daishuban-primary-actions>.new-game-button{width:auto;min-height:38px;padding:7px 8px}.daishuban-shogi-settings .daishuban-primary-actions>.game-actions{gap:5px}}.oute-shogi-settings .oute-primary-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.oute-shogi-settings .oute-primary-actions>.new-game-button{flex:0 0 auto;margin:0;white-space:nowrap}.oute-shogi-settings .oute-primary-actions>.game-actions{display:flex;align-items:center;gap:8px;margin:0}.oute-shogi-settings .oute-primary-actions>.game-actions[hidden]{display:none}.oute-shogi-settings .oute-primary-actions>.game-actions button{flex:0 0 auto;white-space:nowrap}@media(max-width:620px){.oute-shogi-settings .oute-primary-actions{grid-column:1/-1;width:100%;margin:0;gap:6px;flex-wrap:wrap}.oute-shogi-settings .oute-primary-actions>.new-game-button{width:auto;min-height:38px;padding:7px 8px}.oute-shogi-settings .oute-primary-actions>.game-actions{gap:5px}}.pair-shogi-settings{flex-wrap:wrap}.pair-shogi-settings .pair-shogi-primary-actions{display:flex;flex:1 1 100%;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.pair-shogi-settings .pair-shogi-primary-actions>.new-game-button{flex:0 0 auto;margin:0;white-space:nowrap}.pair-shogi-settings .pair-shogi-primary-actions>.game-actions{display:flex;align-items:center;gap:8px;margin:0}.pair-shogi-settings .pair-shogi-primary-actions>.game-actions[hidden]{display:none}.pair-shogi-settings .pair-shogi-primary-actions>.game-actions button{flex:0 0 auto;white-space:nowrap}@media(max-width:620px){.pair-shogi-settings .pair-shogi-primary-actions{grid-column:1/-1;width:100%;margin:0;gap:6px;flex-wrap:wrap}.pair-shogi-settings .pair-shogi-primary-actions>.new-game-button{width:auto;min-height:32px;padding:5px 8px;font-size:14px}.pair-shogi-settings .pair-shogi-primary-actions>.game-actions{gap:5px}.pair-shogi-settings .pair-shogi-primary-actions>.game-actions button{min-height:32px;padding:5px 8px;font-size:14px}}@media(max-width:620px){.standard-shogi-settings,.daishuban-shogi-settings,.oute-shogi-settings,.pair-shogi-settings{flex-wrap:wrap}.standard-shogi-settings .shogi-primary-actions,.daishuban-shogi-settings .daishuban-primary-actions,.oute-shogi-settings .oute-primary-actions,.pair-shogi-settings .pair-shogi-primary-actions{flex:1 1 100%;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0}.standard-shogi-settings .shogi-primary-actions>.game-actions,.daishuban-shogi-settings .daishuban-primary-actions>.game-actions,.oute-shogi-settings .oute-primary-actions>.game-actions,.pair-shogi-settings .pair-shogi-primary-actions>.game-actions{min-width:0;max-width:100%;flex-wrap:wrap}}@media(max-width:620px){.shogi-page .board-column{padding:8px 3px 10px}.shogi-page .player-row{min-height:30px;padding-block:2px}.shogi-page .game-sidebar{padding:10px}.shogi-page .shogi-app{margin-bottom:32px;border-radius:12px}}@media(max-width:620px){.shogi-page .game-settings .shogi-primary-actions,.shogi-page .game-settings .daishuban-primary-actions,.shogi-page .game-settings .oute-primary-actions,.shogi-page .game-settings .pair-shogi-primary-actions{align-items:center}.shogi-page .game-settings .shogi-primary-actions>.new-game-button,.shogi-page .game-settings .daishuban-primary-actions>.new-game-button,.shogi-page .game-settings .oute-primary-actions>.new-game-button,.shogi-page .game-settings .pair-shogi-primary-actions>.new-game-button,.shogi-page .game-settings .shogi-primary-actions>.game-actions button,.shogi-page .game-settings .daishuban-primary-actions>.game-actions button,.shogi-page .game-settings .oute-primary-actions>.game-actions button,.shogi-page .game-settings .pair-shogi-primary-actions>.game-actions button{align-self:center;box-sizing:border-box;width:auto;height:32px;min-height:32px;margin:0;padding:5px 8px;font-size:14px;line-height:1.2;white-space:nowrap}}.abstract-page main{max-width:1180px;margin:auto;padding:20px 16px 48px}.abstract-page h1{margin:0 0 16px;color:#172c26;font-size:clamp(28px,4vw,40px)}.abstract-page .game-layout{grid-template-columns:minmax(0,1fr) 290px;min-height:0}.abstract-page .board-column{padding:22px 16px 26px}.abstract-page .game-settings{align-items:center}.abstract-page .game-settings label{font-size:14px}.abstract-page .game-settings button{padding:10px 16px;border:1px solid #d1b66f;border-radius:7px;background:#f6d278;color:#172c26;font-weight:800;cursor:pointer}.abstract-page .game-settings #abstractResign{background:transparent;color:#f3e8da}.abstract-page .game-settings button:disabled{opacity:.45}.abstract-page .game-sidebar{gap:16px}.abstract-page .game-sidebar p{margin:0;line-height:1.65}.abstract-page #abstractError{color:#a02b20}.abstract-page .game-status{font-size:16px;color:#405248}.quarto-page .game-layout{grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:auto auto auto;grid-template-areas:"board status" "board hand" "board sidebar"}.quarto-page .board-column{grid-area:board;min-width:0}.quarto-page .turn-card{grid-area:status}.quarto-page .quarto-handed{grid-area:hand;display:flex;align-items:center;gap:16px;padding:22px 18px 0;background:#fff}.quarto-page .game-sidebar{grid-area:sidebar;min-width:0;padding:16px 18px 22px}.abstract-board-frame{width:min(100%,680px);padding:14px;border:9px solid #795034;border-radius:14px;background:linear-gradient(145deg,#dcb77b,#af7842);box-shadow:0 14px 28px #352a2040}.quoridor-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr) 10px) minmax(0,1fr);grid-template-rows:repeat(8,minmax(0,1fr) 10px) minmax(0,1fr);width:100%;aspect-ratio:1;position:relative;isolation:isolate}.quoridor-square{display:grid;place-items:center;min-width:0;padding:5px;border:1px solid #855d35;border-radius:5px;background:linear-gradient(145deg,#efd2a0,#dab079);box-shadow:inset 0 1px 2px #fff9,0 2px 2px #4b301b66;cursor:pointer}.quoridor-square.target{background:#f7dc85;box-shadow:inset 0 0 0 3px #d09139}.quoridor-square.last{outline:3px solid #b74b30;outline-offset:-3px}.quoridor-square:disabled{cursor:default}.quoridor-pawn{display:block;width:70%;aspect-ratio:1;border-radius:50%;box-shadow:inset -5px -7px 9px #0005,inset 4px 4px 8px #fff8,0 4px 4px #0006}.quoridor-pawn.black{background:radial-gradient(circle at 35% 25%,#644840,#281a1a 68%)}.quoridor-pawn.white{background:radial-gradient(circle at 35% 25%,#fff9e7,#e7dbb6 68%)}.quoridor-wall{z-index:3;pointer-events:none;border-radius:5px;background:linear-gradient(90deg,#54331f,#81502c 40%,#b98043 75%,#51311c);box-shadow:0 2px 4px #24180eaa,inset 0 1px 1px #f1bd81}.quoridor-wall.v{background:linear-gradient(#54331f,#81502c 40%,#b98043 75%,#51311c)}.quoridor-anchor{z-index:5;justify-self:center;align-self:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#57402b33;box-shadow:inset 0 0 0 1px #edd0a955;cursor:pointer}.quoridor-anchor:hover:not(:disabled),.quoridor-anchor:focus-visible{background:#f8e280;outline:2px solid #624017}.quoridor-anchor:disabled{opacity:.25;cursor:default}.quoridor-anchor.legal{background:#ecde9a88}.abstract-orientation{display:flex;gap:8px}.abstract-orientation button{flex:1;padding:9px;border:1px solid #b8a17b;border-radius:6px;background:#f5ecdc;cursor:pointer}.abstract-orientation button[aria-pressed=true]{background:#346251;color:#fff}.abstract-walls{display:grid;gap:8px;font-weight:700}.abstract-walls span{display:flex;justify-content:space-between;border-bottom:1px solid #dbcbb5;padding-bottom:5px}.quoridor-square.last .quoridor-pawn{animation:abstract-arrive .26s ease-out}.quoridor-wall.new{animation:abstract-wall .24s ease-out}@keyframes abstract-arrive{0%{transform:scale(.65);opacity:.55}to{transform:scale(1);opacity:1}}@keyframes abstract-wall{0%{transform:scale(.7);opacity:.25}to{transform:scale(1);opacity:1}}.quoridor-wall-slot{position:relative;z-index:4;min-width:0;min-height:0;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer;touch-action:manipulation}.quoridor-wall-slot.h{margin:-6px 0}.quoridor-wall-slot.v{margin:0 -6px}.quoridor-wall-slot:after{content:"";position:absolute;inset:0;border-radius:5px;background:linear-gradient(90deg,#51311c,#b98043 75%,#51311c);opacity:.1;box-shadow:inset 0 1px 1px #f1bd81;pointer-events:none;transition:opacity .16s,box-shadow .16s}.quoridor-wall-slot.h:after{top:6px;bottom:6px}.quoridor-wall-slot.v:after{left:6px;right:6px;background:linear-gradient(#51311c,#b98043 75%,#51311c)}.quoridor-wall-slot:hover:after,.quoridor-wall-slot:focus-visible:after,.quoridor-wall-slot.preview:after{opacity:.72;box-shadow:0 0 0 2px #fff3ba,0 2px 6px #24180e88}.quoridor-wall-slot.preview{z-index:6}.quoridor-wall-slot.preview:after{opacity:.78}.quoridor-wall-slot:focus-visible{outline:2px solid #fff3ba;outline-offset:1px}.quarto-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;aspect-ratio:1}.quarto-cell{display:grid;place-items:center;min-width:0;border:2px solid #805531;border-radius:8px;background:radial-gradient(circle,#e7c591,#c8955e);box-shadow:inset 0 2px 7px #694020aa,0 2px 2px #fff9;cursor:pointer}.quarto-cell.last{outline:4px solid #f6df76;outline-offset:-7px}.quarto-cell.winning{outline:5px solid #57b776;outline-offset:-7px}.quarto-cell:disabled{cursor:default}.quarto-piece{position:relative;display:block;flex:none;width:54%;height:70%;border:2px solid #533925;box-shadow:inset -5px -5px 8px #0005,inset 3px 3px 5px #fff7,0 5px 5px #0005;background:linear-gradient(140deg,#f6e5b7,#cfa878)}.quarto-piece.dark{background:linear-gradient(140deg,#6b483a,#322720);border-color:#241b19}.quarto-piece.round{border-radius:50% 50% 43% 43%}.quarto-piece.square{border-radius:12%}.quarto-piece.short{height:48%;margin-top:14%}.quarto-piece.hollow:after{content:"";position:absolute;width:35%;aspect-ratio:1;left:32%;top:24%;border-radius:50%;background:#33291f;box-shadow:inset 2px 2px 3px #000a,0 0 0 2px #fff5}.quarto-piece.dark.hollow:after{background:#b68d60}.quarto-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quarto-tray button{display:grid;place-items:center;height:70px;padding:2px;border:1px solid #ae8e68;border-radius:7px;background:#e5d1ae;cursor:pointer}.quarto-tray button:hover:not(:disabled){background:#f5e0a8}.quarto-tray button:disabled{opacity:.32;cursor:default}.quarto-tray .quarto-piece{width:48%;height:62%}.quarto-tray .quarto-piece.short{height:43%}.quarto-tray-heading{font-size:16px;margin:0 0 8px}.quarto-handed{display:flex;align-items:center;gap:16px}.quarto-hand-slot{display:grid;place-items:center;width:78px;height:88px;border:2px dashed #b59c7d;border-radius:8px;background:#e6d2ad}.quarto-hand-slot .quarto-piece{width:48%}@media(prefers-reduced-motion:reduce){.quoridor-square.last .quoridor-pawn,.quoridor-wall.new{animation:none}}.quoridor-square{padding:3px}.quoridor-pawn{width:100%;height:100%;max-height:100%;box-sizing:border-box}@media(max-width:900px){.abstract-page .game-layout{grid-template-columns:1fr}.abstract-page .game-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.abstract-page .game-sidebar p{grid-column:1/-1}}@media(max-width:600px){.abstract-page main{padding:12px 6px 30px}.abstract-page .board-column{padding:10px 6px}.abstract-board-frame{padding:7px;border-width:5px}.quoridor-board{grid-template-columns:repeat(8,minmax(0,1fr) 7px) minmax(0,1fr);grid-template-rows:repeat(8,minmax(0,1fr) 7px) minmax(0,1fr)}.quoridor-anchor{width:20px;height:20px}.quarto-board{gap:5px}.abstract-page .game-settings{display:flex;flex-wrap:wrap;gap:8px}.abstract-page .game-settings label{flex:1 1 130px}.abstract-page .game-settings button{flex:1 1 auto}.abstract-page .game-sidebar{display:flex;flex-direction:column}}.quarto-board{grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}.quarto-cell{min-height:0;overflow:hidden}.quarto-tray button:disabled{opacity:1;cursor:default}.quarto-tray button.is-used{opacity:.28}.quarto-tray button.is-handed{opacity:.55}.quoridor-reserve{display:flex;justify-content:center;align-items:center;gap:clamp(4px,1vw,8px);width:min(100%,680px);box-sizing:border-box;padding:7px clamp(7px,2vw,18px);min-height:54px;border-radius:8px;background:#eadac0}.quoridor-reserve-slot{display:grid;place-items:center;flex:none;width:clamp(13px,4vw,18px);height:40px}.quoridor-reserve-wall{display:block;width:100%;height:36px;border-radius:4px;background:linear-gradient(90deg,#54331f,#81502c 40%,#b98043 75%,#51311c);box-shadow:1px 2px 3px #24180e77,inset 1px 0 1px #f1bd81}.quoridor-page .abstract-board-frame{margin:8px 0}@media(max-width:600px){.quoridor-reserve{min-height:43px;padding:4px 7px}.quoridor-reserve-slot{height:34px}.quoridor-reserve-wall{height:30px}}.quoridor-page .quoridor-settings .quoridor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}@media(max-width:620px){.quoridor-page .quoridor-settings .quoridor-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;min-width:0;margin:0}.quoridor-page .quoridor-settings .quoridor-actions button{flex:0 1 auto;width:auto;min-width:0;min-height:32px;padding:5px 8px;font-size:14px;white-space:nowrap}}.quarto-page .quarto-settings .quarto-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}@media(max-width:600px){.quarto-page .quarto-settings .quarto-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;min-width:0;margin:0}.quarto-page .quarto-settings .quarto-actions button{flex:0 1 auto;width:auto;min-width:0;min-height:32px;padding:5px 8px;font-size:14px;white-space:nowrap}}@media(max-width:600px){.quarto-page main{padding:6px 8px 8px}.quarto-page h1{margin:0 0 5px;font-size:22px;line-height:1.2}.quarto-page .quarto-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:5px 6px;padding:6px 8px}.quarto-page .quarto-settings label{min-width:0;gap:3px;font-size:14px}.quarto-page .quarto-settings select{width:100%;min-width:0;padding:6px 18px 6px 6px;font-size:14px}.quarto-page .quarto-settings .quarto-actions{grid-column:auto;width:auto;margin:0;gap:4px}.quarto-page .quarto-settings .quarto-actions button{min-height:30px;padding:5px 7px;font-size:14px}.quarto-page .game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:88px auto;grid-template-areas:"status hand" "board sidebar";align-items:stretch;gap:7px;min-height:0}.quarto-page .turn-card{grid-area:status;display:flex;align-items:center;box-sizing:border-box;width:100%;height:88px;min-height:88px;min-width:0;padding:6px 8px;border:1px solid #d6c5a9;border-radius:7px;background:#f1eadc}.quarto-page .turn-card strong{min-width:0;padding:0;overflow-wrap:anywhere;white-space:normal;font-size:14px;line-height:1.3}.quarto-page .quarto-handed{grid-area:hand;position:static;display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:100%;height:88px;min-width:0;padding:4px;border:1px solid #d6c5a9;border-radius:7px;background:#f1eadc}.quarto-page .quarto-handed small{flex:none;font-size:14px;white-space:nowrap}.quarto-page .quarto-hand-slot{display:grid;place-items:center;flex:none;box-sizing:border-box;width:clamp(64px,17vw,72px);height:78px;padding:1px;border-width:1px;border-radius:5px}.quarto-page .quarto-hand-slot .quarto-piece{box-sizing:border-box;width:80%;height:94%;border-width:1px}.quarto-page .quarto-hand-slot .quarto-piece.short{height:64.5%;margin-top:0}.quarto-page .board-column{grid-area:board;display:flex;align-self:stretch;align-items:flex-end;min-width:0;padding:0;background:transparent}.quarto-page .abstract-board-frame{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:4px;border-width:3px}.quarto-page .quarto-board{width:100%;aspect-ratio:.92;grid-template-rows:repeat(4,minmax(0,1fr));gap:4px;min-height:0}.quarto-page .quarto-cell{min-width:0;min-height:0;padding:0;overflow:hidden;border-width:1px;border-radius:5px}.quarto-page .quarto-cell.last{outline:1px solid #f6df76;outline-offset:-2px}.quarto-page .quarto-cell.winning{outline:1.5px solid #57b776;outline-offset:-2px}.quarto-page .quarto-cell .quarto-piece{box-sizing:border-box;width:82%;height:92%;border-width:1px;animation:none!important;transform:none!important;transition:none!important}.quarto-page .quarto-cell .quarto-piece.short{height:63%;margin-top:0}.quarto-page .game-sidebar{grid-area:sidebar;display:block;align-self:start;min-width:0;min-height:0;height:auto;padding:0;background:transparent}.quarto-page .quarto-tray-section{display:block;width:100%;min-width:0;height:auto}.quarto-page .quarto-tray-heading{margin:0 0 4px;font-size:14px;line-height:1.2}.quarto-page .quarto-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));justify-items:stretch;align-content:stretch;width:100%;height:auto;aspect-ratio:1;min-width:0;min-height:0;gap:4px}.quarto-page .quarto-tray button{display:grid;place-items:center;box-sizing:border-box;width:100%;height:100%;aspect-ratio:1;min-width:0;min-height:0;padding:0;overflow:hidden}.quarto-page .quarto-tray .quarto-piece{box-sizing:border-box;width:64%;height:98%;border-width:1px}.quarto-page .quarto-tray .quarto-piece.short{height:69%;margin-top:0}.quarto-page{--quarto-tall-piece-ratio:64 / 98;--quarto-short-piece-ratio:64 / 69}.quarto-page .quarto-cell .quarto-piece,.quarto-page .quarto-tray .quarto-piece,.quarto-page .quarto-hand-slot .quarto-piece{width:auto;height:98%;aspect-ratio:var(--quarto-tall-piece-ratio)}.quarto-page .quarto-cell .quarto-piece.short,.quarto-page .quarto-tray .quarto-piece.short,.quarto-page .quarto-hand-slot .quarto-piece.short{height:69%;aspect-ratio:var(--quarto-short-piece-ratio);margin-top:0}.quarto-page .game-sidebar>p:not(#abstractError){display:none}.quarto-page #abstractError{position:absolute;right:0;bottom:0;left:0;margin:0;font-size:14px;line-height:1.3}.quarto-page #abstractError:empty{display:none}.quarto-page #abstractHint{display:none}}@media(max-width:360px){.quarto-page main{padding-inline:6px}.quarto-page .game-layout{gap:7px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quarto-page .turn-card{padding-inline:6px}.quarto-page .turn-card strong{font-size:14px}.quarto-page .quarto-handed{gap:5px}.quarto-page .quarto-handed small{font-size:14px}.quarto-page .quarto-hand-slot{width:64px;height:74px}.quarto-page .quarto-hand-slot .quarto-piece{width:80%;height:94%}.quarto-page .quarto-hand-slot .quarto-piece.short{height:64.5%}}@media(max-width:600px){.quoridor-page .quoridor-wall-slot:hover:after,.quoridor-page .quoridor-wall-slot:focus-visible:after{opacity:.1;box-shadow:inset 0 1px 1px #f1bd81}.quoridor-page .quoridor-wall-slot:focus-visible{outline:2px solid #245c66;outline-offset:1px}.quoridor-page .quoridor-wall-slot.preview{z-index:7}.quoridor-page .quoridor-wall-slot.preview:after{opacity:1;background:linear-gradient(90deg,#245d68,#60a8ad 50%,#245d68);box-shadow:0 0 0 2px #eaf8f7,0 0 0 4px #204e56,0 2px 8px #183b40aa;transition:none}.quoridor-page .quoridor-wall-slot.v.preview:after{background:linear-gradient(#245d68,#60a8ad 50%,#245d68)}.quoridor-page #abstractHint{min-height:18px;margin:2px 0;font-size:14px;line-height:1.3;visibility:hidden}.quoridor-page #abstractHint.is-pending-wall{visibility:visible}}@media(max-width:900px)and (min-width:601px){.quarto-page .game-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"status" "board" "hand" "sidebar"}.quarto-page .quarto-handed{padding:8px 18px;background:#fff}}