:root{--slime: #7dd11f;--slime-dark: #3c7a0c;--gold: #ffc23c;--ink: #10160e;--outline: .14em;--panel: rgba(10, 20, 12, .72);--frame: rgba(180, 240, 150, .28);--font: "Arial Black", "Arial Bold", Impact, "Haettenschweiler", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:#05090a;color:#eaffe4;font-family:var(--font);user-select:none;touch-action:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;overflow:hidden}.hidden{display:none!important}.plate{background:linear-gradient(180deg,#2e3e2ceb,#0e1810f0);border:.16em solid rgba(190,250,160,.35);border-radius:.7em;box-shadow:0 .25em #0000008c,inset 0 .14em #ffffff2e}.outlined{color:#fff;text-shadow:var(--outline) 0 0 var(--ink),calc(var(--outline) * -1) 0 0 var(--ink),0 var(--outline) 0 var(--ink),0 calc(var(--outline) * -1) 0 var(--ink),.1em .14em 0 rgba(0,0,0,.6);letter-spacing:.02em}#hud{position:absolute;inset:0;transition:opacity .35s ease}.hud-corner{position:absolute;top:clamp(.6rem,2vmin,1.4rem);display:flex;gap:.6em;align-items:flex-start}.hud-left{left:clamp(.6rem,2vmin,1.4rem);flex-direction:column}.hud-right{right:clamp(.6rem,2vmin,1.4rem);flex-direction:column;align-items:flex-end}.size-badge{padding:.32em .7em .4em;text-align:center;font-size:clamp(.9rem,2.6vmin,1.5rem);line-height:1}.size-badge .label{font-size:.62em;color:var(--slime);letter-spacing:.12em}.size-badge .value{font-size:1.5em;transition:color .15s ease}.size-badge .value.pop{animation:pop .34s ease-out}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.55)}to{transform:scale(1)}}.meters{display:flex;gap:.45em}.meter{width:clamp(1.1rem,3vmin,1.7rem);height:clamp(6rem,22vmin,11rem);position:relative;overflow:hidden;padding:.22em}.meter .fill{position:absolute;left:.22em;right:.22em;bottom:.22em;border-radius:.35em;transition:height .18s ease-out}.meter .ticks{position:absolute;inset:.22em;background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.34) 0 .1em,transparent .1em 1.2em);pointer-events:none}#meter-size .fill{background:linear-gradient(180deg,#d6ff6b,#3f9c12);box-shadow:0 0 .7em #96ff50cc}#meter-wet .fill{background:linear-gradient(180deg,#b8f4ff,#1b84c9);box-shadow:0 0 .7em #5ad2ffcc}#meter-wet.dry .fill{background:linear-gradient(180deg,#ffd08a,#d2400c);box-shadow:0 0 .9em #ff781ee6;animation:throb .5s ease-in-out infinite alternate}@keyframes throb{0%{opacity:.55}to{opacity:1}}.counter{display:flex;align-items:center;gap:.4em;padding:.3em .75em .34em .4em;font-size:clamp(.95rem,2.5vmin,1.45rem);line-height:1}.counter .coin{width:1.15em;height:1.15em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b8,var(--gold) 45%,#b87400);border:.1em solid #7a4b00;box-shadow:0 0 .6em #ffbe3ccc}.counter .value.pop{animation:pop .28s ease-out}#mute{pointer-events:auto;cursor:pointer;width:2.4em;height:2.4em;font-size:clamp(.8rem,2vmin,1.1rem);display:grid;place-items:center;border-radius:50%}.hud-top{position:absolute;top:clamp(.5rem,1.6vmin,1.2rem);left:50%;transform:translate(-50%);width:min(46rem,62vw);display:flex;flex-direction:column;align-items:center;gap:.5em}.logo{font-size:clamp(1.5rem,5.2vmin,3.6rem);line-height:.86;text-align:center;letter-spacing:.01em}.logo .a{display:block;color:#a8f24a;text-shadow:0 .05em 0 #2f5c07,0 .1em 0 #23470a,.09em 0 0 var(--ink),-.09em 0 0 var(--ink),0 .09em 0 var(--ink),0 -.09em 0 var(--ink),0 .22em .3em rgba(0,0,0,.65)}.logo .b{display:block;color:#ffb02e;text-shadow:0 .05em 0 #a35b00,0 .1em 0 #6f3d00,.09em 0 0 var(--ink),-.09em 0 0 var(--ink),0 .09em 0 var(--ink),0 -.09em 0 var(--ink),0 .22em .3em rgba(0,0,0,.65)}.progress-label{font-size:clamp(.5rem,1.5vmin,.82rem);letter-spacing:.16em}.progress{width:100%;display:flex;align-items:center;gap:.5em}.progress .track{flex:1;height:clamp(.7rem,2vmin,1.1rem);border-radius:999px;position:relative;overflow:hidden;padding:0}.progress .track .fill{position:absolute;inset:.13em;width:0;border-radius:999px;background:linear-gradient(90deg,#2ec4ff,#9df3ff);box-shadow:0 0 .7em #5adcffe6;transition:width .25s linear}.progress .cap{width:clamp(1.3rem,3.6vmin,2rem);height:clamp(1.3rem,3.6vmin,2rem);border-radius:50%;display:grid;place-items:center;font-size:clamp(.6rem,1.8vmin,1rem)}#torrent-bar{position:absolute;left:50%;bottom:clamp(4.5rem,14vmin,8rem);transform:translate(-50%);width:min(26rem,60vw);text-align:center;opacity:0;transition:opacity .2s ease}#torrent-bar.on{opacity:1}#torrent-bar .word{font-size:clamp(1rem,3.4vmin,2rem);color:#9ff0ff;text-shadow:.14em 0 0 var(--ink),-.14em 0 0 var(--ink),0 .14em 0 var(--ink),0 -.14em 0 var(--ink),0 0 1em rgba(120,230,255,.9);animation:shout .45s ease-in-out infinite alternate}@keyframes shout{0%{transform:scale(1) rotate(-1deg)}to{transform:scale(1.07) rotate(1deg)}}#torrent-bar .track{margin-top:.3em;height:.7em;border-radius:999px;overflow:hidden;position:relative}#torrent-bar .track .fill{position:absolute;inset:.1em;border-radius:999px;background:linear-gradient(90deg,#7fe6ff,#fff);box-shadow:0 0 .8em #7fe6ff}#prompt{position:absolute;bottom:clamp(1rem,4vmin,2.4rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6em;font-size:clamp(.95rem,3vmin,1.9rem);color:#ffe9a8;white-space:nowrap}#prompt .arrow{color:var(--gold);animation:nudge .85s ease-in-out infinite alternate}#prompt .arrow.right{animation-delay:.42s}@keyframes nudge{0%{transform:translate(-.18em);opacity:.65}to{transform:translate(.18em);opacity:1}}#warning{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.1rem,4vmin,2.4rem);color:#ff8a3c;opacity:0;transition:opacity .2s ease;text-align:center}#warning.on{opacity:1;animation:shout .35s ease-in-out infinite alternate}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.8rem,2.4vmin,1.6rem);padding:6vmin;text-align:center;pointer-events:auto;background:radial-gradient(ellipse at center,#040c08b8,#020604f5);animation:fadein .4s ease-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}.overlay .big-logo{font-size:clamp(2.6rem,11vmin,7rem);line-height:.84;animation:sway 3.4s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-1.5deg) scale(.99)}to{transform:rotate(1.5deg) scale(1.02)}}.overlay h2{font-size:clamp(1.6rem,6vmin,3.4rem);line-height:1}.overlay p{font-family:system-ui,sans-serif;font-weight:600;font-size:clamp(.8rem,2.2vmin,1.1rem);max-width:32em;line-height:1.6;color:#cfe8c8;text-shadow:0 .1em .3em rgba(0,0,0,.8)}.overlay .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,2vmin,1.4rem)}.overlay .stat{min-width:6.5em;padding:.55em .9em .65em;font-size:clamp(.85rem,2.4vmin,1.25rem)}.overlay .stat .k{display:block;font-size:.62em;letter-spacing:.14em;color:var(--slime)}.overlay .stat .v{display:block;font-size:1.5em;line-height:1.1}.btn{pointer-events:auto;cursor:pointer;border:none;font-family:var(--font);font-size:clamp(1rem,3.4vmin,1.8rem);padding:.5em 1.5em .62em;border-radius:.6em;color:#fff;background:linear-gradient(180deg,#7fd42a,#3f8c0d);border-bottom:.24em solid #245a06;box-shadow:0 .3em .9em #0009;text-shadow:.1em .1em 0 rgba(0,0,0,.45);transition:transform .09s ease,filter .15s ease}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(.16em);border-bottom-width:.1em}.btn.ghost{background:linear-gradient(180deg,#4a5a48,#26311f);border-bottom-color:#131a10;font-size:clamp(.75rem,2.2vmin,1.05rem)}.btn-row{display:flex;gap:clamp(.5rem,1.6vmin,1rem);flex-wrap:wrap;justify-content:center}.options{display:flex;flex-direction:column;gap:clamp(.5rem,1.8vmin,.9rem);width:min(26rem,84vw)}.opt-row{display:grid;grid-template-columns:5.5em 1fr 3em;align-items:center;gap:.7em;padding:.5em .8em;border-radius:.5em;background:var(--panel);border:.1em solid var(--frame);cursor:pointer}.opt-label{font-size:clamp(.62rem,1.9vmin,.85rem);letter-spacing:.08em;color:var(--slime);text-align:left}.opt-value{font-size:clamp(.62rem,1.9vmin,.85rem);text-align:right;font-variant-numeric:tabular-nums}.opt-slider{-webkit-appearance:none;appearance:none;width:100%;height:.55em;border-radius:.3em;background:linear-gradient(90deg,var(--slime-dark),var(--slime));border:.1em solid rgba(0,0,0,.55);cursor:pointer}.opt-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.1em;height:1.1em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b8,var(--gold) 55%,#b87400);border:.1em solid var(--ink);box-shadow:0 .15em .4em #000000b3}.opt-slider::-moz-range-thumb{width:1.1em;height:1.1em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b8,var(--gold) 55%,#b87400);border:.1em solid var(--ink)}.opt-toggle{grid-template-columns:5.5em 1fr auto}.opt-toggle input{position:absolute;opacity:0;width:0;height:0}.opt-box{grid-column:3;width:1.5em;height:1.5em;border-radius:.3em;background:#00000073;border:.12em solid var(--frame);position:relative}.opt-toggle input:checked+.opt-box{background:linear-gradient(180deg,#7fd42a,#3f8c0d)}.opt-toggle input:checked+.opt-box:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:1em;color:#fff}.opt-toggle input:focus-visible+.opt-box{outline:.15em solid var(--gold);outline-offset:.15em}.now-playing{color:var(--slime);opacity:.85}.keys{display:flex;gap:.5em;flex-wrap:wrap;justify-content:center;font-family:system-ui,sans-serif;font-size:clamp(.7rem,1.9vmin,.95rem);font-weight:700;color:#b7d3ae}.keys kbd{font-family:inherit;background:#ffffff1a;border:.1em solid rgba(255,255,255,.25);border-bottom-width:.2em;border-radius:.35em;padding:.2em .5em;margin:0 .15em}.legend{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;max-width:40em}.legend .chip{font-size:clamp(.6rem,1.8vmin,.9rem);padding:.3em .7em .36em;border-radius:.45em;border:.1em solid rgba(0,0,0,.5);border-bottom-width:.22em;color:#fff;text-shadow:.08em .08em 0 rgba(0,0,0,.55)}@media (max-width: 560px){.hud-top{width:76vw}.logo{font-size:clamp(1.2rem,6vmin,2rem)}}#rapids-banner{position:absolute;left:50%;bottom:clamp(4.5rem,14vmin,8rem);transform:translate(-50%);font-size:clamp(1rem,3.4vmin,2rem);color:#c8f7ff;text-shadow:.14em 0 0 var(--ink),-.14em 0 0 var(--ink),0 .14em 0 var(--ink),0 -.14em 0 var(--ink),0 0 1em rgba(150,235,255,.85);opacity:0;transition:opacity .25s ease;pointer-events:none}#rapids-banner.on{opacity:1;animation:shout .32s ease-in-out infinite alternate}