:root{--color-bg:#05080f;--color-bg-2:#0b1222;--color-lift:#101a2e;--color-surface:#101a2e99;--color-text:#dce6f5;--color-text-muted:#7e8ea8;--color-text-faint:#4a5871;--color-accent:#6fa8dc;--color-accent-soft:#6fa8dc1f;--color-accent-hot:#eaf6ff;--color-amber:#d9a449;--color-amber-soft:#d9a44929;--color-risk:#8593ac;--color-border:#1c2942;--color-border-2:#253554;--color-guide-bubble:#080e1a80;--color-player-bubble:#0a111e8c;--color-banner-bg:#101a2e80;--color-banner-border:#1c2942;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Spectral", Georgia, "Times New Roman", serif;--ease:cubic-bezier(.16, 1, .3, 1);--radius:14px;--line-2:var(--color-border-2);--ink:var(--color-text);--ink-dim:var(--color-text-muted);--ink-faint:var(--color-text-faint);--ice:var(--color-accent);--ice-soft:var(--color-accent-soft);--glow-hot:var(--color-accent-hot);--amber:var(--color-amber);--risk:var(--color-risk);--cell:34px;--cellh:26px;--gap:3px;--slab:22px}@media (width>=900px){:root{--cell:50px;--cellh:38px;--gap:5px;--slab:30px}}body{background:radial-gradient(60% 45% at 50% 22%, #6fa8dc29 0%, transparent 70%), radial-gradient(90% 60% at 50% 78%, #101a2ee6 0%, transparent 75%), radial-gradient(140% 110% at 50% 8%, var(--color-bg-2) 0%, var(--color-bg) 62%);color:var(--color-text);font-family:var(--font-sans)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100%}button{font-family:inherit}.boardwrap{z-index:2;perspective:760px;perspective-origin:50% 88%;height:220px;min-height:158px;position:relative}@media (width>=900px){.boardwrap{perspective:1250px;height:280px}.board{bottom:44px}}.peek{text-align:center;letter-spacing:.1em;color:var(--ink-dim);opacity:0;pointer-events:none;z-index:6;height:14px;font-size:11px;transition:opacity .3s;position:absolute;top:-2px;left:0;right:0}.peek.on{opacity:1}.peek em{color:var(--ice);font-style:normal}.peek em.snake{color:var(--risk)}.board{transform-style:preserve-3d;transform:translateX(-50%) rotateX(60deg) translateY(var(--pan,0px));transition:transform 1.1s var(--ease);grid-template-columns:repeat(9, var(--cell));gap:var(--gap);display:grid;position:absolute;bottom:26px;left:50%}.board,.cellcard,.peek{-webkit-user-select:none;user-select:none}.slab{transform-style:preserve-3d;position:absolute;inset:-11px;transform:translateZ(-5px)}.slab .top{background:var(--tex-slate) center / cover;filter:saturate(.8)brightness(.8);border-radius:3px;position:absolute;inset:0;box-shadow:0 40px 80px -30px #000,inset 0 0 90px -26px #000,inset 0 1px #ffffff0d}.slab .side{background:var(--tex-slate) center / cover;position:absolute}.slab .front{height:var(--slab);transform-origin:top;filter:saturate(.6)brightness(.42);top:100%;left:0;right:0;transform:rotateX(-90deg);box-shadow:inset 0 -14px 20px -12px #000}.slab .left{width:var(--slab);transform-origin:100%;filter:saturate(.6)brightness(.3);top:0;bottom:0;right:100%;transform:rotateY(-90deg)}.slab .right{width:var(--slab);transform-origin:0;filter:saturate(.6)brightness(.36);top:0;bottom:0;left:100%;transform:rotateY(90deg)}.boardlines{pointer-events:none;opacity:0;transition:opacity .35s;position:absolute;inset:0;overflow:visible;transform:translateZ(4px)}.boardlines.on{opacity:1}.cellcard{height:var(--cellh);transform-style:preserve-3d;color:#9fb4d4;opacity:1;cursor:pointer;background:linear-gradient(#2e466e99,#101c30bd);border:1px solid #2a3a56;border-radius:2px;justify-content:center;align-items:center;font-size:10px;transition:transform .9s cubic-bezier(.18,.86,.24,1),background .4s,border-color .4s,color .4s,opacity .7s;display:flex;position:relative;transform:translate(0,0);box-shadow:0 1px #060a12,0 2px 4px -2px #000}.cellcard.materializing{opacity:0;transform:translate3d(var(--fx,0px), var(--fy,0px), 0) scale(.3) rotateX(35deg);pointer-events:none}.cellcard:hover{border-color:var(--line-2);color:var(--ink-dim)}.cellcard.visited{color:#cbdcf2;background:linear-gradient(#405e8ea8,#16243ccc);border-color:#3b5279}.cellcard.arrow:after,.cellcard.snake:after{content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:3px}.cellcard.arrow:after{background:var(--ice);opacity:.6}.cellcard.snake:after{background:var(--risk);opacity:.45}.cellcard.finish{border-color:#6fa8dc80}.cellcard.over{opacity:.4}.cellcard.active{border-color:var(--ice);color:var(--ink);z-index:5;background:linear-gradient(170deg,#1b2c4a,#121d33);transform:translateZ(52px)rotateX(-60deg)scale(1.5);box-shadow:0 0 0 1px #6fa8dc33,0 22px 46px -18px #000,0 0 34px -6px #6fa8dc4d}@media (width>=900px){.cellcard.active{transform:translateZ(64px)rotateX(-60deg)scale(1.42)}.cellcard.active .num{font-size:15px}}.cellcard.active .num{color:var(--ice);letter-spacing:.04em;font-size:13px}.pawn{background:var(--glow-hot);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-9px;left:50%;transform:translateZ(10px);box-shadow:0 0 12px 3px #b8dcff73}.dielayer{perspective:620px;z-index:7;opacity:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:96px;height:106px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:10px;right:8px;transform:scale(1)translateY(0)}@media (width>=900px){.dielayer{bottom:16px;right:5%}}.dielayer:after{content:"";filter:blur(3px);background:radial-gradient(#d9a44938,#0000 70%);border-radius:50%;width:70px;height:20px;margin-left:-35px;position:absolute;bottom:22px;left:50%}.dropper{transform-style:preserve-3d}.dropper.falling{animation:drop 1.15s var(--ease)}@keyframes drop{0%{transform:translateY(-104px)scale(.84)}62%{transform:translateY(7px)scale(1.03)}80%{transform:translateY(-6px)}to{transform:none}}.die{width:48px;height:48px;transform-style:preserve-3d;cursor:grab;touch-action:none;background:0 0;border:0;padding:0;transition:transform 4.2s cubic-bezier(.2,.86,.22,1);position:relative;transform:rotateX(-16deg)rotateY(22deg)}.die:active{cursor:grabbing}.die.inert{cursor:default;opacity:.55}.die:focus-visible{outline:2px solid var(--amber);outline-offset:9px;border-radius:6px}.face{background-color:#101a2e85;background-image:radial-gradient(circle,#e8c07aeb 0 .72px,#0000 .95px);background-size:2.6px 2.6px;border:1px solid #e8c07a52;border-radius:8px;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:6px;display:grid;position:absolute;inset:0;box-shadow:0 0 26px -8px #d9a4498c,inset 0 0 20px -8px #d9a44966}.pip{background-image:radial-gradient(circle,#fff0cd 0 .78px,#0000 .95px);background-size:1.75px 1.75px;border-radius:50%;place-self:center;width:10px;height:10px;box-shadow:0 0 9px 1px #ffd78c80}.f-front{transform:translateZ(24px)}.f-back{transform:rotateY(180deg)translateZ(24px)}.f-right{transform:rotateY(90deg)translateZ(24px)}.f-left{transform:rotateY(-90deg)translateZ(24px)}.f-top{transform:rotateX(90deg)translateZ(24px)}.f-bottom{transform:rotateX(-90deg)translateZ(24px)}.diehint{letter-spacing:.12em;color:var(--amber);opacity:.85;text-align:center;white-space:nowrap;height:12px;font-size:10px}@media (width>=900px){.dielayer{width:128px;height:140px}.die{width:62px;height:62px}.f-front{transform:translateZ(31px)}.f-back{transform:rotateY(180deg)translateZ(31px)}.f-right{transform:rotateY(90deg)translateZ(31px)}.f-left{transform:rotateY(-90deg)translateZ(31px)}.f-top{transform:rotateX(90deg)translateZ(31px)}.f-bottom{transform:rotateX(-90deg)translateZ(31px)}.pip{width:13px;height:13px}}