:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09081a;--bg-glow:radial-gradient(120% 55% at 50% 58%, #2c2266 0%, #16123a 46%, #09081a 100%);--surface:linear-gradient(180deg, #34286e8c, #18123899);--surface-border:#c8b4ff1f;--sheet:linear-gradient(180deg, #221b4f, #130f30);--input-bg:#08061899;--input-border:#c8b4ff2e;--text:#f4f2fb;--text-muted:#a9a3c9;--text-subtle:#8a84aa;--text-subtle-2:#6f6893;--lavender:#cfc0ff;--gold:#ffd166;--gold-cta:linear-gradient(180deg,#ffe08a 0%,#ffc94d 55%,#f2a93b 100%);--gold-cta-text:#1a1233;--comets:#ff6fa3;--comets-soft:#ff8fb8;--comets-softer:#ffc2d8;--novas:#5bd6ff;--novas-soft:#8fe3ff;--novas-softer:#bdebff;--violet:#8c6bff;--violet-soft:#a98bff;--cream:#f3ecdd;--wordmark-gradient:linear-gradient(90deg,#ffd166,#ff8fb1 55%,#a98bff);--font-display:"Fredoka", ui-rounded, system-ui, sans-serif;--font-body:"Rubik", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, Menlo, monospace}body{background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}@keyframes band-glow{0%,to{filter:drop-shadow(0 0 #fff0)}50%{filter:drop-shadow(0 0 12px #ffffffd9)}}.dialfan-svg:focus{outline:none}@keyframes team-card-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes team-member-in{0%{opacity:0;transform:translate(-8px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes sound-pop-float{0%{opacity:0;transform:translate(-50%,40px)scale(.7)}20%{opacity:1;transform:translate(-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-90px)scale(1)}to{opacity:0;transform:translate(-50%,-170px)scale(.95)}}@keyframes reveal-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reroll-btn{height:38px;color:var(--text);font:600 14px var(--font-body);cursor:pointer;background:linear-gradient(#8c6bff3d,#8c6bff14);border:1px solid #b4a0ff59;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:0 16px 0 12px;transition:transform .15s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 0 18px #8c6bff2e,inset 0 1px #ffffff1a}.reroll-btn:hover:not(:disabled){border-color:#c8b9ff99;box-shadow:0 0 26px #8c6bff52,inset 0 1px #ffffff24}.reroll-btn:active:not(:disabled){transform:scale(.95)}.reroll-btn:disabled{cursor:default;opacity:.85}.reroll-btn .reroll-icon{color:var(--lavender);transition:transform .4s cubic-bezier(.3,1.5,.5,1)}.reroll-btn:hover:not(:disabled) .reroll-icon{transform:rotate(-40deg)}.reroll-btn .reroll-icon--spin{animation:.7s linear infinite reroll-spin}.reroll-note{color:var(--text-muted);border-left:1px solid #c8b4ff33;padding-left:8px;font-size:12px;font-weight:500}@keyframes reroll-spin{to{transform:rotate(360deg)}}@keyframes title-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes title-pop{0%{opacity:0;transform:translateY(10px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slot-land{0%{transform:scale(.3)}55%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes slot-wait{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.8;transform:scale(1)}}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.3)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.tom-glint{animation:3.2s ease-in-out infinite tom-glint}@keyframes tom-glint{0%,55%{transform:translate(0)}to{transform:translate(320px)}}@keyframes lane-in{0%{opacity:0;transform:translateY(28px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bar-shine{0%{transform:translateY(110%)skewY(-18deg)}55%,to{transform:translateY(-160%)skewY(-18deg)}}.bar-shine{background:linear-gradient(#0000,#ffffff73,#0000);height:40%;animation:2.8s ease-in-out .6s infinite bar-shine;position:absolute;bottom:0;left:-10%;right:-10%}.level-line .level-rule{border-top:2px dashed #c8b4ff47;height:0;transition:border-color .3s}.level-line .level-label{color:#c8b4ff73;transition:color .3s,text-shadow .3s}.level-line[data-lit] .level-rule{border-top-color:#ffd166d9}.level-line[data-lit] .level-label{color:#ffd166;text-shadow:0 0 12px #ffd16699}@keyframes card-open{0%{opacity:.4;transform:scaleY(.85)}to{opacity:1;transform:scaleY(1)}}.btn-active:active{transform:scale(.97)}
