:root{color-scheme:dark;color:#f2f5fa;--accent:#ffcf72;--accent-soft:#b9873a;--blue:#7fd8ff;--panel:#131c2f;--line:#364256;--muted:#c3cbdb;--board-size:480px;--light-square:#ecd9b6;--dark-square:#7c6144;--square-text:#2a2114;background:#0a1120;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#1a2a49,#0000 60%),#0a1120;min-width:320px;min-height:100svh;margin:0}button,select,input{font:inherit}button,select{cursor:pointer;min-height:44px}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:2px}#runtime{isolation:isolate;width:100%;min-height:100svh;position:relative}[hidden]{display:none!important}.screen{z-index:90;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:#060b16e8;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.boot{z-index:100;background:radial-gradient(circle,#16233d,#0a1120 66%);align-content:center;gap:.6rem}.boot .brand-mark{color:var(--blue);text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.72rem}.boot strong{color:var(--accent);font-family:Georgia,serif;font-size:clamp(2rem,8vw,3.6rem)}.boot>span:last-child{color:var(--muted)}.boot-spinner{aspect-ratio:1;border:.28rem solid #3a4157;border-top-color:var(--accent);border-radius:50%;width:3.4rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.topbar{z-index:95;padding:.7rem max(.9rem, env(safe-area-inset-right)) .4rem max(.9rem, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.topbar h1{letter-spacing:.04em;color:var(--accent);margin:0;font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,1.8rem)}.round-button{border:1px solid var(--line);color:#f2f5fa;background:#172034;border-radius:50%;width:44px;min-width:44px;font-size:1.2rem}.panel{border:1px solid var(--line);background:linear-gradient(150deg,#162034,#0d1426);border-radius:1.1rem;width:min(32rem,100%);padding:clamp(1.1rem,4vw,1.9rem);box-shadow:0 1.4rem 4rem #0009}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .4rem;font-size:.7rem;font-weight:800}h2{margin:.2rem 0 .8rem;font-family:Georgia,serif;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.05}.start-card>p:not(.eyebrow),.small{color:var(--muted);line-height:1.55}.small{font-size:.83rem}.start-card label,.setting-row label{color:#e4e9f2;margin:.9rem 0 .3rem;font-size:.82rem;font-weight:700;display:block}select{border:1px solid var(--line);color:#f2f5fa;background:#0d1526;border-radius:.6rem;width:100%;padding:.55rem .7rem}input[type=checkbox]{width:1.3rem;height:1.3rem;accent-color:var(--accent)}.primary{color:#1a1206;background:linear-gradient(#ffd989,#c58c26);border:1px solid #ffe3a6;border-radius:.7rem;width:100%;margin-top:1rem;padding:.75rem 1rem;font-weight:800}.game-ui{padding:0 max(.6rem, env(safe-area-inset-right)) max(.9rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left));justify-content:center;align-items:start;gap:clamp(.6rem,2vw,1.4rem);display:grid}.board-column{width:100%;max-width:var(--board-size);justify-items:center;gap:.4rem;margin:0 auto;display:grid}.seat{border:1px solid var(--line);background:var(--panel);border-radius:.6rem;align-items:center;gap:.5rem;width:100%;min-height:2.4rem;padding:.3rem .55rem;display:flex}.seat-name{font-size:.9rem;font-weight:700}.captured{flex-wrap:nowrap;flex:1;min-width:0;display:flex;overflow:hidden}.captured svg{flex:none;width:1.15rem;height:1.15rem;margin-right:-.35rem}.advantage{color:var(--accent);font-size:.85rem;font-weight:700}.clock{border:1px solid var(--line);color:#f2f5fa;font-variant-numeric:tabular-nums;text-align:center;background:#0c1424;border-radius:.45rem;min-width:4.4rem;padding:.2rem .45rem;font-weight:700}.clock[data-active=true]{border-color:var(--blue);background:#24314b}.clock[data-low=true]{color:#ffb4a8}.board-mount{aspect-ratio:1;width:100%;position:relative}.board{touch-action:none;border:2px solid #4a3c2a;border-radius:.35rem;grid-template-rows:repeat(8,1fr);width:100%;height:100%;display:grid;overflow:hidden}.board[data-theme=slate]{--light-square:#dfe4ec;--dark-square:#66748c;--square-text:#1b2130}.board[data-theme=forest]{--light-square:#e6edd7;--dark-square:#5d7a4a;--square-text:#1d2716}.board[data-theme=contrast]{--light-square:#fff;--dark-square:#1a1a1a;--square-text:#000}.board[data-theme=colorblind]{--light-square:#f0e7c8;--dark-square:#4e6f96;--square-text:#14202e}.board-row{grid-template-columns:repeat(8,1fr);display:grid}.board-cell{display:block;position:relative}.square{background:var(--light-square);border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;display:block;position:relative}.square.dark{background:var(--dark-square)}.square .piece-slot{display:block;position:absolute;inset:4%}.square svg.piece{filter:drop-shadow(0 1px 1px #0004);width:100%;height:100%;display:block}.board[data-coordinates=on] .square[data-file]:not([data-file=""]):after{content:attr(data-file);color:var(--square-text);opacity:.75;font-size:clamp(.5rem,1.6vmin,.72rem);font-weight:700;position:absolute;bottom:1%;right:3%}.board[data-coordinates=on] .square[data-rank]:not([data-rank=""]):before{content:attr(data-rank);color:var(--square-text);opacity:.75;font-size:clamp(.5rem,1.6vmin,.72rem);font-weight:700;position:absolute;top:1%;left:4%}.board[data-coordinates=on] .square.dark[data-file]:not([data-file=""]):after,.board[data-coordinates=on] .square.dark[data-rank]:not([data-rank=""]):before{color:var(--light-square);opacity:.9}.square .marker{pointer-events:none;display:block;position:absolute;inset:0}.square.is-destination .marker:after{content:"";background:#10182699;border-radius:50%;position:absolute;inset:38%}.square.is-capture .marker:after{content:"";border:.32rem solid #101826aa;border-radius:50%;position:absolute;inset:4%}.square.is-last-move{box-shadow:inset 0 0 0 100vmax #ffd97236}.square.is-selected{box-shadow:inset 0 0 0 100vmax #7fd8ff4d}.square.is-hint{box-shadow:inset 0 0 0 100vmax #8effa14a}.square.is-check{background:radial-gradient(circle, #ff6b5e 12%, transparent 72%), var(--dark-square)}.square.light.is-check{background:radial-gradient(circle, #ff6b5e 12%, transparent 72%), var(--light-square)}.drag-ghost{z-index:30;pointer-events:none;opacity:.92;position:absolute;top:0;left:0}.drag-ghost svg{width:100%;height:100%}.panel-column{align-content:start;gap:.6rem;width:min(100%,26rem);margin:0 auto;display:grid}.status{border:1px solid var(--line);background:var(--panel);border-radius:.6rem;align-items:center;min-height:2.6rem;margin:0;padding:.5rem .75rem;font-weight:600;display:flex}.draw-offer{border:1px solid var(--accent-soft);background:#231c0c;border-radius:.6rem;padding:.7rem}.draw-offer p{margin:0 0 .5rem;font-size:.88rem}.draw-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.move-list{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#0d1526;border-radius:.6rem;max-height:min(34vh,15rem);margin:0;padding:.4rem;list-style:none;overflow-y:auto}.move-list li{grid-template-columns:2.6rem 1fr 1fr;align-items:center;gap:.2rem;display:grid}.move-number{color:var(--muted);text-align:right;padding-right:.4rem;font-size:.82rem}.move-cell{min-height:1.9rem;display:block}.move-button{color:#f2f5fa;text-align:left;background:0 0;border:0;border-radius:.35rem;width:100%;min-height:1.9rem;padding:.15rem .4rem;font-weight:600}.move-button:hover{background:#1d2843}.move-button[data-current=true]{color:#fff;background:#2b3a5c}.controls{grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:.45rem;display:grid}.controls button,.draw-actions button,.result-actions button:not(.primary),#review-exit,#tutorial-replay{border:1px solid var(--line);color:#f2f5fa;background:#1a2439;border-radius:.55rem;padding:.5rem .6rem;font-weight:600}.controls button:hover:not(:disabled),.draw-actions button:hover{background:#24314b}.controls button:disabled{opacity:.45;cursor:default}#review-exit,.wide{width:100%}.results-card{text-align:center;width:min(34rem,100%)}.result-detail{color:var(--muted);margin:0}.result-score{color:var(--accent);margin:.6rem 0 .2rem;font:800 clamp(2.4rem,9vw,4rem)/1 Georgia,serif;display:block}.best{color:var(--blue);margin:0 0 1rem;font-weight:700}dl{text-align:left;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:0 0 1rem;display:grid}dl div{border:1px solid var(--line);background:#0c1425;border-radius:.5rem;padding:.5rem}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.64rem}dd{margin:.15rem 0 0;font-weight:700}.result-actions{grid-template-columns:2fr 1fr;align-items:stretch;gap:.5rem;display:grid}.result-actions .primary{margin-top:0}dialog{border:1px solid var(--line);color:#f2f5fa;background:#101a2c;border-radius:1rem;width:min(30rem,100% - 2rem);max-height:calc(100svh - 2rem);padding:0;overflow:auto}dialog::backdrop{background:#030711d9}.dialog-content{padding:1.1rem}.dialog-content header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.dialog-content header h2{margin:0}.setting-row{border-top:1px solid #26304a;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;display:flex}.setting-row label{margin:0}.setting-row select{width:11rem}.setting-row input[type=range]{width:9rem}#tutorial-replay{width:100%;margin-top:.9rem}.tutorial-list{color:var(--muted);margin:0 0 .8rem;padding-left:1.1rem;line-height:1.7}.tutorial-list strong{color:#f2f5fa}.promotion-content{text-align:center}.promotion-choices{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.8rem;display:grid}.promotion-choices button{aspect-ratio:1;border:1px solid var(--line);background:#1a2439;border-radius:.6rem;padding:.35rem}.promotion-choices svg{width:100%;height:100%}.review-card{width:min(44rem,100%)}.accuracy-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem;display:grid}.accuracy-row div{border:1px solid var(--line);background:#0c1425;border-radius:.5rem;padding:.6rem}.review-counts{flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.review-counts li{background:#1a2439;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.review-moves{border:1px solid var(--line);text-align:left;background:#0d1526;border-radius:.6rem;max-height:min(42vh,20rem);margin:0;padding:.4rem;list-style:none;overflow-y:auto}.review-moves li{font-variant-numeric:tabular-nums;grid-template-columns:3.4rem 4.5rem 1fr auto;align-items:center;gap:.4rem;padding:.25rem .35rem;display:grid}.review-moves li+li{border-top:1px solid #1b2438}.review-quality{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.review-quality[data-quality=blunder]{color:#ff8f80}.review-quality[data-quality=mistake]{color:#ffb27a}.review-quality[data-quality=inaccuracy]{color:#ffe08a}.review-quality[data-quality=best],.review-quality[data-quality=brilliant]{color:#8ee6a8}.review-better{color:var(--muted);font-size:.8rem}.review-open{margin-top:.5rem}.move-entry{grid-template-columns:1fr auto;align-items:center;gap:.4rem;display:grid}.move-entry label{color:#e4e9f2;grid-column:1/-1;margin:0;font-size:.78rem;font-weight:700}.move-entry input{border:1px solid var(--line);color:#f2f5fa;background:#0d1526;border-radius:.55rem;min-height:44px;padding:.4rem .6rem}.move-entry button{border:1px solid var(--line);color:#f2f5fa;background:#1a2439;border-radius:.55rem;padding:0 .9rem;font-weight:600}.rating-line{color:var(--blue);margin:0 0 .6rem;font-weight:700}.opening-name{border:1px solid var(--line);color:var(--accent);background:#0d1526;border-radius:.5rem;margin:0;padding:.35rem .6rem;font-size:.8rem;font-weight:700}.import-block{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.import-block summary{cursor:pointer;color:var(--blue);min-height:2.2rem;font-size:.85rem;font-weight:700}.import-block textarea{border:1px solid var(--line);color:#f2f5fa;resize:vertical;background:#0d1526;border-radius:.5rem;width:100%;padding:.5rem;font-family:ui-monospace,monospace;font-size:.8rem}#import-load{border:1px solid var(--line);color:#f2f5fa;background:#1a2439;border-radius:.55rem;width:100%;margin-top:.5rem;padding:.5rem;font-weight:600}@keyframes piece-slide{0%{transform:translate(var(--slide-x), var(--slide-y))}to{transform:translate(0)}}.square.is-animating svg.piece{animation:.18s ease-out piece-slide}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-contrast=high]{--accent:#ffe600;--blue:#6ff2ff;--muted:#eef2f8;--line:#fff;--panel:#000}html[data-contrast=high] .panel,html[data-contrast=high] .status,html[data-contrast=high] .move-list,html[data-contrast=high] .seat{background:#000;border-width:2px}html[data-interface=large]{font-size:115%}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width>=900px){.game-ui{grid-template-columns:minmax(280px, var(--board-size)) minmax(20rem, 26rem);align-items:start}.move-list{max-height:min(46vh,22rem)}}@media (width<=899px){.game-ui{grid-template-columns:minmax(0,1fr)}.board-column{max-width:min(var(--board-size), 92vw)}.move-list{max-height:8.5rem}}@media (width<=400px){.topbar{padding-top:.45rem}.seat{font-size:.85rem}.clock{min-width:3.9rem}.controls{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}dl{grid-template-columns:repeat(2,1fr)}.result-actions{grid-template-columns:1fr}}@media (orientation:landscape) and (height<=620px) and (width<=899px){.game-ui{grid-template-columns:minmax(240px, var(--board-size)) minmax(13rem, 1fr)}.board-column{max-width:min(60vw,100svh - 7rem)}.move-list{max-height:7rem}}