:root{--ink:#1a1033;--paper:#fffaf0;--accent:#ffb36b;--pink:#ff5a8a;--sun:#ffd23a;--sky:#5ae8ff;--grape:#8a5aff;--mint:#6be6a8;--shadow:0 6px 0 var(--ink);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--paper);-webkit-tap-highlight-color:transparent;font-family:Fredoka,Arial Rounded MT Bold,Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#1a1033;height:100%;margin:0;overflow:hidden}#stage,#stage canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#stage canvas{touch-action:none;cursor:grab}#stage canvas:active{cursor:grabbing}#ui{pointer-events:none;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.screen{opacity:0;visibility:hidden;pointer-events:none;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;transition:opacity .35s,visibility .35s;display:flex;position:absolute;inset:0}.screen.show{opacity:1;visibility:visible;pointer-events:auto}.screen.modal{background:radial-gradient(#1a103340,#1a1033b3)}.screen.modal .card{transition:transform .45s cubic-bezier(.2,1.6,.4,1);transform:translateY(30px)scale(.92)rotate(-1.5deg)}.screen.modal.show .card{transform:none}.sticker{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink), 0 18px 40px #00000059;border-radius:26px}.card{text-align:center;width:min(440px,100%);max-height:100%;padding:26px 24px 22px;overflow-y:auto}.card h2{letter-spacing:.5px;margin:0 0 12px;font-size:30px;font-weight:700}.muted{opacity:.7;margin:6px 0 14px;font-size:15px}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.btn{color:var(--ink);border:4px solid var(--ink);box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:999px;padding:10px 22px;font-size:19px;font-weight:700;transition:transform 80ms,box-shadow 80ms;position:relative}.btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn.primary{background:var(--sun)}.btn.friends{background:var(--sky)}.btn.ghost{box-shadow:none;background:0 0;border-color:currentColor}.btn.ghost:active{transform:translateY(2px)}.btn.big{padding:14px 34px;font-size:24px}.btn.small{box-shadow:0 4px 0 var(--ink);border-width:3px;padding:6px 14px;font-size:15px}.btn.big-w{width:100%;padding:14px;font-size:22px}.btn:disabled{opacity:.45;pointer-events:none}.icon-btn{width:46px;height:46px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);pointer-events:auto;background:#ffffffeb;border-radius:50%;place-items:center;font-size:20px;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.icon-btn.off{opacity:.45}#loading{background:#1a1033;gap:18px;font-size:18px}.loader-ball{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%,#ffb26b,#ff7a1a 45%,#c24a00);border-radius:50%;width:64px;height:64px;animation:.6s cubic-bezier(.3,0,.7,1) infinite alternate bounce}@keyframes bounce{0%{transform:translateY(-30px)}to{transform:translateY(10px)scale(1.12,.88)}}#title{justify-content:space-between}.title-wrap{flex-direction:column;align-items:center;gap:10px;margin-top:8vh;display:flex}.logo{letter-spacing:-2px;align-items:center;margin:0;font-size:clamp(48px,13vw,132px);font-weight:700;line-height:1;display:flex}.logo span{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink), 0 10px 30px #ff8c3c99;animation:2.4s ease-in-out infinite hop;display:inline-block}.logo span:first-child{color:#ffd23a;animation-delay:0s}.logo span:nth-child(2){color:#ff9a3c;animation-delay:80ms}.logo span:nth-child(3){color:#ff5a8a;animation-delay:.16s}.logo span:nth-child(4){color:#5ae8ff;animation-delay:.24s}.logo span:nth-child(7){color:#8aff7a;animation-delay:.48s}.logo span:nth-child(8){color:#b07aff;animation-delay:.56s}.logo .ball-o{border:4px solid var(--ink);background:linear-gradient(90deg, transparent 47%, var(--ink) 47%, var(--ink) 53%, transparent 53%), linear-gradient(0deg, transparent 47%, var(--ink) 47%, var(--ink) 53%, transparent 53%), radial-gradient(circle at 35% 30%, #ffb26b, #ff7a1a 50%, #d65600);width:.72em;height:.72em;box-shadow:0 6px 0 var(--ink);border-radius:50%;margin:0 .02em;animation-name:hop,spin;animation-duration:2.4s,3s;animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.32s;animation-fill-mode:none,none;animation-timeline:auto,auto}.logo .ball-o.b2{animation-delay:.4s}@keyframes hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-14px)rotate(-4deg)}90%{transform:translateY(2px)}}@keyframes spin{to{rotate:360deg}}.tagline{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a10338c;border-radius:99px;margin:4px 0 18px;padding:6px 16px;font-size:clamp(16px,4vw,22px);font-weight:600}.title-buttons{flex-direction:column;align-items:stretch;gap:14px;display:flex}.profile-chip{background:#1a103399;border:3px solid #fff9;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:4px 14px 4px 6px;font-size:17px;font-weight:600;display:flex}.profile-chip .avatar{background:var(--paper);border-radius:50%;place-items:center;width:34px;height:34px;font-size:24px;display:grid}.profile-chip .edit{opacity:.6;font-size:13px}.corner-toggles{top:calc(14px + var(--safe-top));gap:8px;display:flex;position:absolute;right:14px}.title-hint{opacity:.85;background:#1a103380;border-radius:99px;margin-bottom:8px;padding:6px 14px;font-size:15px}.field{text-align:left;flex-direction:column;gap:8px;margin:12px 0;font-weight:600;display:flex}.field input,.code-input input{font:inherit;border:4px solid var(--ink);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:16px;outline:none;width:100%;padding:10px 16px;font-size:22px;font-weight:600}.field input:focus,.code-input input:focus{box-shadow:0 0 0 4px var(--sun)}.swatches,.avatars{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:4px solid var(--ink);border-radius:50%;width:40px;height:40px;position:relative}.swatch:after{content:"";background:linear-gradient(90deg,#0000 46%,#0009 46% 54%,#0000 54%);border-radius:50%;position:absolute;inset:0}.swatch.sel,.avatar-pick.sel{outline:4px solid var(--grape);outline-offset:2px;transform:scale(1.1)}.avatar-pick{border:3px solid var(--ink);background:#fff;border-radius:14px;width:46px;height:46px;font-size:28px}#map{background:linear-gradient(#1a1033a6,#1a10331a 40%,#1a103399);justify-content:flex-start;padding-left:0;padding-right:0}.bar{justify-content:space-between;align-items:center;width:100%;max-width:1100px;padding:0 16px;display:flex}.bar h2{text-shadow:0 4px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;margin:0;font-size:30px}.btn.ghost{color:#fff}.card .btn.ghost{color:var(--ink)}.star-total{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:99px;padding:4px 14px;font-size:22px;font-weight:700}.star{color:#ffb800}.stage-track{scroll-snap-type:x mandatory;touch-action:pan-x;scrollbar-width:none;flex:1;align-items:center;gap:22px;width:100%;padding:30px max(24px,50vw - 150px);display:flex;overflow:auto hidden}.stage-track::-webkit-scrollbar{display:none}.stage-card{border:5px solid var(--ink);width:280px;height:min(420px,62vh);box-shadow:0 10px 0 var(--ink), 0 20px 40px #0006;scroll-snap-align:center;text-align:left;color:#fff;border-radius:30px;flex-direction:column;flex:none;justify-content:flex-end;padding:20px;transition:transform .25s cubic-bezier(.2,1.6,.4,1);display:flex;position:relative;overflow:hidden}.stage-card:nth-child(odd){transform:rotate(-1.5deg)}.stage-card:nth-child(2n){transform:rotate(1.5deg)}.stage-card:hover{transform:translateY(-8px)rotate(0)}.stage-card .num{background:#00000059;border-radius:99px;padding:4px 10px;font-size:15px;font-weight:700;position:absolute;top:14px;left:16px}.stage-card .emblem{text-align:center;filter:drop-shadow(0 8px #1a103399);font-size:96px;animation:3s ease-in-out infinite float;position:absolute;top:50px;left:0;right:0}@keyframes float{50%{transform:translateY(-10px)rotate(3deg)}}.stage-card h3{-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);margin:0;font-size:28px;line-height:1.05}.stage-card p{text-shadow:0 2px 6px #0009;margin:6px 0 10px;font-size:15px;font-weight:500}.stage-card .stars{letter-spacing:2px;color:#ffffff59;-webkit-text-stroke:2px var(--ink);font-size:30px}.stage-card .stars .on{color:#ffd23a}.stage-card .best{opacity:.9;font-size:14px;font-weight:600}.stage-card.locked{filter:grayscale(.85)brightness(.6);cursor:not-allowed}.stage-card.locked .emblem:after{content:"🔒";font-size:60px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.stage-card .play{background:var(--sun);border:4px solid var(--ink);width:54px;height:54px;box-shadow:0 4px 0 var(--ink);color:var(--ink);border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute;bottom:18px;right:16px}.intro-card{margin-top:48px;padding-top:10px;overflow:visible}.intro-emblem{filter:drop-shadow(0 6px 0 var(--ink));margin-top:-64px;font-size:84px;line-height:1.1;animation:3s ease-in-out infinite float}.intro-num{opacity:.6;letter-spacing:2px;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.intro-name{margin:2px 0 6px!important;font-size:36px!important}.intro-skill{margin:0 0 14px;font-size:18px}.intro-stars{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.intro-stars div{border:3px solid var(--ink);background:#f2ead8;border-radius:14px;padding:6px 12px;font-weight:600}.intro-stars div b{color:#e0a000}.hud{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.hud.show{opacity:1;visibility:visible}.hud-top{top:calc(12px + var(--safe-top));justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:12px;right:12px}.hud-score{border-radius:20px;flex-direction:column;align-items:center;min-width:96px;padding:6px 18px 8px;display:flex}.hud-score .label{text-transform:uppercase;letter-spacing:1px;opacity:.6;font-size:12px;font-weight:700}#hud-score{font-size:34px;font-weight:700;line-height:1;display:inline-block}#hud-score.bump{animation:.45s cubic-bezier(.2,2,.4,1) bump}@keyframes bump{30%{color:var(--pink);transform:scale(1.45)rotate(-6deg)}}.hud-mid{flex-direction:column;align-items:center;gap:6px;display:flex}.hud-balls{flex-wrap:wrap;justify-content:center;gap:4px;max-width:52vw;display:flex}.hud-balls i{border:3px solid var(--ink);width:22px;height:22px;box-shadow:0 3px 0 var(--ink);background:radial-gradient(circle at 35% 30%,#ffb26b,#ff7a1a 55%,#c24a00);border-radius:50%;transition:transform .3s,opacity .3s;display:block}.hud-balls i.used{opacity:.25;transform:scale(.7)}.hud-balls i.made{opacity:.6;background:radial-gradient(circle at 35% 30%,#c8ffb0,#4ad86a 55%,#1a8a3a);transform:scale(.8)}.hud-timer{border-radius:18px;padding:2px 18px;font-size:30px;font-weight:700;display:none}.hud-timer.urgent{background:var(--pink);color:#fff;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.hud-streak{top:calc(84px + var(--safe-top));opacity:0;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);align-items:center;gap:4px;font-size:26px;font-weight:700;transition:all .3s cubic-bezier(.2,1.8,.4,1);display:flex;position:absolute;left:14px;transform:scale(.6)}.hud-streak.show{opacity:1;transform:none}.hud-streak .label{font-size:14px}.hud-streak.fire .flame{font-size:34px;animation:.15s infinite alternate flicker}@keyframes flicker{to{transform:scale(1.15)rotate(6deg)}}.hud-wind{top:calc(84px + var(--safe-top));border-radius:18px;align-items:center;gap:8px;padding:6px 12px;font-size:18px;font-weight:700;display:none;position:absolute;right:14px}.hud-wind.show{display:flex}.wind-arrow{color:#2f8bff;font-size:26px;transition:transform .3s}.popups{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:24%;left:0;right:0}.popup{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);white-space:nowrap;font-size:clamp(36px,9vw,72px);font-weight:700;animation:1.4s cubic-bezier(.2,1.6,.4,1) forwards pop}.popup.small{-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink);font-size:clamp(22px,5vw,34px)}.popup.points{color:var(--sun)}.popup.swish{color:var(--sky)}.popup.fire{color:#ff7a1a}.popup.miss{color:#fff;opacity:.9;font-size:clamp(22px,5vw,32px)}@keyframes pop{0%{opacity:0;transform:scale(.2)rotate(-10deg)}15%{opacity:1;transform:scale(1.15)rotate(3deg)}25%{transform:scale(1)rotate(0)}80%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-40px)}}.hint{left:50%;bottom:calc(22% + var(--safe-bottom));background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;opacity:0;border-radius:20px;max-width:88vw;padding:10px 18px;font-size:18px;font-weight:600;transition:all .35s cubic-bezier(.2,1.6,.4,1);position:absolute;transform:translate(-50%)translateY(20px)}.hint.show{opacity:1;transform:translate(-50%)}.power-ring{opacity:0;pointer-events:none;width:110px;height:110px;margin:-55px 0 0 -55px;transition:opacity .15s;position:absolute}.power-ring.show{opacity:1}.power-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.power-ring circle{fill:none;stroke-width:9px}.power-ring .track{stroke:#1a103359}.power-ring .fill{stroke:var(--sun);stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264px;filter:drop-shadow(0 0 6px #ffd23acc)}.power-ring span{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.scoreboard{right:12px;top:calc(140px + var(--safe-top));flex-direction:column;gap:6px;display:flex;position:absolute}.sb-row{color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffaf0eb;border-radius:16px;align-items:center;gap:8px;min-width:130px;padding:3px 10px 3px 4px;font-size:15px;font-weight:600;transition:transform .3s;display:flex}.sb-row.me{background:var(--sun)}.sb-row .av{background:#fff;border:3px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.sb-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:90px;overflow:hidden}.sb-row .sc{font-size:18px;font-weight:700}.sb-row.done .sc:after{content:" ✓";color:#1a8a3a}.sb-row.flash{animation:.45s bump}.reactions{left:50%;bottom:calc(10px + var(--safe-bottom));pointer-events:auto;gap:6px;display:none;position:absolute;transform:translate(-50%)}.reactions.show{display:flex}.reactions button{border:3px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);background:#fffaf0e6;border-radius:50%;font-size:24px}.reactions button:active{box-shadow:none;transform:translateY(3px)scale(.9)}.floating-reacts{position:absolute;inset:0;overflow:hidden}.float-react{flex-direction:column;align-items:center;font-size:44px;animation:2.6s ease-out forwards rise;display:flex;position:absolute;bottom:60px}.float-react small{background:#1a103399;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1;transform:translateY(-30px)scale(1.2)}to{opacity:0;transform:translateY(-60vh)scale(1)rotate(15deg)}}.feed{left:12px;bottom:calc(70px + var(--safe-bottom));flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute}.feed div{background:#1a1033b3;border:2px solid #ffffff4d;border-radius:99px;padding:4px 12px;font-size:14px;font-weight:600;animation:4s forwards feed}@keyframes feed{0%{opacity:0;transform:translate(-20px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.countdown{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown span{color:var(--sun);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--ink);font-size:clamp(90px,30vw,220px);font-weight:700;animation:.9s cubic-bezier(.2,1.6,.4,1) forwards count}@keyframes count{0%{opacity:0;transform:scale(2.4)}30%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.8)}}.results-card{padding-top:14px}.results-stage{opacity:.6;text-transform:uppercase;letter-spacing:2px;margin:0;font-size:14px;font-weight:700}.big-stars{justify-content:center;gap:4px;margin:4px 0;display:flex}.bstar{color:#e8dfca;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:74px;line-height:1;transition:none;transform:scale(.6)}.bstar:nth-child(2){font-size:92px;transform:translateY(-10px)scale(.6)}.bstar.on{color:#ffd23a;filter:drop-shadow(0 0 12px #ffd23acc);animation:.6s cubic-bezier(.2,2,.4,1) forwards starPop}.bstar:nth-child(2).on{animation-name:starPop2}@keyframes starPop{0%{transform:scale(0)rotate(-90deg)}to{transform:scale(1)rotate(0)}}@keyframes starPop2{0%{transform:translateY(-10px)scale(0)rotate(-90deg)}to{transform:translateY(-10px)scale(1)rotate(0)}}.results-score{flex-direction:column;align-items:center;font-size:64px;font-weight:700;line-height:1;display:flex}.results-score small{opacity:.6;text-transform:uppercase;letter-spacing:2px;font-size:15px}.results-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.results-badges span{background:var(--pink);color:#fff;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:99px;padding:3px 12px;font-weight:700;transform:rotate(-3deg)}.results-badges span:nth-child(2){background:var(--mint);color:var(--ink);transform:rotate(2deg)}.results-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.results-stats div{border:3px solid var(--ink);background:#f2ead8;border-radius:14px;padding:6px 4px;font-size:13px;font-weight:600}.results-stats b{font-size:24px;display:block}.or{opacity:.6;align-items:center;gap:10px;margin:18px 0 10px;font-weight:600;display:flex}.or:before,.or:after{content:"";background:var(--ink);border-radius:3px;flex:1;height:3px}.code-input{gap:8px;display:flex}.code-input input{text-align:center;letter-spacing:10px;text-transform:uppercase;font-size:28px}.net-status{color:#c2185b;min-height:22px;margin:10px 0;font-weight:600}.room-code{letter-spacing:12px;color:var(--grape);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);margin:-6px 0 8px;font-size:64px;font-weight:700}.lobby-players{flex-direction:column;gap:6px;margin:14px 0;display:flex}.lp{border:3px solid var(--ink);text-align:left;background:#f2ead8;border-radius:16px;align-items:center;gap:10px;padding:6px 10px;font-size:18px;font-weight:600;animation:.4s cubic-bezier(.2,1.6,.4,1) slideIn;display:flex}.lp .av{background:#fff;border:4px solid;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.lp .nm{flex:1}.lp .tag{background:var(--sun);border:2px solid var(--ink);border-radius:99px;padding:1px 8px;font-size:12px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)scale(.9)}}.stage-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stage-chips button{border:3px solid var(--ink);background:#fff;border-radius:99px;padding:4px 12px;font-size:14px;font-weight:600}.stage-chips button.sel{background:var(--sun);box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.stage-chips.readonly button{pointer-events:none}#podium{background:radial-gradient(at 50% 70%,#1a103333,#1a1033bf);justify-content:center;gap:10px}.podium-title{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);color:var(--sun);margin:0;font-size:44px}.podium{align-items:flex-end;gap:10px;margin-top:30px;display:flex}.stand{flex-direction:column;align-items:center;width:110px;animation:.8s cubic-bezier(.2,1.6,.4,1) both standUp;display:flex}.stand:first-child{animation-delay:.6s}.stand:nth-child(2){animation-delay:1.2s}.stand:nth-child(3){animation-delay:.2s}@keyframes standUp{0%{opacity:0;transform:translateY(80px)}}.stand .av{width:76px;height:76px;box-shadow:0 5px 0 var(--ink);background:#fff;border:5px solid;border-radius:50%;place-items:center;font-size:48px;animation:2s ease-in-out infinite float;display:grid}.stand .nm{text-shadow:0 2px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin:6px 0 4px;font-size:18px;font-weight:700;overflow:hidden}.stand .block{border:4px solid var(--ink);width:100%;color:var(--ink);border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8px;font-weight:700;display:flex}.stand .block b{font-size:40px;line-height:1}.stand.p1 .block{background:var(--sun);height:170px}.stand.p2 .block{background:#dfe6f0;height:120px}.stand.p3 .block{background:#ffb07a;height:90px}.stand.p1 .av:before{content:"👑";margin-top:-78px;font-size:38px;position:absolute}.podium-rest{flex-direction:column;gap:6px;display:flex}.toast{left:50%;top:calc(18px + var(--safe-top));background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);text-align:center;z-index:10;border-radius:18px;max-width:90vw;padding:10px 18px;font-weight:600;transition:transform .4s cubic-bezier(.2,1.6,.4,1);position:absolute;transform:translate(-50%,-120px)}.toast.show{transform:translate(-50%)}@media (height<=560px){.title-wrap{margin-top:2vh}.logo{font-size:64px}.stage-card{height:70vh}.stage-card .emblem{font-size:64px;top:40px}}@media (width<=480px){.hud-balls{flex-wrap:nowrap;gap:2px;max-width:58vw}.hud-balls i{width:16px;height:16px;box-shadow:0 2px 0 var(--ink);border-width:2px}.hud-score{min-width:76px;padding:4px 12px 6px}#hud-score{font-size:28px}}