header{max-width:1460px;margin:0 auto;padding:38px 32px 8px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.eyebrow{font-size:11px;letter-spacing:.34em;color:var(--paper-dim);text-transform:uppercase;margin-bottom:12px}.eyebrow b{color:var(--crimson);font-weight:600}h1{font-family:var(--serif);font-weight:900;font-size:clamp(38px,5vw,60px);letter-spacing:.12em;line-height:1.05;color:var(--paper)}h1 .accent{color:var(--crimson)}.sub{margin-top:12px;font-size:13px;letter-spacing:.18em;color:var(--paper-dim);display:flex;align-items:center;gap:10px}.sub .dot{width:6px;height:6px;border-radius:50%;background:var(--crimson);display:inline-block}.head-rule{text-align:right;font-size:12px;color:var(--paper-dim);letter-spacing:.14em;line-height:2;border-right:2px solid var(--crimson);padding-right:14px}main{max-width:1500px;margin:0 auto;padding:26px 32px 60px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}.rules{background:linear-gradient(175deg,var(--paper) 0%,var(--paper-2) 100%);color:var(--ink);border:1px solid rgba(23,20,15,.55);box-shadow:0 24px 60px #00000080,inset 0 0 0 6px #17140f0d;padding:26px 24px 22px;position:relative}.rules:before,.rules:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;border:2px solid var(--crimson)}.rules:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.rules:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.rules h2{font-family:var(--serif);font-size:21px;letter-spacing:.3em;font-weight:900;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}.rules h2 span{font-size:10px;letter-spacing:.24em;color:var(--crimson-d);font-family:var(--sans);font-weight:600}.rule-item{margin-bottom:18px}.rule-item h3{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:9px;margin-bottom:7px}.rule-item h3 .num{font-family:var(--serif);font-size:12px;color:var(--paper);background:var(--ink);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:none}.rule-item p{font-size:12.5px;line-height:1.95;color:#3c362b;text-align:justify}.rule-item p em{font-style:normal;color:var(--crimson-d);font-weight:700}.rule-item p strong{color:var(--ink)}.rules .foot{margin-top:6px;padding-top:14px;border-top:1px dashed var(--line);font-size:11px;color:#6f6550;letter-spacing:.06em;line-height:1.9}.board-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.board-title{width:min(100%,1020px);font-family:var(--serif);font-size:16px;line-height:1.4;letter-spacing:0;text-align:center;color:var(--paper-dim);font-weight:700}.board-frame{position:relative;padding:34px;background:linear-gradient(160deg,#2b251b,#1a1610);border:1px solid rgba(239,232,216,.14);box-shadow:0 30px 80px #0009,inset 0 0 0 1px #0009;width:min(100%,940px)}.board-frame:before,.board-frame:after,.board-frame .corner-c,.board-frame .corner-d{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--crimson);pointer-events:none}.board-frame:before{top:6px;left:6px;border-right:none;border-bottom:none}.board-frame:after{top:6px;right:6px;border-left:none;border-bottom:none}.board-frame .corner-c{bottom:6px;left:6px;border-right:none;border-top:none}.board-frame .corner-d{bottom:6px;right:6px;border-left:none;border-top:none}.board-grid{display:grid;grid-template-columns:22px repeat(8,1fr);grid-template-rows:22px repeat(8,1fr);aspect-ratio:1/1;width:100%;background:var(--ink)}.axis{display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.05em;color:var(--paper-dim);font-weight:600}.cell{position:relative;background:linear-gradient(145deg,var(--sage-d),var(--sage-dd));border:1px solid rgba(23,20,15,.55);cursor:default}.cell:nth-child(odd){background:linear-gradient(145deg,#86a189,#5f7d63)}.cell.playable{cursor:pointer}.cell.playable:hover{background:linear-gradient(145deg,#9db79f,#6f8f72)}.cell.hint:after{content:"";position:absolute;inset:0;margin:auto;width:26%;height:26%;border-radius:50%;background:#f2b83b;opacity:.9;z-index:5;box-shadow:0 0 0 4px #f2b83b38,0 0 10px #f2b83b80;animation:hintPulse 1.6s var(--ease) infinite}@keyframes hintPulse{0%,to{transform:scale(.72);opacity:.55}50%{transform:scale(1);opacity:.95}}.cell.fog:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 25%,rgba(239,232,216,.1),transparent 60%)}.disc{position:absolute;inset:9%;transform-style:preserve-3d;transition:transform .5s var(--ease);transform:rotateY(0)}.disc .face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.disc .move-number{font-family:var(--sans);font-size:16px;font-style:normal;font-weight:800;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.disc .face.b .move-number{color:#f8f1e1;text-shadow:0 1px 2px #000}.disc .face.w .move-number{color:#29241d}.disc .face.b{background:radial-gradient(circle at 32% 28%,#4a4234,#17140f 62%,#0a0806);box-shadow:inset 0 -3px 6px #000000b3,0 3px 8px #00000080}.disc .face.w{transform:rotateY(180deg);background:radial-gradient(circle at 32% 28%,#fbf7ec,#e9e0ca 55%,#c9bc9d);box-shadow:inset 0 -3px 6px #17140f40,0 3px 8px #00000080}.cell.w .disc{transform:rotateY(180deg)}.disc.pop{animation:popIn .38s var(--ease)}@keyframes popIn{0%{scale:.2;opacity:0}70%{scale:1.12;opacity:1}to{scale:1}}.cell.last:before{content:"";position:absolute;top:6%;right:6%;width:9px;height:9px;border-radius:50%;background:var(--crimson);z-index:3;box-shadow:0 0 6px #db3356cc}.cell{position:relative}.disc{z-index:2}.cell.white-streak{box-shadow:inset 0 0 0 3px #ffd15ae6,inset 0 0 18px #ffd15a59;z-index:2}.cell.lastw{animation:lastwPulse 1.8s var(--ease) infinite;z-index:2}@keyframes lastwPulse{0%,to{box-shadow:inset 0 0 0 2px #f2b83b8c,inset 0 0 8px #f2b83b2e}50%{box-shadow:inset 0 0 0 3px #ffd15afa,inset 0 0 20px #ffd15a73}}.scorebar{width:min(100%,760px);display:flex;align-items:stretch;gap:0;border:1px solid rgba(239,232,216,.16)}.score-side{flex:1;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#efe8d80a}.score-side+.score-side{border-left:1px solid rgba(239,232,216,.14);justify-content:flex-end}.mini-disc{width:22px;height:22px;border-radius:50%;flex:none}.mini-disc.b{background:radial-gradient(circle at 32% 28%,#4a4234,#0d0b08 70%)}.mini-disc.w{background:radial-gradient(circle at 32% 28%,#fbf7ec,#cfc3a5 75%)}.score-side .who{font-size:11px;letter-spacing:.22em;color:var(--paper-dim)}.score-side .count{font-family:var(--serif);font-size:30px;font-weight:900;line-height:1;color:var(--paper)}.score-side.active{background:#db33561a}.score-side.active .who{color:var(--crimson)}.vs{display:flex;align-items:center;padding:0 14px;font-family:var(--serif);font-size:13px;color:var(--paper-dim);letter-spacing:.2em;background:#00000040}#guidePanel{padding:16px 18px;margin-bottom:22px;background:linear-gradient(170deg,var(--paper),var(--paper-2));color:var(--ink);border-left:4px solid #d4a017;box-shadow:0 12px 40px #0006}#guidePanel .sg-step{font-size:10px;letter-spacing:.3em;color:#a8791a;font-weight:700;margin-bottom:6px}#guidePanel .sg-title{font-family:var(--serif);font-size:16px;font-weight:900;letter-spacing:.08em;margin-bottom:6px}#guidePanel .sg-body{font-size:12.5px;line-height:1.9;color:#4a4335;margin-bottom:14px}#guidePanel .sg-body em{font-style:normal;color:var(--crimson-d);font-weight:700}#guidePanel .action-btn{width:100%;margin-bottom:10px}#guidePanel .action-btn:last-of-type{margin-bottom:0}select,button{font-family:var(--sans)}.action-btn{display:block;width:100%;padding:13px 0;margin-bottom:10px;cursor:pointer;font-size:13px;letter-spacing:.3em;font-weight:700;text-align:center;background:var(--paper);color:var(--ink);border:none;position:relative;overflow:hidden;transition:all .4s var(--ease)}.action-btn:hover{background:var(--crimson);color:var(--paper)}.action-btn.ghost{background:transparent;color:var(--paper-dim);border:1px solid rgba(239,232,216,.22)}.action-btn.ghost:hover{color:var(--paper);border-color:var(--paper);background:transparent}.action-btn:disabled{opacity:.35;cursor:not-allowed}.logcard{width:min(100%,1020px);border:1px solid rgba(239,232,216,.16);background:#efe8d808}.logcard .lg-head{display:flex;align-items:baseline;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(239,232,216,.12)}.logcard .lg-head h3{font-family:var(--serif);font-size:15px;font-weight:900;letter-spacing:.3em;color:var(--paper)}.logcard .lg-sub{font-size:10.5px;letter-spacing:.12em;color:var(--paper-dim)}.log{padding:10px 18px 14px;max-height:196px;overflow-y:auto}.log-item{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--paper-dim);padding:4.5px 0;letter-spacing:.06em;animation:slideIn .4s var(--ease)}@keyframes slideIn{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}.log-item .md{width:12px;height:12px;border-radius:50%;flex:none}.log-item .md.b{background:#0d0b08;border:1px solid rgba(239,232,216,.3)}.log-item .md.w{background:var(--paper)}.log-item .flip-n{color:var(--crimson);font-weight:700}.log-empty{font-size:11px;color:#efe8d84d;letter-spacing:.14em;padding:6px 0}.stat-body{padding:10px 18px 4px;border-bottom:1px dashed rgba(239,232,216,.12)}.st-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--paper-dim);letter-spacing:.05em;padding:3.5px 0}.st-row .st-who{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--paper);min-width:128px;letter-spacing:.08em}.st-row .md{width:11px;height:11px;border-radius:50%;flex:none}.st-row .md.b{background:#0d0b08;border:1px solid rgba(239,232,216,.3)}.st-row .md.w{background:var(--paper)}.st-cell b{color:var(--paper);font-family:var(--serif);font-size:13px}.st-row .st-ev{color:#efe8d88c}.stat-total{padding:6px 18px 10px;font-size:10.5px;letter-spacing:.14em;color:#efe8d86b;border-bottom:1px solid rgba(239,232,216,.12)}.log-item .lg-seq{display:inline-block;min-width:22px;margin-right:2px;font-family:var(--serif);font-size:10px;color:#efe8d859;text-align:right}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-12px);background:var(--paper);color:var(--ink);padding:11px 26px;width:max-content;max-width:calc(100vw - 32px);line-height:1.5;text-align:center;font-size:13px;letter-spacing:.14em;font-weight:600;z-index:120;border-left:4px solid var(--crimson);box-shadow:0 14px 40px #00000080;opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,-50%)}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0a0806c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s .5s}.overlay.show{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}.result-card{width:min(92vw,620px);max-height:90vh;overflow:auto;background:linear-gradient(170deg,var(--paper),var(--paper-2));color:var(--ink);padding:44px 40px 36px;position:relative;text-align:center;box-shadow:0 40px 120px #000000b3;transform:scale(.92) translate3d(0,14px,0);transition:transform .5s var(--ease)}.overlay.show .result-card{transform:none}.result-card:before,.result-card:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--crimson)}.result-card:before{top:10px;left:10px;border-right:none;border-bottom:none}.result-card:after{bottom:10px;right:10px;border-left:none;border-top:none}.result-eyebrow{font-size:11px;letter-spacing:.4em;color:var(--crimson-d);margin-bottom:14px;font-weight:700}.result-title{font-family:var(--serif);font-size:34px;font-weight:900;letter-spacing:.14em;line-height:1.3}.result-score{font-family:var(--serif);font-size:15px;margin:18px 0 6px;letter-spacing:.1em;color:#4a4335}.result-score b{font-size:24px;color:var(--ink)}.result-desc{font-size:12.5px;line-height:2;color:#5d5544;margin-bottom:16px}.result-desc em{font-style:normal;color:var(--crimson-d);font-weight:700}.result-timing{margin-bottom:24px;padding:12px 0;border-top:1px solid rgba(23,20,15,.16);border-bottom:1px solid rgba(23,20,15,.16);color:#5d5544;font-size:12px;line-height:1.8}.result-timing p+p{margin-top:3px}.result-cumulative{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 22px;background:#17140f29;border:1px solid rgba(23,20,15,.16)}.result-metric{min-width:0;padding:9px 5px;background:var(--paper-2)}.result-metric b{display:block;font-family:var(--serif);font-size:20px;color:var(--ink);line-height:1.1}.result-metric span{display:block;margin-top:4px;font-size:9px;color:#6f6550;letter-spacing:.05em}.result-metric:last-child:nth-child(3n+1){grid-column:1/-1}.result-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.result-btns .action-btn{margin-bottom:0}.result-btns .action-btn:nth-child(4){grid-column:1/3}.result-card .action-btn.ghost{color:#5d5544;border-color:#17140f4d}.result-card .action-btn.ghost:hover{color:var(--crimson-d);border-color:var(--crimson-d)}.setup-bar{width:min(100%,760px);display:flex;align-items:center;justify-content:center;gap:14px;padding:11px 18px;border:1px solid rgba(219,51,86,.45);background:#db335614;font-size:12px;letter-spacing:.14em;color:var(--paper)}.setup-bar b{color:var(--crimson);font-family:var(--serif);font-size:15px}.setup-short,.who-short,.setup-bar.hidden{display:none}.replay-bar{width:min(100%,1020px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid rgba(212,160,23,.5);background:#d4a0171a}.replay-bar[hidden]{display:none}.replay-bar>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px}.replay-kicker{font-size:10px;letter-spacing:.2em;color:#d4a017}.replay-bar strong{font-family:var(--serif);font-size:14px;letter-spacing:.08em}.replay-outcome{font-size:11px;color:var(--paper-dim)}.replay-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.replay-controls button,.replay-speed{min-height:34px;padding:6px 11px;border:1px solid rgba(239,232,216,.25);background:#efe8d812;color:var(--paper);font-size:11px;font-weight:700;cursor:pointer}.replay-controls button:hover:not(:disabled){border-color:#d4a017;background:#d4a01729}.replay-controls button:disabled{opacity:.35;cursor:not-allowed}.replay-speed{display:flex;align-items:center;gap:7px;cursor:default;color:var(--paper-dim)}.replay-speed select{border:0;background:var(--ink-3);color:var(--paper);font-size:11px;font-weight:700;cursor:pointer;outline-offset:4px}.board-frame.arming{cursor:crosshair}.board-frame.arming .cell.fog{cursor:pointer}.board-frame.arming .cell.fog:hover{background:linear-gradient(145deg,#9db79f,#6f8f72)}.chest{position:absolute;inset:0;margin:auto;width:54%;height:54%;z-index:2;animation:chestFloat 2.8s ease-in-out infinite;transition:transform .5s var(--ease),opacity .5s var(--ease)}.chest svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) drop-shadow(0 0 2px rgba(255,225,131,.5)) drop-shadow(0 0 5px rgba(255,205,73,.3));animation:chestGleam 2.8s ease-in-out infinite}.chest svg path:nth-child(-n+2){stroke:#ffe5a2;stroke-width:.65;stroke-linejoin:round}.chest:after{content:"";position:absolute;top:3%;right:4%;width:27%;aspect-ratio:1;background:#fff8df;clip-path:polygon(50% 0,59% 40%,100% 50%,59% 60%,50% 100%,41% 60%,0 50%,41% 40%);filter:drop-shadow(0 0 3px #ffd45f);opacity:.5;pointer-events:none;animation:chestSparkle 2.8s ease-in-out infinite}.chest.captured{transform:scale(1.9);opacity:0}.chest.captured svg,.chest.captured:after{animation:none}.chest.captured:after{opacity:0}@keyframes chestFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)}}@keyframes chestGleam{0%,to{filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) drop-shadow(0 0 2px rgba(255,225,131,.5)) drop-shadow(0 0 5px rgba(255,205,73,.3))}50%{filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(255,235,162,.95)) drop-shadow(0 0 10px rgba(255,205,73,.75))}}@keyframes chestSparkle{0%,to{transform:scale(.6);opacity:.35}50%{transform:scale(1.15);opacity:1}}.cell.settling .chest{animation:chestPop .3s var(--ease)}@keyframes chestPop{0%{scale:.2;opacity:0}to{scale:1;opacity:1}}@media(prefers-reduced-motion:reduce){.chest,.chest svg,.chest:after{animation:none}.chest:after{opacity:.85}}.cell.guided:before{content:"";position:absolute;inset:14%;border-radius:50%;border:3px solid #d4a017;z-index:3;pointer-events:none;animation:guidePulse 1.3s var(--ease) infinite;box-shadow:0 0 10px #d4a0178c,inset 0 0 8px #d4a0174d}@keyframes guidePulse{0%,to{transform:scale(.8);opacity:.55}50%{transform:scale(1.05);opacity:1}}.cell.guided.hint:after{background:#d4a017;box-shadow:0 0 0 4px #d4a01733}#tourOverlay{position:fixed;inset:0;z-index:80;background:#0a0806b8;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s .45s}#tourOverlay.show{opacity:1;visibility:visible;transition:opacity .45s var(--ease)}.tour-hole{position:absolute;border-radius:6px;box-shadow:0 0 0 9999px #0a0806b8,0 0 0 2px var(--crimson),0 0 22px #db335699;transition:all .5s var(--ease);pointer-events:none}#tourCard{position:absolute;z-index:81;width:min(320px,86vw);background:linear-gradient(170deg,var(--paper),var(--paper-2));color:var(--ink);padding:20px 20px 16px;box-shadow:0 20px 70px #000000b3;border-left:4px solid var(--crimson);transition:all .5s var(--ease)}#tourCard .t-step{font-size:10px;letter-spacing:.3em;color:var(--crimson-d);font-weight:700;margin-bottom:8px}#tourCard .t-title{font-family:var(--serif);font-size:18px;font-weight:900;letter-spacing:.08em;margin-bottom:8px}#tourCard .t-body{font-size:12.5px;line-height:1.9;color:#4a4335}#tourCard .t-body em{font-style:normal;color:var(--crimson-d);font-weight:700}#tourCard .t-actions{display:flex;gap:8px;margin-top:14px}#tourCard .t-btn{flex:1;padding:9px 0;font-size:12px;letter-spacing:.2em;font-weight:700;cursor:pointer;border:none;background:var(--ink);color:var(--paper);transition:all .3s var(--ease)}#tourCard .t-btn:hover{background:var(--crimson)}#tourCard .t-btn.ghost{background:transparent;color:#6f6550;border:1px solid rgba(23,20,15,.25)}#tourCard .t-btn.ghost:hover{color:var(--ink);border-color:var(--ink)}#tourCard .t-btn:disabled{opacity:.35;cursor:not-allowed}#setupGuide{padding:14px 20px;display:none;margin-bottom:16px;background:linear-gradient(170deg,var(--paper),var(--paper-2));color:var(--ink);border-left:4px solid #d4a017;box-shadow:0 12px 40px #0006;animation:slideIn .45s var(--ease)}#setupGuide.show{display:block}#setupGuide .sg-step{font-size:10px;letter-spacing:.3em;color:#a8791a;font-weight:700;margin-bottom:6px}#setupGuide .sg-title{font-family:var(--serif);font-size:16px;font-weight:900;letter-spacing:.08em;margin-bottom:6px}#setupGuide .sg-body{font-size:12.5px;line-height:1.9;color:#4a4335}#setupGuide .sg-body em{font-style:normal;color:var(--crimson-d);font-weight:700}.board-frame.setup-glow{animation:frameGlow 2s var(--ease) infinite}@keyframes frameGlow{0%,to{box-shadow:0 30px 80px #0009,0 0 #d4a01700}50%{box-shadow:0 30px 80px #0009,0 0 24px 3px #d4a01773}}.board-row{display:flex;justify-content:center;width:min(100%,1020px)}.board-row .board-frame{flex:0 0 auto;min-width:0}.ev-icon{position:absolute;right:6%;bottom:7%;z-index:1;pointer-events:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;box-shadow:0 1px 4px #00000073}.ev-icon.ev-red{background:#db3356eb;color:#fff}.ev-icon.ev-green{background:#578c5feb;color:#fff}.ev-icon.ev-amber{background:#d4a017f0;color:#2b251b}.ev-icon.ev-purple{background:#6f5f8af0;color:#fff}.cell.b .ev-icon,.cell.w .ev-icon{opacity:.22}.cell.justflipped{animation:flipMark 1.05s var(--ease)}@keyframes flipMark{0%,55%{box-shadow:inset 0 0 0 3px #ffffffe6,inset 0 0 14px #ffffff59}to{box-shadow:inset 0 0 #fff0}}.cell-mark{position:absolute;right:5%;top:6%;z-index:1;pointer-events:none;font-size:11px;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.45)}.cell-mark.cm-green{color:#8dffa6}.cell-mark.cm-red{color:#ff5b74}.cell.b .cell-mark,.cell.w .cell-mark{opacity:.22}#cellLegend{margin-bottom:22px;padding:14px 16px 12px;background:#efe8d80d;border:1px solid rgba(239,232,216,.14)}#cellLegend .clg-title{font-family:var(--serif);font-size:13px;font-weight:900;letter-spacing:.16em;color:var(--paper);margin-bottom:10px}#cellLegend .clg-grid{display:grid;grid-template-columns:1fr;gap:5px}#cellLegend .clg-item{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--paper-dim);letter-spacing:.04em}#cellLegend .clg-sw{width:14px;height:14px;flex:none;border:1px solid rgba(0,0,0,.4)}#cellLegend .clg-sw.clg-ico{width:18px;height:18px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:10px}#cellLegend .clg-foot{font-size:10.5px;line-height:1.7;color:#efe8d86b;margin-top:9px}.log-place{color:#8a9b8d;font-size:10px;letter-spacing:.06em}.cell-label{position:absolute;left:6%;top:7%;z-index:1;pointer-events:none;display:flex;flex-direction:column;gap:1px;line-height:1.15}.cell-label .cl-name{font-family:var(--serif);font-size:12px;font-weight:900;letter-spacing:0;white-space:nowrap;transform-origin:left top;transform:scale(var(--nsc,1));color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.4)}.cell-label .cl-coord{font-size:9.5px;letter-spacing:.02em;color:#ffffff8c;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.3)}.cell.b .cell-label,.cell.w .cell-label{opacity:.22}.cell.t-green{background:linear-gradient(145deg,#8aab8d,#5f8062)}.cell.t-purple{background:linear-gradient(145deg,#9b8ab8,#6f5f8a)}.cell.t-yellow{background:linear-gradient(145deg,#c4b87a,#a1934f)}.cell.t-brown{background:linear-gradient(145deg,#a68a6a,#7d6549)}.cell.t-orange{background:linear-gradient(145deg,#c8956a,#a06b42)}.cell.t-blue{background:linear-gradient(145deg,#7a9ab8,#557091)}.cell.t-gray{background:linear-gradient(145deg,#9a9a92,#6f6f66)}.cell.t-center{background:linear-gradient(145deg,#8a7a5c,#63543c)}.cell.t-green:nth-child(odd){background:linear-gradient(145deg,#94b596,#678868)}.cell.t-purple:nth-child(odd){background:linear-gradient(145deg,#a594c0,#776693)}.cell.t-yellow:nth-child(odd){background:linear-gradient(145deg,#ccc184,#a89a56)}.cell.t-brown:nth-child(odd){background:linear-gradient(145deg,#ad9271,#846c50)}.cell.t-orange:nth-child(odd){background:linear-gradient(145deg,#cf9d71,#a77249)}.cell.t-blue:nth-child(odd){background:linear-gradient(145deg,#83a3bf,#5d7799)}.cell.t-gray:nth-child(odd){background:linear-gradient(145deg,#a1a199,#76766d)}.scorebar,.setup-bar{width:min(100%,1020px)!important}@media(max-width:1180px){main{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:860px){main{grid-template-columns:1fr;padding:20px 16px 48px}.board-wrap{order:1}.rules{order:2}header{padding:28px 18px 4px}.head-rule{display:none}.board-frame{padding:26px}}main{max-width:1760px;grid-template-columns:minmax(0,1fr)}.board-wrap{min-width:0;order:1}.utility-actions{max-width:1020px;margin:18px auto 0;padding:0 16px;display:flex;justify-content:center;gap:10px}.utility-actions button{min-height:40px;padding:9px 18px;border:1px solid rgba(239,232,216,.28);background:#efe8d80f;color:var(--paper);font-size:12px;font-weight:700;letter-spacing:.12em;cursor:pointer}.utility-actions button:hover{border-color:var(--crimson);background:#db33561f}.responsive-panel{position:fixed;left:50%;top:50%;z-index:91;width:min(92vw,560px);max-height:min(82vh,760px);overflow:auto;transform:translate3d(-50%,-46%,0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s}.responsive-panel.is-open{transform:translate3d(-50%,-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s var(--ease),transform .25s var(--ease)}.play-panel{padding:22px;background:var(--ink-2);color:var(--paper);border:1px solid rgba(239,232,216,.2);box-shadow:0 28px 90px #000000b8}.play-panel>h2{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 16px;padding:0 38px 12px 0;border-bottom:1px solid rgba(239,232,216,.14);font-family:var(--serif);font-size:20px;letter-spacing:.18em}.play-panel>h2 span{font-family:var(--sans);font-size:10px;color:var(--crimson);letter-spacing:.2em}.panel-close{position:absolute;right:14px;top:12px;z-index:3;width:34px;height:34px;border:1px solid currentColor;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}.panel-backdrop{position:fixed;inset:0;z-index:90;background:#0a0806c2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s .25s}.panel-backdrop.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease}body.panel-open{overflow:hidden}.event-legend{margin-top:8px}.event-combat{background:#db3356eb}.event-seed{background:#578c5feb}.event-guess{background:#6f5f8af0}.records-overlay{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:20px;background:#0a0806d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.records-overlay.show{opacity:1;visibility:visible;transition:opacity .3s ease}.records-panel{width:min(920px,100%);max-height:min(86vh,820px);overflow:hidden;background:var(--ink-2);border:1px solid rgba(239,232,216,.2);box-shadow:0 30px 100px #000000b8}.records-head{padding:18px 20px;border-bottom:1px solid rgba(239,232,216,.14);display:flex;align-items:center;justify-content:space-between;gap:20px}.records-kicker{margin-bottom:4px;font-size:9px;letter-spacing:.28em;color:var(--crimson)}.records-head h2{font-family:var(--serif);font-size:20px;letter-spacing:.24em}.records-close{width:36px;height:36px;flex:none;border:1px solid rgba(239,232,216,.35);background:transparent;color:var(--paper);font-size:24px;line-height:1;cursor:pointer}.records-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#efe8d81f;border-bottom:1px solid rgba(239,232,216,.12)}.records-summary-item{min-width:0;padding:12px 8px;background:var(--ink-2);text-align:center}.records-summary-item b{display:block;font-family:var(--serif);font-size:20px;color:var(--paper)}.records-summary-item span{display:block;margin-top:4px;font-size:9px;color:var(--paper-dim);white-space:nowrap}.records-list{max-height:calc(min(86vh,820px) - 150px);overflow:auto;padding:5px 20px 18px}.records-section-title{margin:17px 0 2px;color:var(--paper);font-size:12px;font-weight:700}.record-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(220px,2fr) auto;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid rgba(239,232,216,.11)}.record-date{font-size:12px;color:var(--paper);font-weight:700}.record-result{margin-top:4px;font-size:10px;color:var(--paper-dim);letter-spacing:.05em}.record-result.is-win{color:#9bc9a3}.record-metrics{font-size:11px;line-height:1.8;color:var(--paper-dim)}.record-events{color:#efe8d880}.record-actions{display:flex;flex-wrap:wrap;gap:7px}.record-actions button{min-height:34px;padding:7px 12px;border:1px solid rgba(239,232,216,.26);background:transparent;color:var(--paper);font-size:11px;font-weight:700;cursor:pointer}.record-actions button:first-child{background:var(--paper);color:var(--ink);border-color:var(--paper)}.record-actions button:hover{border-color:var(--crimson);color:var(--crimson)}.records-empty{padding:58px 20px;text-align:center;color:#efe8d873;font-size:12px;letter-spacing:.12em}body.records-open{overflow:hidden}.cell{appearance:none;padding:0;font:inherit;text-align:initial;color:inherit}button:focus-visible,.cell:focus-visible{outline:3px solid #ffd45f;outline-offset:2px;z-index:8}@media(min-width:1320px){main{grid-template-columns:minmax(250px,300px) minmax(620px,1fr) minmax(250px,300px);gap:24px;padding-left:24px;padding-right:24px}.rules{order:1}.board-wrap{order:2}.play-panel{order:3}.responsive-panel{position:sticky;left:auto;top:70px;z-index:auto;width:auto;max-height:calc(100vh - 90px);transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:none}.home-site-bar:not(.is-compact)~main .responsive-panel{top:150px;max-height:calc(100vh - 170px)}.play-panel{box-shadow:0 24px 60px #00000061}.panel-close,.panel-backdrop,.utility-actions .panel-trigger{display:none}body.panel-open{overflow:auto}}@media(max-width:560px){header{padding:22px 16px 2px}.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:9px}h1{font-size:36px;letter-spacing:.08em}.sub{font-size:11px;line-height:1.65;letter-spacing:.06em;align-items:flex-start;gap:8px}.sub .dot{margin-top:6px;flex:none}.utility-actions{justify-content:stretch;margin-top:14px;padding:0 16px;gap:8px}.utility-actions button{flex:1;min-width:0;padding:8px 5px;font-size:11px;letter-spacing:.04em}main{padding:16px 12px 40px}.board-wrap{gap:14px}.setup-bar{padding:9px 10px;font-size:11px;letter-spacing:.04em;gap:8px}.setup-instruction{display:none}.setup-short{display:inline}.board-frame{padding:14px}.board-frame:before,.board-frame:after,.board-frame .corner-c,.board-frame .corner-d{width:15px;height:15px;inset:auto}.board-frame:before{top:4px;left:4px}.board-frame:after{top:4px;right:4px}.board-frame .corner-c{bottom:4px;left:4px}.board-frame .corner-d{bottom:4px;right:4px}.board-grid{grid-template-columns:16px repeat(8,1fr);grid-template-rows:16px repeat(8,1fr)}.axis{font-size:8px}.cell-label,.ev-icon{display:none}.disc .move-number{font-size:11px}.cell-mark{top:8%;right:8%;width:6px;height:6px;border-radius:50%;font-size:0;background:currentColor;box-shadow:0 1px 3px #00000073;text-shadow:none}.cell.guided:before{inset:12%;border-width:2px}.score-side{padding:9px 10px;gap:7px}.score-side .who{font-size:10px;letter-spacing:.04em}.who-long{display:none}.who-short{display:inline}.score-side .count{font-size:25px}.mini-disc{width:18px;height:18px}.vs{padding:0 8px;font-size:10px;letter-spacing:.06em}.logcard .lg-head{padding:11px 12px}.logcard .lg-head h3{font-size:13px;letter-spacing:.18em}.logcard .lg-sub,.log-place,.st-row .st-ev{display:none}.stat-body{padding:8px 12px 3px}.st-row{gap:4px 10px;font-size:10.5px}.st-row .st-who{min-width:104px}.stat-total{padding:6px 12px 8px;font-size:10px;letter-spacing:.04em}.log{padding:8px 12px 12px;max-height:150px}.log-item{gap:6px;font-size:10.5px}.responsive-panel{width:calc(100vw - 24px);max-height:calc(100vh - 40px)}.rules,.play-panel{padding:22px 18px 18px}.rules h2,.play-panel>h2{font-size:19px;letter-spacing:.16em}.rules h2 span,.play-panel>h2 span{display:none}.toast{width:calc(100vw - 32px);padding:10px 14px;font-size:12px;letter-spacing:.05em;text-align:center}.replay-bar{align-items:flex-start;flex-direction:column}.replay-controls{width:100%;justify-content:flex-start}.result-card{padding:36px 20px 28px}.result-title{font-size:27px}.result-btns{grid-template-columns:1fr}.records-overlay{padding:10px}.records-summary{grid-template-columns:repeat(4,1fr)}.records-summary-item{padding:9px 5px}.records-list{padding-left:14px;padding-right:14px}.record-row{grid-template-columns:1fr;gap:8px}.record-actions button{flex:1}}
