:root{color-scheme:dark;--cream:#f2e6cf;--muted:#b6b1a0;--brass:#c4a969;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 5%,#354235 0,transparent 60%),linear-gradient(120deg,#19231f,#101813);color:var(--cream);font:15px/1.5 system-ui,sans-serif;min-height:100vh}button,select,input,textarea{font:inherit}button{cursor:pointer;background:#ffffff09;border:1px solid #bda16b55;color:var(--cream);padding:9px 14px;border-radius:5px;min-height:40px}button:hover{background:#c4a96925}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ecc979;outline-offset:2px}.primary{background:#bf9d5d;color:#171c17;font-weight:700}a{color:var(--brass)}.mast{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.18em}.mast a{text-decoration:none;color:var(--cream);font-weight:bold}.mast span{color:var(--muted)}main{max-width:1140px;display:grid;grid-template-columns:minmax(300px,560px) minmax(240px,1fr);gap:42px;padding:22px 30px;margin:auto}.title{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--brass);margin:0}h1{font:52px/1.1 Georgia,serif;font-weight:normal;margin:3px 0 18px}h2{font:30px Georgia,serif;margin:0 0 12px}.players{display:flex;gap:12px}.clock{flex:1;border:1px solid var(--line);border-radius:6px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);background:#0e1713}.clock.active{border-color:var(--brass);box-shadow:inset 3px 0 var(--brass);color:var(--cream)}.clock strong{font:24px/1.3 Georgia,serif;font-variant-numeric:tabular-nums}.clock.low{border-color:#f2947e;color:#ffc5aa}.status{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}#thinking{font-size:11px;color:var(--brass)}.frame{padding:15px;border-radius:7px;background:repeating-linear-gradient(3deg,#0000 0 5px,#25130925 6px 7px),linear-gradient(110deg,#5b3121,#29180f 30%,#74452c 70%,#392115);border:1px solid #b38655;box-shadow:0 16px 35px #0006,inset 0 0 0 4px #1b100d,inset 0 0 0 5px #916538}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;box-shadow:0 0 0 1px #b59562;user-select:none}.sq{border:0;border-radius:0;padding:0;min-height:0;aspect-ratio:1;position:relative;background:linear-gradient(125deg,#ead9b7,#cfb58d);color:#563b28;display:grid;place-items:center}.sq.dark{background:linear-gradient(125deg,#966b48,#704b30);color:#edddba}.sq:hover{filter:brightness(1.12)}.sq img{width:89%;height:89%;z-index:2;filter:drop-shadow(1px 3px 2px #0005);pointer-events:none}.sq.selected{box-shadow:inset 0 0 0 4px #faf1a8}.sq.last{background-image:linear-gradient(#d8b95175,#d8b95175)}.sq.checked{box-shadow:inset 0 0 0 4px #b52826}.sq.checked:after{content:'!';position:absolute;right:2px;top:0;color:white;background:#992d24;border-radius:50%;width:18px;height:18px;line-height:18px;z-index:3}.sq.dest:before{content:'';width:22%;height:22%;border-radius:100%;background:#263b2d90;position:absolute;z-index:4;pointer-events:none}.sq.capture:before{width:83%;height:83%;background:none;border:4px solid #e6db9fcc}.coord{position:absolute;bottom:1px;left:3px;font:10px/1 system-ui;z-index:5}.nocoords .coord{display:none}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.actions>button{flex:1;white-space:nowrap}#notice{font-size:13px;color:#ebc37c;margin:10px 0;min-height:0}#notice:empty{display:none}#reviewBanner{padding:8px;background:#5e4d27;font-size:12px}#roomInfo{font-size:12px;border-top:1px solid var(--line);margin-top:12px;padding-top:8px;overflow-wrap:anywhere}#offer{padding:10px;border:1px solid var(--brass)}aside{padding-top:72px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font:20px Georgia,serif;list-style-position:outside;margin-left:15px}summary span{display:block;font:9px system-ui;letter-spacing:.15em;color:var(--muted);padding-top:6px}.historyActions{display:flex;justify-content:center;gap:10px;margin:16px 0}#history{max-height:310px;overflow:auto;display:grid;grid-template-columns:35px 1fr 1fr;gap:4px;align-items:center;font-size:14px}#history button{text-align:left;border-color:transparent;min-height:34px;padding:5px 12px}#history button.latest{background:#b59c5930;border-color:#b59c5966}#history .num{color:var(--muted);text-align:center}aside p{font-size:13px;color:var(--muted)}#stats{font-size:13px}footer{text-align:center;color:#8f9687;font-size:9px;letter-spacing:.2em;padding:24px}dialog{color:var(--cream);background:#1b2821;border:1px solid #a98a56;border-radius:12px;width:min(480px,94vw);max-height:92dvh;padding:26px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}label{display:block;margin:12px 0;font-size:13px;color:#d4cbb8}select,input:not([type=checkbox]),textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #8a795655;border-radius:4px;background:#101a15;color:var(--cream)}input[type=checkbox]{accent-color:var(--brass)}textarea{resize:vertical}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.promotion{display:flex;gap:7px}.promotion button{padding:4px;flex:1}.promotion img{width:100%}.contrast .sq{background:#f4f0df;color:#222}.contrast .sq.dark{background:#374f52;color:#fff}.contrast .sq.last{box-shadow:inset 0 0 0 3px #dcac39}.animate .sq.last img{animation:settle .18s ease-out}@keyframes settle{from{transform:translateY(-4px);opacity:.65}to{transform:none;opacity:1}}[hidden]{display:none!important}#analysis{font-size:13px;margin-top:14px}#analysis p{padding:8px;border-bottom:1px solid var(--line)}
@media(max-width:760px){.mast{padding:9px 14px}.mast span{display:none}main{display:block;padding:12px;max-width:600px}.title h1{font-size:35px;margin-bottom:8px}.eyebrow{font-size:8px}.title>button{font-size:12px}.frame{padding:9px}.clock{padding:6px 10px}.clock strong{font-size:21px}.status{min-height:36px;font-size:12px}.actions{margin-top:9px;gap:5px}.actions button{padding:8px 9px;font-size:12px}.sq{min-width:0}.coord{font-size:8px}aside{padding-top:10px}details{padding:13px 0}summary{font-size:18px}footer{padding:15px}#thinking{max-width:45%;text-align:right}.mast button{min-height:32px;padding:5px 12px}.clock span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.coord{left:auto;right:3px}.coord.rank{left:3px;right:auto;top:2px;bottom:auto}