:root{--night:#170a36;--deep:#0c0420;--magenta:#ff2bd6;--uv:#7b3cff;--cyan:#3df2ff;--acid:#e6ff3d;--ink:#f4ecff;--mute:#a08cc9;--display:"Unbounded", "Arial Black", sans-serif;--body:"Manrope", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--deep);min-height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.app{background:radial-gradient(120% 70% at 50% 0%, #3a1478 0%, transparent 60%), linear-gradient(180deg, var(--night) 0%, var(--deep) 70%);min-height:100dvh;padding:20px 28px 40px;position:relative;overflow:hidden}.floor{transform-origin:50% 0;pointer-events:none;background-image:linear-gradient(90deg,#ff2bd659 2px,#0000 2px),linear-gradient(#ff2bd659 2px,#0000 2px);background-size:80px 80px;height:55%;position:absolute;bottom:-10%;left:-50%;right:-50%;transform:perspective(420px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 45%);mask-image:linear-gradient(#0000 0%,#000 45%)}.is-live .floor{animation:.9s linear infinite floor}@keyframes floor{to{background-position:0 80px}}.scanlines{pointer-events:none;z-index:5;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 4px);position:absolute;inset:0}.top,.layout{z-index:2;max-width:1280px;margin:0 auto;position:relative}.top{align-items:center;gap:24px;display:flex}.logo{font-family:var(--display);letter-spacing:-.02em;text-shadow:-2px 0 var(--magenta), 2px 0 var(--cyan);gap:.3em;margin:0;font-size:30px;font-weight:900;line-height:.9;display:flex}.logo span:last-child{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.counter{color:var(--mute);margin:0 0 0 auto}.counter strong{color:var(--acid);font-family:var(--display);margin-right:4px;font-size:22px}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:48px;margin-top:28px;display:grid}.stage{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.ball{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff38,#0000 38%),radial-gradient(circle,#2a0f5c 0%,#12052b 70%);border-radius:50%;place-items:center;width:min(420px,78vw);display:grid;position:relative;box-shadow:0 0 0 2px #3df2ff59,0 0 60px #7b3cff8c,inset 0 0 60px #0009}.ball-ring{background:conic-gradient(from 0deg, var(--magenta), var(--uv), var(--cyan), var(--acid), var(--magenta));opacity:.85;border-radius:50%;position:absolute;inset:-14px;-webkit-mask:radial-gradient(circle,#0000 66%,#000 66.5% 70%,#0000 70.5% 72%,#000 72.5%);mask:radial-gradient(circle,#0000 66%,#000 66.5% 70%,#0000 70.5% 72%,#000 72.5%)}.ball.is-playing .ball-ring{animation:3.2s linear infinite spin}.ball.is-spinning .ball-ring{animation:.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ball-num,.ball-hint{font-family:var(--display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(120px,20vw,220px);font-weight:900;line-height:1;position:relative}.ball-hint{color:#0000;-webkit-text-stroke:2px #f4ecff59}.ball-num{color:var(--ink);text-shadow:-5px 0 var(--magenta), 5px 0 var(--cyan), 0 0 40px #ff2bd699}.is-spinning .ball-num{filter:blur(1.5px);opacity:.85}.ball-num.landed{animation:.7s step-end both land}.ball-num.landed:before,.ball-num.landed:after{content:attr(data-n);opacity:0;animation:.7s step-end both slice;position:absolute;inset:0}.ball-num.landed:before{color:var(--magenta);clip-path:inset(10% 0 55%)}.ball-num.landed:after{color:var(--cyan);clip-path:inset(60% 0 8%);animation-delay:80ms}@keyframes land{0%{transform:scale(1.35)skew(-8deg)}15%{transform:scale(.92)translate(6px)}30%{transform:scale(1.06)translate(-4px)skew(4deg)}50%,to{transform:none}}@keyframes slice{0%{opacity:1;transform:translate(-14px)}20%{transform:translate(10px)}40%{transform:translate(-6px)}60%,to{opacity:0;transform:none}}.now{flex-direction:column;align-items:center;gap:6px;min-height:64px;display:flex}.now-line{color:var(--mute);margin:0}.reveal{margin:0;font-size:20px}.reveal b{color:var(--acid);margin-right:8px}.link{color:var(--cyan);text-underline-offset:4px;background:0 0;border:0;padding:2px 0;text-decoration:underline}.eq{align-items:flex-end;gap:4px;width:min(420px,100%);height:56px;display:flex}.eq span{height:calc(var(--h,.06) * 100%);background:linear-gradient(to top, var(--magenta), var(--cyan));border-radius:2px 2px 0 0;flex:1;transition:height 60ms linear}.controls{flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);display:flex}.cta{background:var(--acid);width:100%;color:var(--deep);font-family:var(--display);border:0;border-radius:999px;padding:20px 24px;font-size:20px;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #8a9a10,0 0 40px #e6ff3d59}.cta:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #8a9a10,0 0 30px #e6ff3d4d}.cta:disabled{opacity:.6}.transport{gap:10px;display:flex}.ghost{background:#170a3699;border:1.5px solid #3df2ff80;border-radius:999px;padding:9px 20px;font-weight:600}.ghost:hover:not(:disabled){border-color:var(--cyan);background:#3df2ff1a}.ghost:disabled{opacity:.35}.board-title{font-family:var(--display);color:var(--mute);margin:0 0 12px;font-size:15px;font-weight:700}.board{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.barrel{aspect-ratio:1/1.15;width:100%;font-family:var(--display);background:linear-gradient(#2b1263,#180838);border:2px solid #3df2ff8c;border-radius:40%/30%;font-size:clamp(16px,2.2vw,26px);font-weight:700;position:relative;box-shadow:inset 0 -6px #00000059}.barrel:disabled:not(.played){opacity:1}.barrel.played{color:#f4ecff59;background:#12062a;border-color:#ff2bd659}.barrel.played:after{content:"";background:var(--magenta);height:3px;box-shadow:0 0 10px var(--magenta);border-radius:2px;position:absolute;top:50%;left:12%;right:12%;transform:rotate(-35deg)}.barrel.played:hover:not(:disabled){color:var(--ink);border-color:var(--magenta)}.barrel.current{background:var(--acid);border-color:var(--acid);color:var(--deep);box-shadow:0 0 28px #e6ff3d8c}.barrel.current:after{background:var(--deep);box-shadow:none;opacity:.5}.history{margin-top:28px}.history-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-list li{text-align:center;font-variant-numeric:tabular-nums;background:#7b3cff40;border-radius:999px;min-width:36px;padding:4px 8px;font-weight:800}.history-list li:last-child{background:var(--magenta)}.muted{color:var(--mute);margin:0}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr);gap:36px}}@media (width<=560px){.app{padding:14px 16px 32px}.top{flex-wrap:wrap;gap:10px 16px}.logo{font-size:24px}.counter{order:3;width:100%;margin:0}.top .ghost{margin-left:auto}.board{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.barrel{font-size:20px}}@media (prefers-reduced-motion:reduce){.is-live .floor,.ball.is-playing .ball-ring,.ball.is-spinning .ball-ring,.ball-num.landed,.ball-num.landed:before,.ball-num.landed:after{animation:none}}