:root{--bg:#131615;--surface:#1b201d;--text:#f3f1e6;--muted:#a6afa6;--accent:#c4e392;--line:#343e36;--light:#b8b8a6;--dark:#4f5e54;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=range]{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{touch-action:manipulation}button,select{min-height:44px}button{transition:background-color .15s,color .15s}button:hover:not(:disabled){filter:brightness(1.1)}[hidden]{display:none!important}
.shell{max-width:1240px;margin:auto;padding:26px 36px 18px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:23px;gap:15px}.wordmark{font-size:25px;font-weight:650;letter-spacing:.15em;text-decoration:none;color:var(--text)}.wordmark span{display:block;font-size:9px;letter-spacing:.25em;color:var(--muted);margin-top:6px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:46px;padding:23px 0 18px}.play-area{max-width:650px;width:100%;justify-self:center}.player-line{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.eyebrow,.section-label{font-size:10px;font-weight:650;letter-spacing:.16em;color:var(--muted)}h1{font-size:25px;font-weight:500;margin:5px 0 0;letter-spacing:-.025em}.quiet{background:none;border:0;color:var(--muted);padding:8px;font-size:12px}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden;border-radius:3px;outline:1px solid #080a09}.square{aspect-ratio:1;min-height:0;padding:0;border:0;position:relative;display:grid;place-items:center;background:var(--light);border-radius:0}.square.dark{background:var(--dark)}.square img{width:87%;height:87%;pointer-events:none;user-select:none;filter:drop-shadow(0 1px 1px #0006)}.square.last{box-shadow:inset 0 0 0 999px #c4e32936}.square.selected{box-shadow:inset 0 0 0 4px var(--accent)}.square.target:after{content:"";position:absolute;width:18%;height:18%;border-radius:50%;background:#15221880;pointer-events:none}.square.target:has(img):after{width:88%;height:88%;background:none;border:4px solid #c4e392bb}.square .coord{position:absolute;bottom:2px;right:4px;font-size:10px;color:#192c20;pointer-events:none}.square.dark .coord{color:#e0e6d5}.square:hover:not(:disabled){filter:none;box-shadow:inset 0 0 0 3px #c4e39299}.position-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding-top:13px;color:var(--text)}.position-line span:last-child{color:var(--muted)}.hardware-note{font-size:11px;color:var(--muted);margin:9px 0 0}aside{padding-top:6px}.controls{padding-bottom:21px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;margin-bottom:14px}.mode-options{margin-bottom:20px}.mode-option{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:13px 10px}.mode-option>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.mode-option strong{display:block;font-size:14px;font-weight:500}.mode-option small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.mode-option.selected{background:var(--surface);border-left:2px solid var(--accent);padding-left:8px}.mode-option.selected>span{color:var(--accent)}label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:9px}output{color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent);margin:3px 0 18px}select,input[readonly]{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:4px;padding:10px;min-width:0}input[readonly]{font-size:12px}.primary,.secondary{width:100%;border-radius:4px;padding:12px 14px;font-size:13px;font-weight:600}.primary{background:var(--accent);color:#1c291a;border:1px solid var(--accent);display:flex;align-items:center;justify-content:space-between}.secondary{background:none;border:1px solid var(--line)}#start{margin-top:18px}.history{padding-top:21px}#moves{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:0;max-height:150px;overflow:auto;font-size:13px;line-height:1.9;font-variant-numeric:tabular-nums}#moves li{display:flex;gap:14px;padding:2px 6px}#moves li span{color:var(--muted);width:20px}#moves .empty{grid-column:1/-1;font-size:12px;color:var(--muted);padding:0}.recent{margin-top:20px}.recent select{font-size:12px}#notice{font-size:12px;line-height:1.5;color:var(--accent);min-height:18px}#notice.error{color:#f0aa8e}#game-help{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 18px}.actions{display:flex;flex-direction:column;gap:9px}#invite-panel{margin-bottom:18px}#copy-invite{margin-top:10px}footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;letter-spacing:.1em}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;max-width:min(90vw,400px);padding:24px}dialog::backdrop{background:#000a}dialog h2{font-size:20px;font-weight:500}dialog p{font-size:13px;color:var(--muted);line-height:1.5}.promotion-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.promotion-options button{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:8px}
@media(min-width:850px) and (max-height:820px){.shell{max-width:1100px;padding-top:18px}header{padding-bottom:15px}main{padding-top:17px;gap:35px;grid-template-columns:minmax(0,1fr) 280px}.play-area{max-width:min(100%,calc(100vh - 225px))}h1{font-size:22px}.mode-option{padding-top:10px;padding-bottom:10px}.mode-options{margin-bottom:15px}#moves{max-height:80px}.recent{margin-top:14px}.history{padding-top:15px}}
@media(max-width:849px){.shell{padding:20px}main{grid-template-columns:1fr;gap:24px}.play-area{max-width:560px}aside{padding-top:0}.controls{max-width:560px;margin:auto}.history,.recent,#notice{max-width:560px;margin-left:auto;margin-right:auto}.mode-options{display:grid;grid-template-columns:1fr;gap:0}.connection{font-size:11px}.wordmark{font-size:22px}h1{font-size:23px}.history{padding-top:18px}#moves{max-height:120px}footer{font-size:8px}}
@media(max-width:400px){.shell{padding:18px 12px}.connection{max-width:135px}.quiet span{display:none}.position-line{font-size:11px}.square .coord{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:850px){.shell{height:100dvh;display:flex;flex-direction:column;padding-bottom:10px}header,footer{flex-shrink:0}main{flex:1;min-height:0;overflow:hidden;align-items:start}.play-area{max-width:min(100%,calc(100dvh - 250px))}aside{max-height:100%;overflow-y:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}}

footer a{color:var(--accent);text-decoration:none}.console-link{display:block;text-decoration:none;margin-bottom:12px;text-align:center}

.physical-choice{display:flex;align-items:center;gap:10px;line-height:1.4;margin:12px 0}.physical-choice input{width:20px;height:20px;accent-color:var(--accent);flex:none}