:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f7faff;background:#0c1728;color-scheme:dark;--mint:#a9e6d6;--gold:#ffce63;--muted:#b8c6d8;--line:#304054}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#16435380,transparent 48%),#0c1728}a{color:var(--mint);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}main{max-width:1140px;padding:46px 22px 24px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--mint)}h1{font-size:clamp(35px,5vw,54px);letter-spacing:-1.8px;color:var(--gold);margin:12px 0}p{color:var(--muted);line-height:1.7}.heading p{margin:0}.heading>a{font-size:13px;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:26px;align-items:start}.game-panel,.panel{background:#152338;border:1px solid var(--line);border-radius:22px;padding:23px;min-width:0}.panel{margin-bottom:18px}.panel h2{font-size:23px;letter-spacing:-.6px;margin:12px 0 18px}.panel p{font-size:13px}.modes{display:flex;background:#0c1728;padding:5px;gap:5px;border-radius:12px}.modes button{flex:1;background:transparent;color:var(--muted);border:0;border-radius:9px;font-weight:700;font-size:13px;min-height:44px;padding:10px}.modes button[aria-pressed=true]{background:var(--mint);color:#102443}.player{display:flex;justify-content:space-between;gap:10px;margin:18px 0;font-size:13px;color:#dbe7f5}.player span+span{font-size:11px;color:var(--mint)}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:6px solid #0c1728;border-radius:12px;overflow:hidden}.square{position:relative;aspect-ratio:1;min-width:0;border:0;padding:4px;display:grid;place-items:center;background:#d6e8e0;color:#172338}.square.dark{background:#53857b}.square svg{width:85%;height:85%;pointer-events:none;filter:drop-shadow(0 2px 2px #0003)}.square.selected{box-shadow:inset 0 0 0 4px #ffce63;background:#d1ba66}.square.last{background:#b9c997}.square.dark.last{background:#8aaa6d}.square.check{background:#db7975}.square.legal:after{content:'';position:absolute;width:22%;height:22%;background:#14372c88;border-radius:50%;pointer-events:none}.square.capture:after{width:88%;height:88%;background:none;border:4px solid #ffce63;border-radius:50%}.coord{position:absolute;left:3px;bottom:2px;font-size:9px;font-weight:700;color:#183930;pointer-events:none}.toolbar{display:flex;gap:8px;flex-wrap:wrap}button:not(.square):not(.modes button){background:#20324a;border:1px solid #405268;color:#f7faff;padding:11px 14px;border-radius:10px;font-size:12px;font-weight:700;min-height:44px}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled):not(.square){filter:brightness(1.12)}.primary{background:var(--gold)!important;color:#102443!important;border-color:var(--gold)!important}#status{min-height:44px;color:var(--mint);font-size:13px;margin:18px 0}label{display:block;font-size:12px;color:#c6d5e7;margin:18px 0 8px}select,input{width:100%;padding:12px;border:1px solid #4c6179;border-radius:10px;background:#0c1728;color:#edf3fb;min-height:46px}#invite{font-size:12px}#copy-link{margin-top:10px}.small,.help{font-size:12px!important;color:var(--muted)}#live-actions{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}#draw-response{padding:12px;background:#20324a;margin-top:12px;border-radius:12px}.move-list{max-height:220px;overflow:auto;font-variant-numeric:tabular-nums}.move-row{display:grid;grid-template-columns:35px 1fr 1fr;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.move-row span:first-child{color:var(--muted)}.moves-panel>button{margin-top:16px}dialog{background:#152338;color:#f7faff;border:1px solid #4c6179;border-radius:20px;padding:25px;max-width:calc(100vw - 30px)}dialog::backdrop{background:#0c1728bb}.promotion-options{display:flex;gap:8px;flex-wrap:wrap}footer{margin-top:36px;padding:24px 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.square:focus-visible{outline-offset:-4px;z-index:1}@media(max-width:800px){.layout{grid-template-columns:1fr}.game-panel{max-width:620px;width:100%;justify-self:center}.heading{align-items:flex-start}}@media(max-width:440px){main{padding:28px 12px}.heading{flex-direction:column;gap:8px}.game-panel,.panel{padding:16px}.player{font-size:11px}.square{padding:2px}.board{border-width:4px}.toolbar button{flex:1}.modes button{font-size:11px}.coord{font-size:8px}}