:root{color:#f4f7f5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1914;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,textarea{font:inherit}button{min-height:2.75rem}.game-shell{width:min(100%,46rem);margin:0 auto;padding:1rem clamp(.75rem,3vw,1.5rem) 3rem}.game-header{grid-template-columns:1fr auto;align-items:end;gap:0 1rem;margin-bottom:.75rem;display:grid}.eyebrow{color:#9ed2b1;letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin:0 0 .25rem;font-size:.72rem;font-weight:800}h1{margin:0;font-size:clamp(1.8rem,8vw,3rem);line-height:1}h2{margin:0 0 .75rem;font-size:1rem}.game-status{color:#d5e3da;text-align:right;margin:0;font-size:.9rem;font-weight:650}.board-panel{width:100%}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #6f8f7d;border-radius:.45rem;grid-template:repeat(8,1fr)/repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 1rem 3rem #0006}.square{aspect-ratio:1;color:#111;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;place-items:center;width:100%;min-width:0;min-height:0;padding:0;display:grid;position:relative}.square--light{background:#d9dfce}.square--dark{background:#6d8f77}.square:focus-visible{z-index:4;outline-offset:-4px;outline:4px solid #f8d66d}.square--last:before{content:"";background:#f2d35d66;position:absolute;inset:0}.square--selected:before{content:"";z-index:1;background:#ffdc5e38;border:clamp(3px,.8vw,6px) solid #ffdc5e;position:absolute;inset:0}.square--check:after{content:"";background:radial-gradient(circle,#ef534dcc,#a8000066 58%,#0000 72%);border-radius:50%;position:absolute;inset:7%}.piece{z-index:2;filter:drop-shadow(0 1px #fff8)drop-shadow(0 2px 1px #0005);pointer-events:none;font-family:DejaVu Sans,"Noto Sans Symbols 2",serif;font-size:clamp(2rem,11.5vw,5rem);line-height:1;position:relative}.target{z-index:3;aspect-ratio:1;pointer-events:none;background:#173c2db8;border-radius:50%;width:27%;position:absolute}.target--capture{background:0 0;border:clamp(3px,.8vw,6px) solid #173c2db8;width:78%}.coordinate{z-index:4;color:#173c2d;pointer-events:none;font-size:clamp(.55rem,2.3vw,.8rem);font-weight:900;line-height:1;position:absolute}.square--dark .coordinate{color:#f1f4eb}.coordinate--file{bottom:.15rem;right:.2rem}.coordinate--rank{top:.18rem;left:.2rem}.board--rejected{animation:.16s ease-out reject}.feedback{color:#f4c3a9;min-height:1.4rem;margin:.55rem 0;font-size:.88rem}.controls{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.controls button,.import-panel button,.promotion-dialog button{color:#f4f7f5;background:#183a2b;border:1px solid #4e725f;border-radius:.65rem;padding:.65rem .8rem;font-weight:700}button:hover:not(:disabled){border-color:#91cba8}button:disabled{opacity:.45}.import-panel,.history{background:#10251c;border:1px solid #294638;border-radius:.75rem;margin-top:1rem;padding:1rem}.import-panel textarea{resize:vertical;color:#f4f7f5;background:#09150f;border:1px solid #4e725f;border-radius:.5rem;width:100%;margin-bottom:.6rem;padding:.7rem;display:block}.history p{color:#aabbb1;margin:0}.history ol{counter-reset:move;margin:0;padding:0;list-style:none}.history li{counter-increment:move;border-bottom:1px solid #294638;grid-template-columns:2.2rem 1fr 1fr;gap:.4rem;padding:.3rem 0;display:grid}.history li:before{content:counter(move) ".";color:#91a99b}.promotion-backdrop{z-index:20;background:#000a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.promotion-dialog{background:#10251c;border:1px solid #77aa8c;border-radius:.8rem;width:min(100%,28rem);padding:1.2rem;box-shadow:0 2rem 5rem #000b}.promotion-dialog>div{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}@keyframes reject{50%{transform:translate(3px)}}@media (width>=38rem){.controls{grid-template-columns:repeat(3,1fr)}}.home-shell,.remote-shell{place-items:center;min-height:100dvh;padding:1rem;display:grid}.home-card{background:#10251c;border:1px solid #315644;border-radius:1rem;width:min(100%,32rem);padding:clamp(1.2rem,5vw,2rem);box-shadow:0 1.5rem 4rem #0007}.home-card h1{margin-bottom:1rem}.home-card>p:not(.eyebrow,.feedback){color:#c1d1c7}.home-actions,.join-form{gap:.65rem;margin-top:1rem;display:grid}.home-card button,.join-form input{color:#f4f7f5;background:#183a2b;border:1px solid #4e725f;border-radius:.65rem;min-height:3rem;padding:.7rem .85rem;font-weight:700}.join-form input{text-align:center;text-transform:uppercase;letter-spacing:.22em;background:#09150f;font-size:1.2rem}.remote-placeholder{aspect-ratio:1;color:#b8c9bf;background:#10251c;border:1px solid #315644;border-radius:.45rem;place-items:center;width:100%;display:grid}.remote-controls{grid-template-columns:repeat(2,1fr)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}