:root{--ad-slot-width:160px}@media (width<=1200px){aside.ad{display:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--panel:#fff;--line:#e2e8f0;--text:#1e293b;--muted:#64748b;--accent:#1e293b;--accent-strong:#0f172a;--radius:8px;--radius-lg:12px;--shadow-card:0 12px 32px #0f172a1f;--column-max:900px;--board-max:min(100vw - 24px, 100dvh - 180px)}body{background-color:var(--bg);color:var(--text);overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a,button,select,[role=button]{touch-action:manipulation}.board-wrap{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hidden{display:none!important}header{padding:12px 20px;padding:calc(12px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 12px calc(20px + env(safe-area-inset-left));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-logo{width:32px;height:32px}.header-title{font-size:1.2rem;font-weight:700}.header-home{color:var(--muted);font-size:.9rem;text-decoration:none}@media (hover:hover){.header-home:hover{color:var(--text)}}.header-actions{align-items:center;gap:12px;display:flex}.header-sound{background-color:var(--panel);width:36px;height:36px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.05rem;display:inline-flex}@media (hover:hover){.header-sound:hover{border-color:var(--accent)}}main{grid-template-columns:var(--ad-slot-width) minmax(0, var(--column-max)) var(--ad-slot-width);padding:24px 16px 48px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));justify-content:center;gap:24px;display:grid}main .game-column{flex-direction:column;align-items:center;gap:16px;display:flex}@media (width<=1200px){main{grid-template-columns:minmax(0, var(--column-max))}}.controls,.toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.controls select,.controls button,.toolbar button{background-color:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:8px 14px;font-family:inherit;font-size:.9rem}@media (hover:hover){.controls select:hover,.controls button:hover:not(:disabled),.toolbar button:hover:not(:disabled){border-color:var(--accent)}}.controls button:disabled,.toolbar button:disabled{color:var(--muted);cursor:default;opacity:.55}.controls button[aria-pressed=true],.toolbar button.active,.mode-tabs button[aria-selected=true]{border-color:var(--text);background-color:#f1f5f9}.controls button.primary,.toolbar button.primary{background-color:var(--text);border-color:var(--text);color:var(--panel);font-weight:600}@media (hover:hover){.controls button.primary:hover:not(:disabled),.toolbar button.primary:hover:not(:disabled){background-color:var(--accent-strong);border-color:var(--accent-strong)}}.icon{vertical-align:-.15em;width:1em;height:1em}.controls .check-label{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.9rem;display:flex}.controls .check-label input{accent-color:var(--accent)}.hud{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:18px;font-size:.9rem;display:flex}.hud strong{color:var(--text);font-variant-numeric:tabular-nums}.result{width:min(100%,520px);padding:18px 20px;padding-bottom:calc(18px + env(safe-area-inset-bottom));text-align:center;background-color:var(--panel);border:1px solid var(--line);z-index:20;border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;align-items:center;gap:10px;line-height:1.5;animation:.2s ease-out result-rise;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 32px #0f172a24}@keyframes result-rise{0%{opacity:0;transform:translate(-50%,24px)}}.result h2{color:var(--text);font-size:1.5rem}.result p{color:var(--muted);font-variant-numeric:tabular-nums}.result .stat-grid{justify-content:center;gap:18px;display:flex}.result .stat-grid div{flex-direction:column;display:flex}.result .stat-grid strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.2rem}.result .stat-grid span{color:var(--muted);font-size:.72rem}.overlay-actions,.overlay-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.result button{background-color:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;cursor:pointer;padding:9px 18px;font-family:inherit;font-size:.95rem}@media (hover:hover){.result button:hover{border-color:var(--text)}}.result button.primary{background-color:var(--text);border-color:var(--text);color:var(--panel);font-weight:600}@media (hover:hover){.result button.primary:hover{background-color:var(--accent-strong)}}article{width:100%;max-width:680px;color:var(--muted);flex-direction:column;gap:20px;margin-top:24px;font-size:.95rem;line-height:1.7;display:flex}article h2{color:var(--text);border-bottom:1px solid var(--line);padding-bottom:6px;font-size:1.2rem}article ul{padding-left:20px}article table{border-collapse:collapse;width:100%;max-width:440px}article td,article th{border:1px solid var(--line);text-align:left;padding:6px 12px}article kbd{background-color:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:1px 6px;font-size:.85em}article a{color:var(--accent-strong)}footer{text-align:center;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));color:var(--muted);border-top:1px solid var(--line);font-size:.85rem}footer a{color:var(--accent-strong)}@media (pointer:coarse){.controls select,.controls button,.toolbar button,.result button{min-height:44px;font-size:1rem}.controls .check-label{min-height:44px}.header-home{align-items:center;min-height:44px;display:inline-flex}.header-sound{width:44px;height:44px}}@media (width<=640px){header{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}main{padding:12px 12px 40px;padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}main .game-column{gap:12px}main .game-column>.hud{order:-3;gap:8px 16px}main .game-column>.board-wrap{order:-2}main .game-column>.controls{order:1}main .game-column>article{order:2}.footer-more{display:none}.controls{gap:8px}.controls select,.controls button{padding:8px 12px}}:root{--column-max:960px;--win-mark:#3b82f6;--light-sq:#f0d9b5;--dark-sq:#b58863;--board-frame:#1e293b;--hl-last:#facc1573;--hl-selected:#14551e73;--hl-dot:#141e1447;--grade-best:#15803d;--grade-excellent:#16a34a;--grade-good:#65a30d;--grade-inaccuracy:#ca8a04;--grade-mistake:#ea580c;--grade-blunder:#dc2626}.mode-tabs{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.mode-tabs button{border:none;border-radius:0}.mode-tabs button[aria-selected=true]{font-weight:700}#turn-label{color:var(--text);font-weight:700}#turn-label:before{content:"";border:1px solid var(--text);vertical-align:0;background-color:#fff;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}#turn-label.black:before{background-color:#1e293b}#turn-label.idle:before{display:none}.play-area{grid-template-columns:minmax(0,560px) minmax(280px,340px);justify-content:center;align-items:start;gap:20px;width:100%;display:grid}@media (width<=900px){.play-area{grid-template-columns:minmax(0,560px)}}.board-wrap{aspect-ratio:1;width:100%;position:relative}#board{width:100%;height:100%;box-shadow:0 0 0 4px var(--board-frame);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;display:block}#board .sq.light{fill:var(--light-sq)}#board .sq.dark{fill:var(--dark-sq)}#board .coord{pointer-events:none;font-size:10px;font-weight:700}#board .coord.on-light{fill:var(--dark-sq)}#board .coord.on-dark{fill:var(--light-sq)}#board .hl-last{fill:var(--hl-last)}#board .hl-selected{fill:var(--hl-selected)}#board .hl-check{fill:url(#check-glow)}#board .dot{fill:var(--hl-dot);pointer-events:none}#board .dot.capture{fill:none;stroke:var(--hl-dot);stroke-width:6px}#board .piece{cursor:grab;transition:transform .16s ease-in-out}#board .piece.dragging{cursor:grabbing;pointer-events:none}#board .piece.idle{cursor:default}#board .arrow{pointer-events:none;opacity:.85}#board .arrow.played{fill:#f97316}#board .arrow.best,#board .arrow.played.best{fill:#16a34a}#board.locked .piece{cursor:default}#promo{background-color:var(--panel);z-index:2;border-radius:6px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 16px #00000059}#promo button{aspect-ratio:1;background-color:var(--panel);cursor:pointer;border:none;width:100%;padding:4px}@media (hover:hover){#promo button:hover{background-color:var(--light-sq)}}#promo button svg{width:100%;height:100%;display:block}.panel{background-color:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;min-height:200px;padding:16px;font-size:.92rem;display:flex}@media (width>=901px){.panel{height:640px}}.panel h3{font-size:1rem;font-weight:700}.panel p{color:var(--muted);line-height:1.5}.panel .hint{color:var(--muted);font-size:.85rem}.panel .themes{flex-wrap:wrap;gap:6px;display:flex}.panel .theme{background-color:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.78rem}.panel button{background-color:var(--text);color:var(--panel);border:1px solid var(--text);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:600}@media (hover:hover){.panel button:hover{background-color:var(--accent-strong);border-color:var(--accent-strong)}}.panel button.secondary{color:var(--text);border-color:var(--line);background-color:#0000;font-weight:500}@media (hover:hover){.panel button.secondary:hover{border-color:var(--text);background-color:#0000}}.panel .actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}@media (width<=900px){.panel .actions{background-color:var(--panel);padding:10px 0;position:sticky;bottom:0;box-shadow:0 -8px 12px -8px #0f172a40}}.grade-badge{color:var(--grade-color,var(--muted));background-color:color-mix(in srgb, var(--grade-color,var(--muted)) 12%, var(--panel));border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:1.35rem;font-weight:800;display:inline-flex}.grade-badge .pts{opacity:.9;font-size:.95rem;font-weight:600}.grade-best{--grade-color:var(--grade-best)}.grade-excellent{--grade-color:var(--grade-excellent)}.grade-good{--grade-color:var(--grade-good)}.grade-inaccuracy{--grade-color:var(--grade-inaccuracy)}.grade-mistake{--grade-color:var(--grade-mistake)}.grade-blunder{--grade-color:var(--grade-blunder)}.move-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.move-line .san{font-variant-numeric:tabular-nums;font-weight:700}.move-line .eval{color:var(--muted);font-variant-numeric:tabular-nums}.move-line.played .san{color:#c2410c}.move-line.best .san{color:#15803d}.win-bar{background-color:var(--text);border:1px solid var(--line);border-radius:7px;height:14px;position:relative;overflow:hidden}.win-bar .fill{background-color:var(--panel);transition:width .5s ease-out;position:absolute;top:0;bottom:0;left:0}.win-bar .mark{background-color:var(--win-mark);width:3px;top:0;bottom:0;left:clamp(0px, calc(var(--at) - 1.5px), calc(100% - 3px));border-radius:2px;position:absolute}.win-caption{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.8rem;display:flex}.top-moves{flex-direction:column;gap:4px;list-style:none;display:flex}.top-moves li{font-variant-numeric:tabular-nums;border-radius:6px;grid-template-columns:1.6em 1fr auto;gap:8px;padding:4px 8px;display:grid}.top-moves li.played{background-color:#fff7ed}.top-moves li.best{background-color:#f0fdf4}.top-moves .rank,.top-moves .eval{color:var(--muted)}.pv{color:var(--text);background-color:var(--bg);word-break:break-word;border-radius:6px;padding:6px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}.daily-dots{gap:5px;display:flex}.daily-dots span{background-color:var(--line);border-radius:3px;width:14px;height:14px}.daily-dots span.current{outline:2px solid var(--text);outline-offset:1px}.share-box{white-space:pre-wrap;background-color:var(--bg);border-radius:6px;padding:8px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5}.big-score{color:var(--text);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.overlay{z-index:10;background-color:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay-card{text-align:left;background-color:var(--panel);border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;align-items:stretch;gap:14px;padding:24px;display:flex}.overlay-card h2{font-size:1.3rem}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats-grid .stat{background-color:var(--bg);border-radius:8px;padding:10px 6px}.stats-grid .stat strong{font-variant-numeric:tabular-nums;font-size:1.4rem;display:block}.stats-grid .stat span{color:var(--muted);font-size:.78rem}.grade-bars{flex-direction:column;gap:5px;font-size:.85rem;display:flex}.grade-bars .row{grid-template-columns:90px 1fr 40px;align-items:center;gap:8px;display:grid}.grade-bars .bar{background-color:var(--grade-color,var(--muted));border-radius:5px;min-width:2px;height:10px}.grade-bars .n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}