.st-board{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d}.st-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:4px;padding:10px;border-radius:22px;background:linear-gradient(135deg,#3a1a45,#1c0d24);box-shadow:inset 0 0 0 2px #b062c2,0 18px #12081a,0 40px 60px -20px #000c}.st-cell{position:relative;border-radius:10px;display:grid;place-items:start;padding:5px 7px;font-weight:900;font-size:clamp(10px,1.2vw,14px);color:#ffffffbf;background:var(--cb, rgba(255,255,255,.06))}.st-cell:nth-child(odd){--cb: rgba(255,255,255,.1)}.st-cell.x{--cb: color-mix(in srgb, var(--yellow) 30%, transparent);box-shadow:inset 0 0 0 2px var(--yellow);color:#fff}.st-cell.x:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-size:1.8em;color:var(--yellow);opacity:.9}.st-cell.m{--cb: radial-gradient(circle, #F4C542, #b8860b);color:#111}.st-cell.m:after{content:"\950";position:absolute;inset:0;display:grid;place-items:center;font-size:1.9em;color:#111}.st-cell.lit{box-shadow:inset 0 0 0 2px #fff}.st-draw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.st-draw .lad{fill:none;stroke:#f4c542;stroke-width:10;stroke-linecap:round;stroke-dasharray:2 20}.st-draw .rail{fill:none;stroke:#f4c542;stroke-width:4}.st-draw .snk{fill:none;stroke:#2a9d8f;stroke-width:12;stroke-linecap:round}.st-draw .snk2{fill:none;stroke:#0f3f39;stroke-width:4;stroke-linecap:round;stroke-dasharray:3 9}.st-draw .grow{stroke-dashoffset:0;animation:st-draw .9s var(--ease-out)}@keyframes st-draw{0%{opacity:0}}.st-tok{position:absolute;width:9%;aspect-ratio:1;left:var(--x);top:var(--y);translate:-50% -60%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffd6da,#e63946 45%,#7a1420);box-shadow:0 6px #4a0b13,0 0 24px #e63946cc;transition:left .45s var(--ease-out),top .45s var(--ease-out);z-index:3;transform:translateZ(26px)}.st-tok.hop{animation:st-hop .45s var(--ease-out)}@keyframes st-hop{50%{translate:-50% -140%}}.st-hb{position:absolute;left:50%;top:50%;width:74%;translate:-50% -50%;transform-style:preserve-3d;transform:rotateX(52deg) rotate(-22deg)}.st-die{--s: 64px;position:absolute;width:var(--s);height:var(--s);transform-style:preserve-3d}.st-die .f{position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle at 30% 25%,#fff,#e8eaf0);box-shadow:inset 0 0 0 2px #00000014,inset 0 -6px 10px #0000001f;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:14%}.st-die .f i{width:70%;aspect-ratio:1;border-radius:50%;background:#2c0f35;place-self:center}.st-die .f1{transform:translateZ(calc(var(--s) / 2))}.st-die .f6{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.st-die .f3{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.st-die .f4{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.st-die .f2{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.st-die .f5{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.st-die.hero{left:74%;top:6%;animation:st-tumble 7s linear infinite}@keyframes st-tumble{to{transform:rotateX(360deg) rotateY(720deg)}}.st-buddy{position:absolute;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--c);animation:st-fl 4s ease-in-out infinite alternate;animation-delay:var(--dl);white-space:nowrap}@keyframes st-fl{to{translate:0 -10px}}.st-play{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;margin-top:26px}.st-pb{perspective:1200px;max-width:560px;width:100%;justify-self:center}.st-pb .st-board{transform:rotateX(28deg)}.st-side{display:grid;gap:14px}.st-hud{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.st-hud .dz{--s: 56px;position:relative;width:56px;height:56px;perspective:400px}.st-hud .st-die{--s: 56px;transition:transform 1s var(--ease-out)}.st-hud b{display:block;font-weight:900;font-size:15px}.st-hud small{color:var(--muted);font-size:13px}.st-karma{display:flex;gap:4px}.st-karma i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-strong)}.st-karma i.on{background:radial-gradient(circle at 35% 30%,#fff3c4,#f4c542 50%,#a77a00);box-shadow:0 0 10px #f4c542}.st-scale{padding:14px 16px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.st-scale .k{display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.st-beam{position:relative;height:54px;margin-top:6px}.st-beam i{position:absolute;left:6%;right:6%;top:18px;height:8px;border-radius:4px;background:var(--ink);transform:rotate(var(--tilt, 0deg));transition:transform .7s var(--ease-spring)}.st-beam i:before,.st-beam i:after{content:"";position:absolute;top:-18px;width:26px;height:18px;border-radius:6px 6px 2px 2px}.st-beam i:before{left:0;background:var(--green)}.st-beam i:after{right:0;background:var(--red)}.st-beam em{position:absolute;left:50%;top:24px;margin-left:-14px;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:26px solid var(--purple-ink)}.st-scene{padding:18px;border-radius:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--purple) 26%,var(--surface)),var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--purple) 60%,transparent);display:grid;gap:10px}.st-scene .k{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--purple-ink)}.st-scene h3{font-weight:900;font-size:19px;line-height:1.3}.st-ch{display:grid;gap:8px}.st-ch button{padding:12px 14px;border-radius:14px;border:0;cursor:pointer;text-align:left;font:inherit;font-weight:700;font-size:15px;line-height:1.4;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:transform .3s var(--ease-spring),box-shadow .2s}.st-ch button:hover{transform:translate(4px);box-shadow:inset 0 0 0 2px var(--purple)}.st-msg{min-height:1.5em;font-weight:700;color:var(--muted)}.st-note{font-size:13px;color:var(--muted)}.st-els{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}.st-el{position:relative;display:grid;gap:10px;align-content:start;padding:20px 18px;border-radius:24px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);min-width:0;overflow:hidden;transition:transform .5s var(--ease-spring),box-shadow .3s}.st-el:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:inset 0 0 0 2px var(--c),0 30px 50px -30px #000c}.st-el .ob{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;color:#111;background:radial-gradient(circle at 32% 26%,#fff,var(--c) 46%,color-mix(in srgb,var(--c) 55%,#000));box-shadow:0 6px color-mix(in srgb,var(--c) 45%,#000);transform:rotate(-8deg)}.st-el .ob svg{width:28px;height:28px}.st-el h3{font-weight:900;font-size:17px;line-height:1.2}.st-el p{font-size:14.5px;line-height:1.5;color:var(--muted)}@media (max-width: 1100px){.st-els{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.st-play{grid-template-columns:minmax(0,1fr)}}@media (max-width: 700px){.st-els{--ms-w: 70%}.st-pb .st-board{transform:rotateX(18deg)}.st-die.hero{--s: 46px}.st-hud{padding:10px 12px;gap:10px}.st-ch button{font-size:14px;padding:10px 12px}.st-cell{font-size:10px;padding:3px 5px}}@media (prefers-reduced-motion: reduce){.st-die.hero,.st-buddy{animation:none}.st-tok{transition:none}}