@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;800&display=swap";:root{--ink: #fff7ee;--purple: #a970ff;--pink: #ff4f7b;--water: #3fb6ff;--bg: #1b1530;font-family:Bricolage Grotesque,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg)}canvas#world{position:fixed;inset:0;width:100vw;height:100vh;display:block}button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.55em 1.1em;background:#ffffff1f;color:var(--ink);font-weight:800;letter-spacing:.02em}button:hover{background:#fff3}button.big{background:var(--purple);font-size:1.25rem;padding:.8em 1.8em;box-shadow:0 6px #6b3fc0}button:disabled{opacity:.4}#loading{position:fixed;inset:auto 0 2rem;text-align:center;opacity:.7}#intro,#results{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:1rem;background:radial-gradient(circle at 50% 40%,#1b153088,#1b1530ee);padding:2rem}[hidden]{display:none!important}h1{font-size:clamp(4rem,12vw,9rem);margin:0;line-height:.85;letter-spacing:-.04em}h1 em{color:var(--water);font-style:normal}.tag{font-size:1.25rem;max-width:40rem;margin:0}.cmds,.keys{opacity:.75;max-width:46rem;margin:0}code{background:#ffffff1a;padding:.1em .4em;border-radius:.4em}.connect{display:flex;gap:.5rem;align-items:center}.connect input{font:inherit;padding:.6em 1em;border-radius:999px;border:2px solid #ffffff33;background:#0006;color:var(--ink);width:15rem}#chat-status{font-weight:800;font-size:.9rem;opacity:.7}#chat-status[data-state=connected]{color:#5dffa0;opacity:1}#hud{position:fixed;inset:0;pointer-events:none}#hud .sim{pointer-events:auto;position:absolute;bottom:1rem;right:1rem;display:flex;gap:.3rem;align-items:center;font-size:.75rem;opacity:.65}#hud .sim button{padding:.35em .7em;font-size:.8rem}.glass-meter{position:absolute;left:1.5rem;top:1.5rem;width:5.5rem;height:7.5rem;border:4px solid #ffffffcc;border-top:0;border-radius:0 0 1.2rem 1.2rem;overflow:hidden;background:#0004}#water-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(#7fd6ff,var(--water));transition:height .15s}.glass-meter strong{position:absolute;inset:0;display:grid;place-items:center;white-space:nowrap;font-size:1.6rem;text-shadow:0 2px 6px #0008}body.low .glass-meter{animation:pulse .5s infinite alternate}@keyframes pulse{to{border-color:var(--pink)}}.top{position:absolute;top:1.4rem;left:0;right:0;text-align:center;display:grid;gap:.2rem}#room{font-weight:800;font-size:1.4rem;letter-spacing:.05em;text-shadow:0 2px 8px #000a}#hazard{color:#ffd36b;font-weight:800}.timer{position:absolute;right:1.5rem;top:1.2rem;font-size:2.6rem;font-weight:800;text-shadow:0 2px 8px #000a}#progress{position:absolute;top:4.1rem;left:30%;right:30%;height:6px;border-radius:6px;background:#ffffff26}#progress-fill{display:block;height:100%;width:0;border-radius:6px;background:var(--water)}#feed{position:absolute;left:1.5rem;top:11rem;margin:0;padding:0;list-style:none;display:grid;gap:.35rem;max-width:24rem}#feed li{background:#1b1530cc;padding:.4em .8em;border-radius:.7em;font-weight:700;border-left:4px solid var(--pink);transition:opacity 1s;animation:slide .25s}#feed li.help{border-color:#5dffa0}#feed li.muted{opacity:.6;border-color:#888}#feed li.old{opacity:.35}@keyframes slide{0%{transform:translate(-30px);opacity:0}}#banner{position:absolute;top:26%;left:0;right:0;text-align:center;transform:scale(.6);opacity:0;transition:.2s}#banner.on{transform:scale(1);opacity:1}#banner b{display:block;font-size:clamp(2.5rem,6vw,4.5rem);color:var(--pink);text-shadow:0 4px 0 #000a}#banner span{font-size:1.3rem;font-weight:700;text-shadow:0 2px 6px #000}#blame{position:absolute;right:30%;bottom:30%;font-size:2rem;font-weight:800;color:var(--water);opacity:0;transition:.2s;text-shadow:0 2px 8px #000}#blame.on{opacity:1}#blame span{font-size:1rem;color:var(--ink);display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,#2a1a0a55 100%)}#dark-mask{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at 50% 55%,transparent 9%,#000 32%)}body.dark #dark-mask{opacity:.9}#results h2{font-size:clamp(3rem,8vw,6rem);margin:0}.kicker{opacity:.6;font-weight:800;letter-spacing:.1em}#r-stats{display:flex;gap:2.5rem}#r-stats b{display:block;font-size:2.4rem}#r-stats span{opacity:.6;font-weight:700}#results h3{margin:.5rem 0 0;color:var(--pink);letter-spacing:.15em}#credits{list-style:none;padding:0;margin:0;width:min(26rem,90vw);max-height:30vh;overflow:auto}#credits li{display:flex;justify-content:space-between;padding:.35em .2em;border-bottom:1px dashed #ffffff33;animation:rise .5s both;font-size:1.1rem}#credits b{color:var(--water)}@keyframes rise{0%{transform:translateY(20px);opacity:0}}.actions{display:flex;gap:.8rem;align-items:center}#intro .kicker{font-size:.95rem}.or{opacity:.5}button.twitch{background:#9146ff}.actions{display:flex;gap:.8rem;align-items:center;justify-content:center}.cmds{display:grid;gap:.3rem;font-size:.95rem}.cmds b{color:var(--pink);margin-right:.3rem}#water-fill{height:100%;transform-origin:bottom;transition:transform .15s}#progress-fill{width:100%;transform-origin:left;transform:scaleX(0)}.danger-wrap{position:absolute;left:1.5rem;top:9.6rem;width:5.5rem;height:8px;border-radius:8px;background:#ffffff26;overflow:hidden}.danger-wrap span{position:absolute;top:10px;font-size:.7rem;font-weight:800;opacity:.7}#danger{display:block;height:100%;background:linear-gradient(90deg,#5dffa0,#ffd36b,var(--pink));transform-origin:left;transform:scaleX(0)}#danger[data-hot="1"]{animation:pulse .2s infinite alternate}.top small{opacity:.7;font-weight:800;letter-spacing:.12em}#mods{font-weight:800;color:#b9f}#feed{top:12rem}#feed li.legend{border-color:#ffd36b;background:#3a2a00cc}#slot{position:absolute;top:22%;left:50%;transform:translate(-50%) scale(.6);opacity:0;transition:.2s;text-align:center;background:#1b1530dd;padding:.8rem 1.6rem;border-radius:1.2rem;border:3px solid var(--pink);min-width:18rem}#slot.on{opacity:1;transform:translate(-50%) scale(1)}#slot.help{border-color:#5dffa0}#slot.r-r{border-color:#b98bff}#slot.r-l{border-color:#ffd36b;box-shadow:0 0 40px #ffd36b88}#slot b{display:block;font-size:3rem}#slot strong{display:block;font-size:1.8rem;color:var(--pink)}#slot.help strong{color:#5dffa0}#slot span{opacity:.85;font-weight:700}#lastsip-fx{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;box-shadow:inset 0 0 200px 60px #ff2050}body.lastsip #lastsip-fx{opacity:1;animation:pulse .35s infinite alternate}body.lastsip #hud:after{content:"LAST SIP";position:absolute;top:40%;left:0;right:0;text-align:center;font-size:6rem;font-weight:800;color:var(--pink);text-shadow:0 6px 0 #000a}#catch{position:absolute;top:58%;left:0;right:0;text-align:center;font-size:2.6rem;font-weight:800;color:#ffd36b;opacity:0;transform:scale(.7);transition:.1s;text-shadow:0 4px 0 #000a}#catch.on{opacity:1;transform:scale(1)}#mic{position:absolute;right:1.5rem;top:4.6rem;width:8rem;height:6px;border-radius:6px;background:#ffffff26;overflow:hidden}#mic i{display:block;height:100%;background:#ff9b3d;transform-origin:left;transform:scaleX(0)}#results .cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left}#board{list-style:none;padding:0;margin:0;min-width:16rem}#board h4{margin:.2rem 0;color:var(--water);letter-spacing:.1em}#board li{display:flex;justify-content:space-between;border-bottom:1px dashed #ffffff33;padding:.25em 0}#receipt{background:#0006;padding:.8rem 1.2rem;border-radius:.8rem;font:600 1rem/1.4 ui-monospace,monospace;margin:0;text-align:left}.ico{width:1.15em;height:1.15em;fill:currentColor;vertical-align:-.2em;margin-right:.45em;flex:none}.reel{width:3.2rem;height:3.2rem;fill:currentColor;display:block;margin:0 auto .2rem}#slot b{color:var(--ink)}#slot.r-l b{color:#ffd36b}#slot.help b{color:#5dffa0}#feed li{display:flex;align-items:center}#mods{display:flex;gap:.8rem;justify-content:center}#mods span{display:inline-flex;align-items:center}#trick{position:absolute;top:40%;right:12%;text-align:right;opacity:0;transform:translateY(10px) scale(.9);pointer-events:none}#trick.on{animation:trickpop 1.3s ease-out forwards}#trick b{display:block;font-size:2rem;letter-spacing:.04em;color:#ffd36b;text-shadow:0 3px 0 #0009}#trick span{font-size:1.2rem;font-weight:800;text-shadow:0 2px 6px #000}@keyframes trickpop{0%{opacity:0;transform:translateY(14px) scale(.85)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.style-box{position:absolute;right:1.5rem;top:5.6rem;text-align:right}.style-box small{display:block;font-weight:800;letter-spacing:.15em;opacity:.65;font-size:.7rem}.style-box b{font-size:1.6rem;text-shadow:0 2px 8px #000a}.style-box em{font-style:normal;font-weight:800;color:#ffd36b;margin-left:.4rem;font-size:1.2rem}#vac{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);width:min(28rem,60vw);height:10px;border-radius:10px;background:#ffffff1f;opacity:0;transition:opacity .3s;overflow:visible}#vac span{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:.75rem;font-weight:800;letter-spacing:.2em;opacity:.8}#vac-fill{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#ffd36b,#ff3b5c);transform-origin:left;transform:scaleX(0)}#vac[data-hot="1"] #vac-fill{animation:pulse .18s infinite alternate}#vac[data-hot="1"] span{color:#ff5c7a}#voice{position:absolute;left:1.5rem;bottom:6rem;display:grid;justify-items:center;gap:.3rem;transition:opacity .3s}#voice small{font-size:.65rem;font-weight:800;letter-spacing:.15em;opacity:.7}#voice .bar{position:relative;width:14px;height:120px;border-radius:8px;background:#ffffff1f}#voice-fill{position:absolute;inset:0;border-radius:8px;background:linear-gradient(0deg,#7fd6ff,#a970ff 55%,#ff3b5c);transform-origin:bottom;transform:scaleY(0)}#voice .bar b{position:absolute;left:-4px;right:-4px;bottom:55%;height:2px;background:#fff;opacity:.8}#voice-goal{position:absolute;left:20px;width:6px;top:0;bottom:0;border-radius:6px;background:#5dff9b;transform-origin:bottom;transform:scaleY(0)}#voice[data-mode=quiet] #voice-goal{background:#ff3b5c}#voice[data-mode=quiet] .bar b{bottom:30%;background:#ff3b5c}.top #hazard{margin-top:.9rem;text-shadow:0 2px 8px #000c;font-size:1.05rem;letter-spacing:.04em}#room{opacity:0;transform:scale(.9);transition:opacity .6s,transform .6s}#room.enter{animation:roomIn 2.4s ease-out forwards}@keyframes roomIn{0%{opacity:0;transform:scale(1.5)}12%{opacity:1;transform:scale(1.25)}75%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}.ic svg{width:22px;height:22px;fill:currentColor;opacity:.85}#vac .ic{display:flex;justify-content:center;bottom:14px}#feed li.old{opacity:0;transform:translate(-12px);transition:opacity .8s,transform .8s}.keys{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;justify-content:center;margin-top:1.2rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;opacity:.85}.keys>span{display:inline-flex;align-items:center;gap:.45rem;text-transform:uppercase}kbd{font:800 .75rem/1 system-ui;padding:.4rem .55rem;border-radius:7px;background:#ffffff1a;border:1px solid #ffffff40;border-bottom-width:3px}.keys .ic svg,.cmds .ic svg{width:16px;height:16px;vertical-align:-3px}#count{position:absolute;inset:0;display:grid;place-items:center;font:900 9rem/1 system-ui;color:#fff;text-shadow:0 6px 30px #000a;opacity:0;pointer-events:none}#count.on{animation:countIn .65s ease-out}@keyframes countIn{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.confetti{position:fixed;top:-12px;width:9px;height:14px;border-radius:2px;z-index:50;animation:fall linear forwards;pointer-events:none}@keyframes fall{to{top:105vh;transform:translate(8vw) rotate(720deg)}}.cmds{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem}.cmds code{display:inline-block}#grades{display:flex;gap:.6rem;justify-content:center;margin:.4rem 0 1rem}#grades div{width:4.6rem;padding:.5rem 0 .4rem;border-radius:12px;background:#ffffff12;display:grid;justify-items:center;animation:gradeIn .4s backwards}#grades b{font:900 2rem/1 system-ui}#grades span{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-top:.25rem}.g-A b{color:#5dff9b}.g-B b{color:#5dd6ff}.g-C b{color:#ffd36b}.g-F b{color:#ff3b5c}@keyframes gradeIn{0%{opacity:0;transform:translateY(10px) scale(.8)}}#slot{top:9.5rem;left:auto;right:1.5rem;transform:translate(30px) scale(.9);min-width:0;width:15rem;padding:.6rem 1rem;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:.7rem;align-items:center}#slot.on{transform:none}#slot b{grid-row:span 2;font-size:2.2rem}#slot strong{font-size:1.05rem;line-height:1.1}#slot span{font-size:.75rem}#slot .reel{width:2.4rem;height:2.4rem}#count{font-size:7rem}#order{position:absolute;top:5.2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}#order span{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:#1b1530cc;font:800 .72rem/1 system-ui;letter-spacing:.1em;border:2px solid var(--c)}#order i{width:.7rem;height:.7rem;border-radius:50%;background:var(--c)}#order span.got{background:var(--c);color:#1b1530}#order span.got i{background:#1b1530}#order span.rule{border-color:#fff6e6;color:#fff6e6;background:#ff5fa2cc}#intro{display:block;place-content:initial;text-align:left;padding:1.4rem 3rem 2rem;color:#18332e;overflow-y:auto;background:linear-gradient(90deg,#fff6e6f5,#fff6e6e8 34%,#fff6e600 62%)}#intro .nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:4vh}#intro .logo{font:900 1.5rem/1 system-ui;letter-spacing:-.03em}#intro .logo em{font-style:normal;color:#ff6a4d;margin-left:.15em}#intro nav{display:flex;gap:.3rem}#intro nav button{background:transparent;color:#18332e;font-size:.78rem;letter-spacing:.14em}#intro nav button.on{background:#18332e;color:#fff6e6}#intro .panel{max-width:34rem;display:grid;gap:1.1rem;justify-items:start}#intro .kicker{font:800 .8rem/1 system-ui;letter-spacing:.18em;color:#ff6a4d}#intro h1{font:900 clamp(2.8rem,6.4vw,5.6rem)/.9 system-ui;letter-spacing:-.045em;color:#18332e}#intro h1 em{color:#ff6a4d}#intro .tag{font-size:1.08rem;color:#2c4a44;max-width:30rem}#intro h2{font:900 2.4rem/1 system-ui;letter-spacing:-.03em;margin:0}#intro h3{font:800 .75rem/1 system-ui;letter-spacing:.16em;margin:.6rem 0 0;opacity:.7}#intro .today small{font:800 .7rem/1 system-ui;letter-spacing:.16em;opacity:.65}#today-order{display:flex;gap:.45rem;margin-top:.45rem;flex-wrap:wrap}#today-order span{padding:.45rem .8rem;border-radius:999px;font:800 .78rem/1 system-ui;letter-spacing:.08em;background:var(--c);color:#18332e;box-shadow:inset 0 -3px #0002}#today-order span.rule{background:#18332e;color:#fff6e6}#intro button{background:#18332e14;color:#18332e}#intro button:hover{background:#18332e26}#intro button.big{background:#18332e;color:#fff6e6;box-shadow:0 6px #ff6a4d;border-radius:14px}#intro button.twitch{background:#9146ff;color:#fff}#intro .connect{flex-wrap:wrap}#intro .connect input{background:#fff;color:#18332e;border-color:#18332e33;width:11rem}#intro #chat-status{font:700 .75rem/1 system-ui;opacity:.7}#intro button.ghost{background:transparent;text-decoration:underline}#intro ol{list-style:none;padding:0;margin:0;display:grid;gap:.35rem;width:100%}#intro ol li{display:flex;justify-content:space-between;padding:.55rem .8rem;background:#18332e0d;border-radius:10px;font-weight:700}#intro .how li{justify-content:flex-start;gap:.8rem;align-items:center}.how b{font:900 1.4rem/1 system-ui;color:#ff6a4d}#intro kbd{background:#fff;border-color:#18332e40;color:#18332e}#intro .keys{justify-content:flex-start;opacity:1;color:#18332e}#intro .cmds{justify-content:flex-start;opacity:.85;color:#18332e}#intro code{background:#18332e;color:#fff6e6;padding:.15rem .45rem;border-radius:6px}#stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%}#stats-grid div{background:#18332e0d;border-radius:12px;padding:.8rem;text-align:center}#stats-grid b{display:block;font:900 2rem/1 system-ui}#stats-grid span{font:800 .62rem/1 system-ui;letter-spacing:.12em;opacity:.7}#stats-hist{display:grid;gap:.3rem;width:100%}#stats-hist div{display:grid;grid-template-columns:4rem 1fr;align-items:center;gap:.5rem;font:800 .75rem/1 system-ui}#stats-hist i{display:block;height:1.3rem;border-radius:5px;background:#ff6a4d;color:#fff;font-style:normal;padding:.2rem .4rem;min-width:1.4rem}@media(max-width:760px){#intro{padding:1rem;background:#fff6e6f2}#stats-grid{grid-template-columns:repeat(2,1fr)}}#intro>*{margin-left:0;margin-right:auto}#intro .nav{width:100%;max-width:none}#results{background:#fff6e6f2;color:#18332e}#results .kicker{color:#ff6a4d;font:800 .8rem/1 system-ui;letter-spacing:.18em}#results h2{font:900 clamp(2.4rem,5vw,4rem)/.95 system-ui;letter-spacing:-.04em;color:#18332e}#results #r-stats div{background:#18332e0d;border-radius:12px}#results #r-stats b{color:#18332e}#results h3,#results h4{color:#ff6a4d}#results ol li{background:#18332e0d;color:#18332e}#results button{background:#18332e14;color:#18332e}#results button.big{background:#18332e;color:#fff6e6;box-shadow:0 6px #ff6a4d;border-radius:14px}#results #grades div{background:#18332e0d}#results #grades span{color:#18332e}#results .cols{width:min(46rem,100%);grid-template-columns:1fr 1fr;gap:1.2rem;text-align:left}#results .g-A b{color:#14a05a}#results .g-B b{color:#1b86c8}#results .g-C b{color:#c98a00}#results .g-F b{color:#dc2f3f}#cues{position:absolute;inset:0;pointer-events:none;overflow:hidden}#cues .edge{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .15s}#cues .edge.on{opacity:1}#cues .edge i{position:absolute;left:-22px;top:-22px;width:44px;height:44px}#cues .edge i:after{content:"";position:absolute;right:-10px;top:12px;border:10px solid transparent;border-left:14px solid var(--c)}#cues .edge span{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;background:var(--c);display:grid;place-items:center;box-shadow:0 0 0 3px #fff8,0 4px 14px #0006;animation:edgepulse .5s infinite alternate}#cues .edge span svg{width:24px;height:24px;fill:#fff}#cues .edge em{position:absolute;top:44px;left:50%;transform:translate(-50%);white-space:nowrap;font:800 .7rem/1 system-ui;letter-spacing:.06em;background:#1b1530dd;padding:.25rem .45rem;border-radius:.4rem;color:#fff}@keyframes edgepulse{to{transform:scale(1.12)}}#cues .pop{position:absolute;top:42%;transform:translate(-50%);font:900 1.6rem/1 system-ui;text-shadow:0 3px 0 #000a,0 0 18px #0008;animation:popup 1.4s ease-out forwards;white-space:nowrap}#cues .pop.big{font-size:2.4rem}@keyframes popup{0%{opacity:0;transform:translate(-50%,20px) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-70px) scale(1)}}#minimap{position:absolute;right:1.2rem;bottom:1.2rem;height:min(236px,34vh);aspect-ratio:132 / 236;opacity:.92;filter:drop-shadow(0 4px 12px #0005)}#wind{position:absolute;top:30%;left:50%;transform:translate(-50%);display:none;align-items:center;gap:.3rem;color:#fff}#wind svg{width:34px;height:34px;fill:#fff}#wind b{font-size:3.4rem;line-height:1;display:inline-block;text-shadow:0 3px 10px #0007}#cues.windy #wind{display:flex}#cues.windwarn #wind{animation:blink .2s infinite alternate}@keyframes blink{to{opacity:.25}}#order{max-width:calc(100vw - 20rem);flex-wrap:wrap;justify-content:center}#salt{position:absolute;left:0;right:0;bottom:.35rem;text-align:center;font:900 .62rem/1 system-ui;letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px #000a}#salt:not(:empty){background:#5d8f7ccc;padding:.2rem 0}#hitflash{position:absolute;inset:0;opacity:0}#hitflash.on{animation:hitflash .6s ease-out}@keyframes hitflash{0%{opacity:1}to{opacity:0}}#progress,#mode,#order span.rule{display:none}.style-box{transition:opacity .3s}.style-box[data-zero="1"]{opacity:0}#minimap{opacity:0;transition:opacity .25s}#cues.map #minimap{opacity:.92}#order span.tips b{font-size:1.1rem;color:#5dff9b}#grades .served{grid-column:1 / -1;font:700 .8rem/1.4 system-ui;opacity:.8;margin:0}#ballot{position:absolute;left:50%;top:6.4rem;transform:translate(-50%) translateY(-8px);opacity:0;transition:opacity .2s,transform .2s;background:#1b1530e6;border-radius:.9rem;padding:.5rem .7rem .6rem;text-align:center;min-width:300px;box-shadow:0 8px 24px #0006;overflow:hidden}#ballot.on{opacity:1;transform:translate(-50%)}#ballot small{display:block;font:800 .62rem/1 system-ui;letter-spacing:.14em;opacity:.75;margin-bottom:.4rem}#ballot .opts{display:flex;gap:.4rem}#ballot .opts span{position:relative;flex:1;font:800 .75rem/1 system-ui;padding:.45rem .4rem;border-radius:.5rem;background:linear-gradient(90deg,#a970ff99 calc(var(--p, 0) * 100%),#ffffff14 0);white-space:nowrap}#ballot .opts em{font-style:normal;display:inline-block;background:#fff;color:#1b1530;border-radius:.3rem;padding:.1rem .3rem;margin-right:.35rem}#ballot .opts b{margin-left:.35rem;opacity:.8}#ballot>i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#a970ff;transform-origin:left}#ballot.result b{display:block;font:900 1.4rem/1.1 system-ui;color:#ff5c7a}#ballot.result span{font:700 .75rem/1.3 system-ui;opacity:.85}.style-box{display:none!important}#order span.streak{color:#ffd36b;border-color:#ffd36b}body.trayless .glass-meter{opacity:.3;filter:grayscale(1);transition:opacity .3s}#reacts{position:fixed;inset:40% 0 0;pointer-events:none;z-index:5;overflow:hidden}#reacts .react{position:absolute;bottom:-48px;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px #0006);animation:reactUp 2.6s ease-out forwards}@keyframes reactUp{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:1;transform:translateY(-50px) scale(1)}to{transform:translate(-18px,-52vh) scale(.9);opacity:0}}.glass-meter{display:none!important}#standings{position:absolute;left:.8rem;top:.8rem;width:max-content;max-width:min(14rem,30vw);padding:.4rem .5rem;background:#18181bd0;border-radius:6px;font:400 .78rem/1.45 Inter,Roobert,Helvetica Neue,Arial,sans-serif;color:#efeff1;pointer-events:none}#standings p{margin:0;padding:.12rem .2rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#standings p.me{background:#9147ff33}#standings .rk{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;margin-right:.35rem;border-radius:3px;background:#53535f;color:#fff;font:700 .68rem/1 Inter,Arial,sans-serif;vertical-align:-.12rem}#standings .rk.r1{background:#ffd166;color:#18181b}#standings .rk.r2{background:#9147ff}#standings .rk.r3{background:#ff8280}#standings span{font-weight:700}#standings em{font-style:normal;font-weight:600;color:#efeff1}#standings small{color:#adadb8;font-size:.75rem}.actions .join{display:inline-flex;gap:.3rem}.actions .join input{width:5.5rem;text-transform:uppercase;text-align:center;font:800 1rem system-ui;letter-spacing:.1em;border-radius:.7rem;border:2px solid #1b153022;padding:0 .5rem}#lobby{margin-top:1rem;padding:.9rem 1rem;border-radius:1rem;background:#1b153010;display:grid;gap:.5rem;max-width:34rem}#lobby b{font:900 1.1rem system-ui;letter-spacing:.08em}#lobby-code{color:#ff5c39}#lobby-players{display:flex;flex-wrap:wrap;gap:.4rem}#lobby-players span{background:var(--c);color:#fff;font:800 .8rem system-ui;padding:.3rem .6rem;border-radius:99px}#lobby small{opacity:.7}#twist{position:absolute;left:50%;top:16%;transform:translate(-50%,-30px) rotate(-4deg) scale(.6);opacity:0;pointer-events:none;z-index:30;background:#1b1530;color:#fff;border:4px solid var(--c, #ff4f6d);border-radius:18px;padding:.55em 1.2em .7em;text-align:center;box-shadow:0 8px 0 var(--c, #ff4f6d),0 18px 40px #0007;max-width:min(86vw,640px)}#twist small{display:block;font:900 .8rem/1 system-ui;letter-spacing:.25em;color:var(--c, #ff4f6d);margin-bottom:.3em}#twist b{display:block;font:900 clamp(2rem,5vw,3.4rem)/1 system-ui;letter-spacing:-.02em}#twist span{display:block;font:700 1.05rem/1.25 system-ui;opacity:.9;margin-top:.35em}#twist.on{animation:twistIn .45s cubic-bezier(.2,1.6,.4,1) forwards}#twist.off{animation:twistOut .3s ease-in forwards}@keyframes twistIn{0%{opacity:0;transform:translate(-50%,-60px) rotate(8deg) scale(1.6)}to{opacity:1;transform:translate(-50%) rotate(-3deg) scale(1)}}@keyframes twistOut{0%{opacity:1;transform:translate(-50%) rotate(-3deg) scale(1)}to{opacity:0;transform:translate(-50%,-20px) rotate(-3deg) scale(.8)}}#bombs{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:6px;align-items:center;pointer-events:none}#bombs i{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5a5266,#1b1530 70%);box-shadow:0 0 0 3px #ffd16688,0 4px 10px #0007;position:relative}#bombs i:after{content:"";position:absolute;left:11px;top:-7px;width:4px;height:8px;background:#c58b3e;border-radius:2px;box-shadow:0 -4px 6px #ffd166}#bombs span{margin-left:6px;font:900 .85rem system-ui;color:#fff;background:#1b1530cc;padding:.2em .5em;border-radius:6px}#today-order{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em;align-items:center}#today-order .rule{background:#18332e;color:#fff6e6;font:900 .85rem system-ui;padding:.35em .8em;border-radius:8px;letter-spacing:.06em}#today-order .tip{font:600 .9rem system-ui;opacity:.8}#today-order .best{font:800 .8rem system-ui;padding:.3em .7em;border-radius:8px;background:#ff6a4d22}#bombs i.co2{border-radius:8px;width:16px;background:linear-gradient(#bff0ff,#3fb8e6);box-shadow:0 0 0 3px #5dd6ff88,0 4px 10px #0007}#bombs i.co2:after{display:none}#grades .podium{list-style:none;padding:0;margin:.4em 0 1em;display:grid;gap:.35em}#grades .podium li{display:flex;align-items:center;gap:.7em;padding:.45em .8em;border-radius:10px;background:#18332e10;font:800 1rem system-ui}#grades .podium li:first-child{background:#ffd16655;font-size:1.15rem}#grades .podium li.me{outline:3px solid #ff6a4d}#grades .podium b{width:1.6em}#grades .podium span{flex:1}#grades .podium em{font-style:normal}#streamchat{position:absolute;left:.8rem;bottom:.8rem;width:min(18rem,34vw);display:flex;flex-direction:column-reverse;gap:.3rem;font:400 .74rem/1.4 Inter,Roobert,Arial,sans-serif;color:#efeff1;pointer-events:none}#streamchat header{align-self:flex-start;display:flex;align-items:center;gap:.35rem;padding:.28rem .5rem;border-radius:4px;background:#18181bd9;font-size:.64rem;letter-spacing:.05em;color:#adadb8}#streamchat header i{width:.42rem;height:.42rem;border-radius:50%;background:#eb0400;animation:livePulse 1.6s ease-in-out infinite}#streamchat header b{color:#efeff1;font-weight:800}#streamchat header .ch{color:#bf94ff;font-weight:700;letter-spacing:0}#streamchat header .n{letter-spacing:0}#streamchat kbd{font:700 .58rem/1 Inter,Arial,sans-serif;background:#ffffff1a;border-radius:3px;padding:.12rem .28rem;color:#efeff1}@keyframes livePulse{50%{opacity:.35}}#streamchat ol{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}#streamchat li{word-break:break-word;animation:chatIn .2s ease-out}#streamchat li span{font-weight:700}#streamchat li img{height:1.35em;vertical-align:middle;margin:-.2em .05em 0}#streamchat li.evt{background:#18181be0;border-left:3px solid var(--c, #9147ff);padding:.3rem .5rem;border-radius:0 5px 5px 0;transition:opacity .8s,transform .8s}#streamchat li.evt.old{opacity:0;transform:translate(-10px)}#streamchat li.evt q{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;quotes:none;color:#dedee3}#streamchat li.evt p{margin:.1rem 0 0;font-weight:800;font-size:.7rem;letter-spacing:.03em;color:var(--c, #bf94ff);text-transform:uppercase}#streamchat li.evt q+p:before{content:"↳  ";color:#adadb8}#streamchat .all{display:none;flex-direction:column;justify-content:flex-end;gap:.15rem;background:#18181be0;border-radius:6px;padding:.35rem .5rem;max-height:11.5rem;overflow:hidden}#streamchat.open .all{display:flex}#streamchat.open kbd{background:#9147ff}#streamchat .all li{animation:none;flex:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#streamchat li.cheer{background:#ffffff0f}#streamchat .b{display:inline-block;width:.85rem;height:.85rem;margin-right:.2rem;border-radius:3px;vertical-align:-.13rem}#streamchat .b.mod{background:#00ad03}#streamchat .b.vip{background:#e005b9}#streamchat .b.sub{background:#9147ff;border-radius:50%}#streamchat .b.bits{background:linear-gradient(135deg,#ff4f6d,#ffd166,#5dd39e,#4fc3ff);transform:rotate(45deg) scale(.8)}@keyframes chatIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#feed{display:none}#ballot{left:auto;right:.8rem;top:4.6rem;transform:translateY(-8px);min-width:0;width:min(15rem,30vw);background:#18181be6;border-radius:6px;text-align:left;padding:.55rem .6rem .65rem;font-family:Inter,Arial,sans-serif}#ballot.on{transform:none}#ballot small{font:700 .62rem/1 Inter,Arial,sans-serif;color:#adadb8;letter-spacing:.08em}#ballot .opts{flex-direction:column;gap:.3rem}#ballot .opts span{font:600 .74rem/1 Inter,Arial,sans-serif;border-radius:4px;padding:.42rem .45rem;background:linear-gradient(90deg,#9147ffaa calc(var(--p, 0) * 100%),#ffffff14 0);display:flex;align-items:center}#ballot .opts em{background:#9147ff;color:#fff;border-radius:3px}#ballot .opts b{margin-left:auto}#ballot>i{background:#9147ff}#ballot.result b{font:800 1.1rem/1.15 Inter,Arial,sans-serif;color:#bf94ff}#ballot.result span{font:500 .72rem/1.3 Inter,Arial,sans-serif}#keyhint{position:absolute;left:50%;bottom:3.6rem;transform:translate(-50%);display:flex;gap:.7rem;padding:.4rem .7rem;border-radius:8px;background:#18181bc0;font:700 .68rem/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#efeff1;pointer-events:none;white-space:nowrap;transition:opacity .8s}#keyhint.off{opacity:0}#keyhint span{display:inline-flex;align-items:center;gap:.3rem}#keyhint kbd{font:800 .62rem/1 Inter,Arial,sans-serif;background:#efeff1;color:#18181b;border-radius:3px;padding:.2rem .3rem}body.film #hud,body.film .vignette{display:none!important}