:root{--text:#a2a7b4;--text-h:#eef0f4;--bg:#0d0e13;--bg-elevated:#15161f;--bg-panel:#1b1c27;--border:#2b2d3a;--code-bg:#1f2028;--accent:#cf4f36;--accent-2:#a83a25;--accent-bg:#cf4f3626;--accent-border:#cf4f368c;--gold:#c9a86a;--gold-bright:#e6c988;--gold-bg:#c9a86a1f;--social-bg:#2f303a80;--shadow:#00000073 0 10px 20px -5px, #0000004d 0 4px 8px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mincho:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:radial-gradient(120% 70% at 50% -10%, #181a24 0%, var(--bg) 62%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}@media (width<=1024px){:root{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:1440px;min-height:100dvh;margin:0 auto;display:flex;overflow-x:hidden}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.game-page,.history-page{--board-wood:#d0a55c;--board-line:#3b2711;--piece-ink:#201206;--piece-ink-promoted:#a81f12;--highlight-select:#f0ca6e99;--highlight-last:#de80226b;--highlight-check:#d630203d;--board-size:min(87vw, calc(100dvh - 270px), 420px);--cell-size:calc(var(--board-size) / 9.45);--label-size:calc(var(--cell-size) * .45);font-family:var(--sans);box-sizing:border-box;max-width:100%;padding:0 10px}@media (width>=768px){.game-page,.history-page{--board-size:min(calc(100vw - 400px), calc(100dvh - 180px), 560px)}}.engine-notice{text-align:center;color:var(--text);font-size:14px}.engine-notice--error{color:#ff6b6b}.game-layout{box-sizing:border-box;flex-direction:column;align-items:center;gap:18px;width:100%;margin-top:14px;display:flex}@media (width>=768px){.game-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:32px;max-width:1200px;margin-inline:auto}}.board-column{width:100%;max-width:var(--board-size);box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;display:flex}.player-row{width:100%;max-width:var(--board-size);box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;display:flex}.player-row .clock-display{flex:none}.player-row .hand__label{display:none}.hand{flex:auto;align-items:center;gap:8px;min-width:0;min-height:46px;display:flex}.hand--top{flex-direction:row-reverse}@media (width<=767px){.hand{justify-content:flex-end}.hand--top{justify-content:flex-start}}.hand__label{font-family:var(--mincho);letter-spacing:.12em;color:var(--text);white-space:nowrap;font-size:12px}.hand__pieces{flex-wrap:wrap;gap:3px;min-width:0;display:flex}.hand__empty{color:color-mix(in srgb, var(--text) 55%, transparent);font-size:11px}.hand__piece{--koma-size:calc(var(--cell-size) * .82);width:calc(var(--cell-size) * .9);height:calc(var(--cell-size) * .95);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:34px;min-height:36px;padding:0;transition:translate .14s;display:flex;position:relative}.hand__piece .koma{width:88%;height:92%}.hand__piece:hover .koma{filter:drop-shadow(0 2px 3px #0f080280)brightness(1.07)}.hand__piece--selected{translate:0 -3px}.hand__piece--selected .koma{filter:drop-shadow(0 0 7px #e6c988e6)drop-shadow(0 2px 3px #0f080273)}.hand__count{font-size:10px;font-family:var(--sans);color:var(--gold-bright);z-index:3;background:#191007;border:1px solid #c9a86a80;border-radius:50%;width:16px;height:16px;font-weight:600;line-height:14px;position:absolute;bottom:-3px;right:-3px}.board-wrap{flex-direction:column;display:inline-flex}.board-files{grid-template-columns:calc(var(--label-size) + 12px) repeat(9, var(--cell-size));margin-bottom:12px;display:grid}.board-files__corner{width:var(--label-size)}.board-files__label{text-align:center;font-family:var(--mincho);font-size:calc(var(--cell-size) * .28);color:#c9a86a99}.board-body{display:flex}.board-ranks{width:var(--label-size);flex-direction:column;margin-right:12px;display:flex}.board-ranks__label{height:var(--cell-size);font-family:var(--mincho);font-size:calc(var(--cell-size) * .28);color:#c9a86a99;justify-content:center;align-items:center;display:flex}.board-grid{grid-template-columns:repeat(9, var(--cell-size));grid-template-rows:repeat(9, var(--cell-size));aspect-ratio:1;background:radial-gradient(130% 100% at 30% 0,#fff0cd33,#0000 55%),repeating-linear-gradient(92deg,#704a1a0e 0 2px,#0000 2px 6.5px),repeating-linear-gradient(88deg,#462c0c0b 0 1px,#0000 1px 11px),linear-gradient(155deg,#d8ac60 0%,#cd9f52 55%,#bd8f45 100%);display:grid;position:relative;box-shadow:0 0 0 2px #3b2711,0 0 0 3px #c9a86a47,0 0 0 9px #14100a,0 0 0 10px #c9a86a29,0 26px 60px -18px #000000d9}.board-grid:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle,#3b2711d9 0 2px,#0000 2.8px),radial-gradient(circle,#3b2711d9 0 2px,#0000 2.8px),radial-gradient(circle,#3b2711d9 0 2px,#0000 2.8px),radial-gradient(circle,#3b2711d9 0 2px,#0000 2.8px);background-position:calc(33.333% - 2px) calc(33.333% - 2px),calc(66.667% + 2px) calc(33.333% - 2px),calc(33.333% - 2px) calc(66.667% + 2px),calc(66.667% + 2px) calc(66.667% + 2px);background-repeat:no-repeat;background-size:6px 6px;position:absolute;inset:0}.square{width:var(--cell-size);height:var(--cell-size);box-sizing:border-box;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:.5px solid #3b271199;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.square--selected{background:var(--highlight-select);box-shadow:inset 0 0 0 2px #c9a86af2}.square--last-move{background:var(--highlight-last);box-shadow:inset 0 0 0 2px #de80228c}.square--checked{background:var(--highlight-check)}.square--checked:after{content:"";z-index:1;pointer-events:none;border:2.5px solid #e03a26d9;border-radius:50%;animation:1.1s ease-in-out infinite check-pulse;position:absolute;inset:5%}@keyframes check-pulse{0%,to{opacity:.5;scale:.94}50%{opacity:1;scale:1.03}}.square--legal-target{cursor:pointer}.square__marker{z-index:2;pointer-events:none;background:#20120661;border-radius:50%;width:30%;height:30%;transition:transform .12s,background .12s;position:absolute}.square--legal-target:hover .square__marker{background:#20120675;transform:scale(1.28)}.square--legal-target:has(.koma-slot) .square__marker{background:0 0;border-radius:16%;width:92%;height:92%;box-shadow:inset 0 0 0 2.5px #a81f1299}.square--legal-target:has(.koma-slot):hover .square__marker{background:#a81f121f;transform:none}.koma{filter:drop-shadow(0 2px 3px #0f080273);pointer-events:none;justify-content:center;align-items:center;width:87%;height:93%;display:flex;position:relative}.koma:before,.koma:after{content:"";clip-path:polygon(50% 1%,86% 20%,97% 97%,3% 97%,14% 20%);position:absolute}.koma:before{background:linear-gradient(#c69d5b 0%,#916c33 55%,#6d4e21 100%);inset:0}.koma:after{background:linear-gradient(168deg,#f7e7bf 0%,#ecd39d 42%,#d9b276 78%,#cba25f 100%);inset:1px 1.5px 2px}.koma__face{z-index:1;font-family:var(--mincho);font-weight:700;font-size:calc(var(--koma-size,var(--cell-size)) * .52);color:var(--piece-ink);-webkit-user-select:none;user-select:none;line-height:1;position:relative;transform:translateY(9%)}.koma--rotated{transform:rotate(180deg)}.koma--promoted .koma__face{color:var(--piece-ink-promoted)}.koma--king{width:91%;height:96%}.koma--king .koma__face{font-size:calc(var(--koma-size,var(--cell-size)) * .55)}.koma--stacked .koma__face{font-size:calc(var(--koma-size,var(--cell-size)) * .32);letter-spacing:0;flex-direction:column;align-items:center;line-height:1.02;display:flex}.koma-slot{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.koma-slot--glide{animation:.2s cubic-bezier(.18,.8,.24,1) backwards koma-glide,.24s cubic-bezier(.34,1.45,.5,1) .185s backwards koma-settle}.square:has(.koma-slot--glide){z-index:6}@keyframes koma-glide{0%{transform:translate(var(--glide-x), var(--glide-y))}to{transform:translate(0)}}@keyframes koma-settle{0%{scale:1}45%{scale:1.08}to{scale:1}}.koma-slot--drop{animation:.23s cubic-bezier(.2,.85,.3,1.1) backwards koma-dropin}@keyframes koma-dropin{0%{opacity:0;scale:1.45}60%{opacity:1}to{opacity:1;scale:1}}.status-banner{color:var(--text);letter-spacing:.04em;min-height:1.4em;font-size:14px}.status-banner--ended{color:var(--gold-bright);font-weight:600}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.controls button,.kifu-actions button,.back-button{font-family:var(--sans);border:1px solid var(--border);min-height:44px;color:var(--text-h);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border-radius:999px;padding:8px 18px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.controls button:hover:not(:disabled),.kifu-actions button:hover:not(:disabled),.back-button:hover{background:var(--gold-bg);border-color:#c9a86a8c}.controls button:disabled,.kifu-actions button:disabled{opacity:.35;cursor:not-allowed}.kifu-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-bottom:8px;display:flex}.kifu-actions__notice{color:var(--gold-bright);font-size:.8em}.kifu-actions__notice--error{color:#ff6b6b}.side-column{width:100%;max-width:var(--board-size);box-sizing:border-box}@media (width>=768px){.side-column{width:clamp(280px,26vw,360px);max-width:360px}}.tab-switch{display:none}@media (width<=767px){.tab-switch{gap:8px;margin-bottom:10px;display:flex}.tab-switch__button{font-family:var(--sans);border:1px solid var(--border);background:var(--bg-elevated);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;flex:1;padding:8px 12px;font-size:14px}.tab-switch__button--active{color:#fff;background:linear-gradient(160deg,#d8583c,#a83a25);border-color:#0000}.side-column[data-mobile-tab=analysis] [data-panel=moves],.side-column[data-mobile-tab=moves] [data-panel=analysis]{display:none}}.move-list{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;max-height:480px;padding:12px 14px;overflow-y:auto}.move-list__title{font-family:var(--mincho);letter-spacing:.14em;color:var(--gold);margin:0 0 8px;font-size:14px}.move-list__items{margin:0;padding:0;font-size:14px;list-style:none}.move-list__item{border-radius:6px;padding:3px 6px}.move-list__item--current{background:var(--gold-bg);color:var(--text-h)}.move-list__empty{color:var(--text);font-size:13px}.move-list__link{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0}.move-list__item--viewed{outline:1px dashed #c9a86ab3}.move-list__eval{color:var(--text);font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px}.promotion-overlay{-webkit-backdrop-filter:blur(4px);z-index:50;background:#06070a99;justify-content:center;align-items:center;animation:.2s both overlay-fade;display:flex;position:fixed;inset:0}.promotion-dialog{background:linear-gradient(180deg, var(--bg-panel), var(--bg-elevated));border:1px solid var(--border);text-align:center;border-radius:16px;padding:22px 26px 24px;box-shadow:0 24px 60px -12px #000c}.promotion-dialog__title{font-family:var(--mincho);letter-spacing:.14em;color:var(--text-h);margin:0 0 18px;font-size:17px}.promotion-dialog__actions{justify-content:center;gap:14px;display:flex}.promotion-dialog__choice{border:1px solid var(--border);min-width:104px;color:var(--text-h);cursor:pointer;font-family:var(--sans);background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:14px 18px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.promotion-dialog__choice:hover{border-color:var(--gold);background:var(--gold-bg)}.promotion-dialog__piece{--koma-size:calc(var(--cell-size) * 1.1);width:calc(var(--cell-size) * 1.15);height:calc(var(--cell-size) * 1.25);justify-content:center;align-items:center;display:flex}.promotion-dialog__piece .koma{width:100%;height:100%}.mode-toggle{justify-content:center;gap:8px;margin-top:10px;display:flex}.mode-toggle__button{font-family:var(--sans);border:1px solid var(--border);background:var(--bg-elevated);min-height:42px;color:var(--text);cursor:pointer;border-radius:999px;padding:8px 20px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.mode-toggle__button--active{color:#fff;background:linear-gradient(160deg,#d8583c,#a83a25);border-color:#0000;box-shadow:0 6px 16px -8px #cf4f36cc}.analysis-notice{color:var(--text);text-align:center;font-size:14px}.analysis-pane{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;margin-bottom:12px;padding:12px 14px}.analysis-pane__heading{font-family:var(--mincho);letter-spacing:.14em;color:var(--gold);margin:14px 0 6px;font-size:13px}.analysis-pane__scan{align-items:center;gap:10px;margin-top:8px;display:flex}.analysis-pane__scan button{font-family:var(--sans);border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:#ffffff08;border-radius:999px;padding:6px 14px;font-size:13px}.analysis-pane__scan button:hover:not(:disabled){background:var(--gold-bg);border-color:#c9a86a8c}.analysis-pane__scan button:disabled{opacity:.5;cursor:not-allowed}.analysis-pane__progress{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}.board-with-eval{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}@media (width>=768px){.board-with-eval{flex-direction:row;align-items:stretch;gap:14px;width:auto}}.board-frame{margin:8px 0 10px;display:inline-flex;position:relative}.formation-banner-overlay{pointer-events:none;z-index:20;justify-content:center;align-items:flex-start;padding-top:22%;display:flex;position:absolute;inset:0;overflow:hidden}.formation-banner{white-space:nowrap;background:linear-gradient(120deg,#ffffff0d,#0000 40%),linear-gradient(170deg,#1a1610f7,#0c0a07f5);border:1px solid #c9a86a8c;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:16px 44px 14px;animation:2.6s cubic-bezier(.2,.8,.3,1) forwards banner-in;display:flex;position:relative;box-shadow:inset 0 0 0 3px #0c0a07,inset 0 0 0 4px #c9a86a47,0 22px 55px -12px #000000d9}.formation-banner--strategy{border-color:#96bee180;box-shadow:inset 0 0 0 3px #0c0a07,inset 0 0 0 4px #96bee13d,0 22px 55px -12px #000000d9}.formation-banner__sub{font-family:var(--sans);letter-spacing:.42em;color:#c9a86ae6;padding-left:.42em;font-size:10px}.formation-banner--strategy .formation-banner__sub{color:#96bee1e6}.formation-banner__name{font-family:var(--mincho);letter-spacing:.12em;color:var(--gold-bright);text-shadow:0 0 22px #e6c98859,0 2px 10px #000000b3;padding-left:.12em;font-size:clamp(26px,7.5vw,46px);font-weight:700;line-height:1.12;animation:2.6s cubic-bezier(.3,.7,.3,1) forwards name-sweep}.formation-banner--strategy .formation-banner__name{color:#b7d4ec;text-shadow:0 0 22px #8cbee666,0 2px 10px #000000b3}.formation-banner__seal{width:26px;height:26px;font-family:var(--mincho);color:#f3e4d4;background:linear-gradient(160deg,#c22b1a,#8f1d10);border-radius:4px;justify-content:center;align-items:center;font-size:15px;font-weight:700;animation:2.6s cubic-bezier(.2,1.2,.3,1) forwards seal-stamp;display:flex;position:absolute;top:8px;right:9px;rotate:-6deg;box-shadow:0 2px 8px #00000080,inset 0 0 0 1px #ffebdc40}@keyframes banner-in{0%{opacity:0;transform:translateY(-14px)scale(.97)}7%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes name-sweep{0%,6%{clip-path:inset(0 100% 0 0)}26%,to{clip-path:inset(0)}}@keyframes seal-stamp{0%,30%{opacity:0;scale:2.2}38%{opacity:1;scale:1}43%{scale:1.12}48%,to{opacity:1;scale:1}}@media (width<=767px){.formation-banner{padding:12px 26px 10px}}.result-overlay{z-index:60;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#06070ac7;justify-content:center;align-items:center;animation:.45s both overlay-fade;display:flex;position:fixed;inset:0}.result-overlay__card{flex-direction:column;align-items:center;gap:20px;padding:30px;display:flex}.result-overlay__title{font-family:var(--mincho);writing-mode:vertical-rl;letter-spacing:.22em;color:var(--gold-bright);text-shadow:0 0 46px #e6c98880,0 6px 22px #000000b3;font-size:clamp(72px,24vw,132px);font-weight:700;animation:.8s cubic-bezier(.18,.9,.28,1.15) .1s both result-pop}.result-overlay--lose .result-overlay__title{color:#97a1b4;text-shadow:0 0 34px #788caf66,0 6px 22px #000000b3}.result-overlay--draw .result-overlay__title{color:var(--text-h)}.result-overlay__sub{color:var(--text-h);letter-spacing:.1em;font-size:14px;animation:.6s .5s both overlay-fade}.result-overlay__hint{color:var(--text);font-size:11px;animation:.6s 1s both overlay-fade}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes result-pop{0%{opacity:0;filter:blur(6px);transform:scale(1.6)}to{opacity:1;filter:blur();transform:scale(1)}}.eval-bar{width:var(--board-size);flex-direction:column;gap:4px;display:flex}.eval-bar--loading{opacity:.6}.eval-bar__track{background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;flex-direction:row;height:14px;display:flex;overflow:hidden}.eval-bar__black{background:linear-gradient(90deg,#f4ead2,#e6d3a8);flex:none;height:100%;transition:flex-basis .35s cubic-bezier(.3,.7,.3,1)}.eval-bar__labels{color:var(--text);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}@media (width>=768px){.eval-bar{width:26px;height:var(--board-size);flex:none}.eval-bar__track{flex-direction:column-reverse;width:100%;height:100%}.eval-bar__black{width:100%;height:auto;transition:none}.eval-bar__labels{flex-direction:column;align-items:center;gap:6px;font-size:10px}}.eval-bar__score{color:var(--gold-bright);font-weight:600}.eval-graph{border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;width:100%;height:120px}.eval-graph__zero{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 3}.eval-graph__line{fill:none;stroke:var(--gold);stroke-width:1.5px}.eval-graph__cursor{fill:var(--gold-bright)}.eval-graph__hit{fill:#0000;cursor:pointer}.eval-graph__hit:hover{fill:#c9a86a1f}.eval-graph__empty{color:var(--text);text-align:center;font-size:13px}.best-moves{margin:0;padding:0;list-style:none}.best-moves__item{margin-bottom:6px}.best-moves__move{font-family:var(--sans);border:1px solid var(--border);background:var(--bg-panel);width:100%;min-height:44px;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:border-color .15s;display:flex}.best-moves__move:hover:not(:disabled){border-color:#c9a86a8c}.best-moves__move:disabled{cursor:default}.best-moves__rank{color:var(--text);min-width:1.2em}.best-moves__label{color:var(--text-h);flex:1;font-weight:500}.best-moves__score{font-variant-numeric:tabular-nums;color:var(--gold-bright)}.best-moves__pv{color:var(--text);word-break:break-all;padding:2px 8px 0;font-size:11px}.best-moves__empty{color:var(--text);font-size:13px}.game-setup{box-sizing:border-box;text-align:left;width:100%;max-width:460px;margin:8px auto 0;padding:0 4px 28px}.game-setup h2{font-family:var(--mincho);letter-spacing:.3em;text-align:center;color:var(--text-h);margin:22px 0 26px;padding-left:.3em;font-size:24px;font-weight:600}.game-setup h2:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:44px;height:2px;margin:12px auto 0;display:block}.game-setup__group{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff05, transparent), var(--bg-elevated);border-radius:14px;margin-bottom:14px;padding:14px 16px 16px}.game-setup__group legend{letter-spacing:.22em;color:var(--gold);padding:0 6px;font-size:12px;font-weight:600}.game-setup__options{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.game-setup__option{border:1px solid var(--border);min-height:42px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:9px 15px;font-size:14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex;position:relative}.game-setup__option:hover{color:var(--text-h);border-color:#c9a86a66}.game-setup__option:has(input:checked){border-color:var(--gold);background:var(--gold-bg);color:var(--gold-bright);font-weight:600}.game-setup__option:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:2px}.game-setup__option input{opacity:0;pointer-events:none;position:absolute}.game-setup__start{font-family:var(--sans);color:#fff;cursor:pointer;letter-spacing:.18em;background:linear-gradient(165deg,#dd5b3e 0%,#c14730 55%,#9c3520 100%);border:none;border-radius:999px;width:100%;min-height:52px;margin-top:10px;padding:14px 14px 14px calc(14px + .18em);font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 12px 28px -10px #cf4f36bf,inset 0 1px #ffffff38}.game-setup__start:hover{transform:translateY(-1px);box-shadow:0 16px 32px -10px #cf4f36d9,inset 0 1px #ffffff38}.game-setup__start:active{transform:translateY(0)scale(.99)}.clock-display{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-panel), var(--bg-elevated));font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:7px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.clock-display--active{border-color:#c9a86aa6;box-shadow:0 0 0 1px #c9a86a40,0 0 18px -6px #c9a86a8c}.clock-display__label{font-family:var(--mincho);letter-spacing:.1em;color:var(--text);font-size:12px}.clock-display--active .clock-display__label{color:var(--gold-bright)}.clock-display__byoyomi{color:#ff8a70;border:1px solid #cf4f368c;border-radius:999px;padding:1px 7px;font-size:10px}.clock-display__time{color:var(--text-h);letter-spacing:.02em;font-size:18px;font-weight:600}.clock-display--low .clock-display__time{color:#ff6a55;animation:1s steps(2,jump-none) infinite clock-blink}@keyframes clock-blink{50%{opacity:.55}}.top-nav{justify-content:center;gap:4px;padding:14px 0 10px;display:flex;position:relative}.top-nav__brand{font-family:var(--mincho);letter-spacing:.08em;color:var(--gold);font-size:15px;font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.top-nav__brand:before{content:"▲";color:var(--accent);vertical-align:2px;margin-right:7px;font-size:10px}.top-nav__button{font-family:var(--sans);min-height:44px;color:var(--text);cursor:pointer;letter-spacing:.06em;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 16px;font-size:14px;transition:color .15s,border-color .15s}.top-nav__button:hover{color:var(--text-h)}.top-nav__button--active{color:var(--text-h);border-bottom-color:var(--accent)}@media (width<=600px){.top-nav{justify-content:flex-end;padding-right:6px}}.history-page{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:0 16px 24px}.history-page h2{font-family:var(--mincho);letter-spacing:.06em}@media (width>=768px){.history-page{max-width:1200px}}.history-table-scroll{width:100%;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:480px}.history-table th,.history-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px;font-size:14px}.history-table__row{cursor:pointer}.history-table__row:hover{background:var(--gold-bg)}.history-viewer__meta{color:var(--text);margin-bottom:12px;font-size:13px}.back-button{margin-bottom:12px}.game-page button:focus-visible,.history-page button:focus-visible,.top-nav button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}@media (prefers-reduced-motion:reduce){.koma-slot--glide,.koma-slot--drop,.square--checked:after,.clock-display--low .clock-display__time,.result-overlay__title{animation:none!important}.formation-banner{animation:2.6s ease-in-out forwards formation-fade}.formation-banner__name,.formation-banner__seal{clip-path:none;opacity:1;animation:none}}@keyframes formation-fade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}