@font-face{font-family:Bangers;src:url(/fonts/bangers.ttf)}@font-face{font-family:Barlow;src:url(/fonts/barlow-bold.ttf);font-weight:500 900}:root{font-family:Barlow,sans-serif;color:#fff7dc;background:#163e49;font-synthesis:none;--ink: #142e38;--paper: #fff6d8;--lime: #d2f76b;--pink: #ff7399;--yellow: #ffd863}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #ff789d;outline-offset:4px}::selection{background:#ff7399;color:#142e38}#scene{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none}#ui button,#ui input,#ui .panel{pointer-events:auto}.topbar{position:absolute;inset:25px 32px auto;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{font:32px Bangers;letter-spacing:.03em}.brand em{font-style:normal;color:var(--lime)}.tools{display:flex;gap:9px;align-items:center}.tool{background:#16303b;color:var(--paper);border:1px solid #789295;padding:9px 14px;border-radius:7px;font-size:16px;min-height:40px}.tool:hover{background:#31525b}.connection{font-size:14px;color:#c8e0d9;background:#142f39;padding:9px 12px;border-radius:7px}.home-title{position:absolute;left:6%;top:16%;transform:rotate(-5deg);text-shadow:0 6px 14px #102e3880}.home-title h1{font:clamp(68px,8vw,116px)/.83 Bangers;margin:0;color:var(--yellow);letter-spacing:.01em;-webkit-text-stroke:1px #182e39}.home-title h1 span{display:block;color:var(--paper)}.home-title p{font-size:19px;letter-spacing:.03em;margin:20px 0 0;transform:rotate(5deg)}.hero-label{position:absolute;bottom:18%;left:23%;font:24px Bangers;color:#142e38;background:var(--lime);padding:8px 24px;transform:rotate(-5deg)}.setup{position:absolute;right:6%;top:17%;width:360px}.panel{background:var(--paper);color:var(--ink);padding:27px 28px;border-radius:14px;box-shadow:0 15px 40px #0a273450}.panel h2{font:38px Bangers;letter-spacing:.01em;margin:0 0 20px}.field-label{display:block;font-size:16px;margin-bottom:7px}.name-input,.code-input{width:100%;height:48px;padding:10px 13px;border:2px solid #a6b6a6;border-radius:6px;background:#fffced;color:var(--ink);font-size:20px;caret-color:#bd3159}.hat-label{margin-top:22px}.hats{display:flex;gap:7px;margin:8px 0 24px}.hat{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;padding:9px 1px 8px;background:#e1e4cc;color:#29434b;border:2px solid transparent;border-radius:7px;font-size:13px;min-width:0}.hat.active{background:var(--lime);border-color:#315035}.hat:hover{border-color:#618b5f}.hat svg{width:33px;height:29px;stroke-width:1.6}.primary{width:100%;background:#183941;color:var(--lime);font:26px Bangers;padding:14px 20px;border-radius:7px;letter-spacing:.035em;transition:background .15s,transform .15s}.primary:hover{background:#285e53;transform:translateY(-2px)}.secondary{width:100%;background:transparent;color:#264750;border:2px solid #adb8a1;font-size:18px;border-radius:7px;padding:10px;margin-top:10px}.secondary:hover{background:#e6edcf}.join-row{display:flex;gap:8px;margin-top:17px}.join-row input{width:60%;text-transform:uppercase}.join-row button{width:40%;margin:0;border:0;background:#dce6c6}.setup .fine{color:#45605d;font-size:14px;text-align:center;margin:15px 0 0}.controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:28px;background:#112d38ef;padding:15px 24px;border-radius:9px;white-space:nowrap;font-size:16px;box-shadow:0 5px 20px #102e3820}.control{display:flex;align-items:center;gap:9px}.control span{color:#d8e5dc}.keys{display:flex;gap:3px}kbd{font:16px Barlow;min-width:25px;text-align:center;background:#fff5d8;color:#19363e;border-bottom:3px solid #a2b9b0;padding:3px 6px;border-radius:4px}.control small{display:block;color:#b8cfc7;font-size:13px}.lobby{position:absolute;right:4%;top:105px;width:360px;max-height:calc(100vh - 210px);overflow:auto;scrollbar-color:#7b927a #eee9cb}.room-code{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.room-code strong{font:32px Bangers;letter-spacing:.1em}.copy{color:#284840;background:#d3e4bc;border:0;font-size:16px;padding:8px 12px;border-radius:5px}.roster{list-style:none;padding:0;margin:0 0 20px}.roster li{display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #c8ceb7;font-size:18px}.roster small{margin-left:auto;font-size:13px;color:#56705b}.swatch{width:13px;height:13px;border-radius:50%;background:var(--c)}.mode-buttons{display:flex;gap:5px;margin:7px 0 8px}.mode{flex:1;background:#dce3c8;color:#25423e;border-radius:5px;font-size:16px;padding:9px 6px;border:2px solid transparent}.mode.active{border-color:#2f5844;background:#c9ed8b}.mode-desc{font-size:15px;line-height:1.35;min-height:40px;color:#45605d;margin:8px 0 14px}.lobby-title{position:absolute;left:5%;top:20%;font:72px/.95 Bangers;color:var(--yellow);transform:rotate(-4deg);max-width:340px}.lobby-title small{display:block;font:19px Barlow;color:var(--paper);margin-top:20px;transform:rotate(4deg)}.match-top{position:absolute;top:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;text-align:center}.clock{font:48px Bangers;background:var(--paper);color:var(--ink);padding:8px 23px;border-radius:8px;font-variant-numeric:tabular-nums}.match-mode{font-size:18px}.live-board{position:absolute;right:25px;top:95px;width:190px;background:#122e39ef;padding:15px 16px;border-radius:9px}.live-board h3{font:24px Bangers;letter-spacing:.03em;margin:0 0 10px;color:var(--yellow)}.score-row{display:flex;align-items:center;gap:8px;font-size:16px;padding:6px 0}.score-row b{margin-left:auto;font-variant-numeric:tabular-nums}.score-row.me{color:var(--lime)}.score-row .who{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-status{position:absolute;left:28px;bottom:107px;width:250px;background:#14343eef;padding:14px 18px;border-radius:9px}.player-status .identity{display:flex;justify-content:space-between;font-size:19px}.hp-track{height:13px;background:#081d27;margin:8px 0;border-radius:3px;overflow:hidden}.hp-fill{height:100%;transform-origin:left;background:var(--lime);transition:transform .15s}.charge-track{height:6px;background:#0c2730;border-radius:3px}.charge-fill{height:100%;background:var(--yellow);width:0}.status-small{display:flex;justify-content:space-between;font-size:14px;margin-top:6px;color:#c6dace}.tags{position:fixed;inset:0;pointer-events:none}.tag{position:absolute;transform:translate(-50%,-100%);font-size:21px;color:#fff6d8;background:#102b3866;padding:3px 7px;border-radius:4px;white-space:nowrap}.tag.me{color:var(--lime)}.tag-hp{width:80px;height:3px;background:#6c7b68;margin:3px auto 0}.tag-hp i{display:block;height:100%;background:#d2f76b}.center-call{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-5deg);font:100px/.9 Bangers;color:var(--yellow);text-shadow:0 5px 16px #102734;text-align:center;pointer-events:none}.center-call small{display:block;font:22px Barlow;color:var(--paper);margin-top:16px;transform:rotate(5deg);white-space:nowrap}.recovery{position:absolute;left:50%;top:67%;transform:translate(-50%,-50%);background:#fff5d8;color:#16343e;padding:17px 28px;text-align:center;border-radius:9px;box-shadow:0 10px 25px #102d3850}.recovery strong{font:30px Bangers}.recovery p{margin:6px 0 0;font-size:18px}.recovery .steps{display:flex;gap:8px;justify-content:center;margin:10px 0 0}.recovery .steps i{width:42px;height:7px;border-radius:3px;background:#c6d1b6}.recovery .steps i.done{background:#417f45}.float{position:fixed;transform:translate(-50%,-50%) rotate(-8deg);font:42px Bangers;color:var(--yellow);text-shadow:2px 3px #19313a;animation:floatout .8s ease-out both;pointer-events:none}.float.pink{color:var(--pink)}@keyframes floatout{to{transform:translate(calc(-50% + var(--float-drift, 0px)),calc(-50% - 70px)) rotate(-8deg) scale(1.2);opacity:0}}.flash{position:fixed;inset:0;border:0 solid #fff2c0;pointer-events:none}.flash.hit{animation:flash .22s ease-out}@keyframes flash{0%{box-shadow:inset 0 0 120px #ffd65c9c}to{box-shadow:inset 0 0 0 transparent}}.feed{position:absolute;left:28px;top:132px;max-width:min(465px,calc(100vw - 56px))}.feed p{font-size:24px;background:#17313fe6;padding:7px 12px;border-radius:5px;margin:0 0 7px}.results{position:absolute;width:min(620px,calc(100% - 32px));left:50%;top:50%;transform:translate(-50%,-50%);padding:30px 36px;max-height:calc(100vh - 120px);overflow:auto}.results h2{font-size:50px;text-align:center;margin-bottom:5px}.winner{font-size:20px;text-align:center;color:#486148;margin:0 0 22px}.results table{border-collapse:collapse;width:100%;font-size:19px;margin:12px 0 24px}.results th{font-size:14px;text-align:right;color:#546b5c;padding:8px 5px;border-bottom:2px solid #b3c19b}.results td{padding:10px 5px;border-bottom:1px solid #c8d2b8;text-align:right}.results td:nth-child(2),.results th:nth-child(2){text-align:left}.results tr:first-child td{background:#d7eca961}.toast{position:absolute;top:82px;left:50%;transform:translate(-50%);max-width:90%;color:#19333a;background:#fff4d5;padding:12px 22px;border-radius:7px;font-size:18px;z-index:20;box-shadow:0 5px 24px #132d3966}.reconnect{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0e283bd9;font-size:25px;z-index:15;pointer-events:auto}.mobile-note,.touch{display:none}.hidden{display:none!important}.footer-note{position:absolute;bottom:105px;right:6%;font-size:14px;color:#d0e4da}.setup-join{font-size:16px;text-align:center;margin:15px 0 0;color:#465f59}@media(max-width:1000px){.setup{right:4%;width:320px}.home-title{left:5%;top:18%}.home-title h1{font-size:80px}.lobby-title{font-size:55px;max-width:230px}.controls{gap:15px;padding:12px 15px}.live-board{width:166px;right:15px}.player-status{left:16px;width:210px}}@media(max-width:700px){body{overflow:auto}.topbar{inset:14px 16px auto}.brand{font-size:26px}.connection{display:none}.tool{font-size:14px;padding:7px 9px;min-height:35px}.home-title{top:90px;left:7%}.home-title h1{font-size:65px}.home-title p{font-size:15px;margin-top:12px}.setup{inset:auto 16px 15px;width:auto}.setup.panel{padding:18px 20px}.setup h2{font-size:30px;margin-bottom:10px}.hat-label{margin-top:12px}.hats{margin-bottom:12px}.hero-label,.footer-note,.home-controls{display:none}.name-input{height:40px}.hat{padding:5px 2px}.hat svg{height:24px}.join-row{margin-top:10px}.setup .fine{margin-top:9px}.lobby{top:85px;left:16px;right:16px;width:auto;max-height:calc(100dvh - 160px);padding:20px}.lobby-title{display:none}.match-top{top:64px;gap:10px}.clock{font-size:32px;padding:5px 14px}.match-mode{font-size:14px}.live-board{top:120px;right:10px;width:135px;padding:10px}.live-board h3{font-size:20px}.score-row{font-size:13px;gap:4px}.score-row .who{max-width:80px}.player-status{bottom:120px;left:12px;width:180px;padding:10px}.controls.match-controls{display:none}.touch{display:flex;position:absolute;bottom:16px;left:16px;right:16px;justify-content:space-between;pointer-events:auto;touch-action:none}.touch button{width:48px;height:45px;background:#fff5d8ee;border-radius:6px;font-size:21px;color:#18343e;touch-action:none;-webkit-user-select:none;user-select:none}.touch .movement{display:grid;grid-template-columns:repeat(3,48px);gap:4px}.touch [data-key=w]{grid-column:2}.touch [data-key=a]{grid-column:1}.touch .actions{display:flex;align-items:end;gap:7px}.touch .actions button{width:65px;height:58px;font-size:17px}.touch .actions button:last-child{background:var(--lime)}.feed{top:122px;left:10px;max-width:min(285px,calc(100vw - 20px))}.feed p{font-size:19.5px;padding:5px 8px}.center-call{font-size:70px}.center-call small{font-size:17px;white-space:normal}.recovery{top:57%;width:270px}.results{padding:22px 20px}.results h2{font-size:40px}.results table{font-size:16px}.tag{font-size:18px}.mobile-note{display:block;font-size:14px;text-align:center;color:#536756;margin:8px 0 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}.float{animation:floatout .4s linear!important}}#impact{position:fixed;inset:0;pointer-events:none;z-index:4}.bot-controls{display:flex;gap:8px}.bot-controls .secondary{flex:1}.open-spots{font-size:15px!important;color:#50664f;padding-top:12px!important}.tongue-status{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:14px;color:#f6aac0}.tongue-status span{min-width:80px}.tongue-track{height:5px;background:#0c2730;flex:1;border-radius:3px;overflow:hidden}.tongue-track i{display:block;height:100%;background:#ff8bae;transform-origin:left}.roster{max-height:270px;overflow-y:auto;scrollbar-color:#8aa774 #e9edcf;scrollbar-width:thin}@media(max-width:700px){.roster{max-height:210px}}.room-heading{margin-bottom:20px}.room-heading h2{overflow-wrap:anywhere;margin-bottom:0}#room-name-form{display:flex;gap:8px}#room-name-form input{min-width:0;flex:1;font-size:20px}#room-name-form button{flex:none}.room-browser{margin-top:20px;border-top:1px solid #b7c7a4;padding-top:16px}.room-browser h3{font:24px Bangers;margin:0 0 10px}#room-list{max-height:180px;overflow-y:auto;scrollbar-color:#8aa774 #e9edcf}.room-option{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;background:#e0eac9;color:#173a3e;border-radius:7px;margin-bottom:7px}.room-option:hover:not(:disabled){background:#cce99a}.room-option strong{font-size:20px;display:block;overflow-wrap:anywhere}.room-option small{display:block;font-size:14px;margin-top:3px;color:#405d4c}.room-option b{font-size:17px;flex:none}.rooms-empty{font-size:16px;line-height:1.35;color:#48634f;margin:0}@media(max-width:700px){.room-browser{margin-top:12px;padding-top:10px}#room-list{max-height:115px}.room-option{padding:9px}}@media(min-width:701px)and (max-width:1000px){.match-top{top:85px}.live-board{top:170px}.tools .connection{display:none}}.super-smack{background:#ffd33d;color:#33162b;border:3px solid #33162b;border-radius:10px;padding:8px 12px;margin-bottom:10px;font-weight:900;font-size:20px;box-shadow:4px 4px #ed4674}.super-smack[hidden]{display:none}.respawn-energy{width:260px;max-width:100%;height:24px;margin:14px auto 8px;background:#24454a;border:3px solid #16343e;border-radius:14px;overflow:hidden}.respawn-fill{width:0;height:100%;background:linear-gradient(90deg,#75d750,#d4fa70);box-shadow:0 0 14px #bafa63;transition:width .1s ease-out}.respawn-count{font-weight:900;font-size:18px}@media(prefers-reduced-motion:reduce){.respawn-fill{transition:none}}.home-topbar{justify-content:flex-end}.home-title{top:30px;left:32px;transform:none}.home-title h1{font-size:clamp(58px,6vw,88px)}.home-title p{transform:none;font-size:16px;margin-top:14px}@media(max-width:700px){.home-title{top:70px;left:20px}.home-title h1{font-size:52px}.home-title p{font-size:13px}}.lobby{top:90px;left:4%;right:4%;width:auto;max-height:calc(100dvh - 180px);min-height:min(540px,calc(100dvh - 180px));padding:28px 36px}.lobby-header{margin-bottom:24px}.lobby-header h2{margin:0 0 6px;font-size:36px}.lobby-header p{margin:0;color:#48634f}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.lobby-settings,.lobby-frogs{min-width:0}.lobby-frogs{border-left:1px solid #c8ceb7;padding-left:40px}.lobby-frogs h3{font-size:24px;margin:0 0 12px}.lobby .roster{max-height:290px;margin-bottom:16px}.lobby .roster li{padding:10px 0}.lobby .mode-buttons{margin-bottom:18px}.lobby .mode{padding:13px 8px}.lobby .bot-controls{margin-top:12px}@media(max-width:700px){.lobby{top:85px;left:16px;right:16px;padding:24px;max-height:calc(100dvh - 160px);min-height:0}.lobby-header h2{font-size:28px}.lobby-grid{grid-template-columns:1fr;gap:24px}.lobby-frogs{border-left:0;border-top:1px solid #c8ceb7;padding:20px 0 0}}.lobby-grid{min-height:392px}.lobby-settings,.lobby-frogs{display:flex;flex-direction:column}.lobby-settings>#start{margin-top:auto}.lobby .roster{height:280px;min-height:280px;max-height:none;overflow:visible;margin:0 0 12px}.lobby .roster li{min-height:25px;padding:2px 0;font-size:17px;line-height:20px}.lobby .roster .open-spots{font-size:14px}.lobby .bot-controls{margin-top:auto;min-height:56px;align-items:stretch}.lobby .bot-controls button{margin:0}@media(max-width:700px){.lobby-grid{min-height:0}.lobby-settings>#start{margin-top:16px}.lobby .bot-controls{margin-top:12px}}@media(min-width:701px){.lobby{padding-top:20px;padding-bottom:20px}.lobby-header{margin-bottom:16px}}.feed-entry{display:grid;grid-template-rows:1fr;opacity:1;transform:translateY(0);transition:grid-template-rows .28s ease,opacity .28s ease,transform .28s ease}.feed-entry>div{min-height:0;overflow:hidden}.feed-entry.exiting{grid-template-rows:0fr;opacity:0;transform:translateY(-28px)}@media(prefers-reduced-motion:reduce){.feed-entry{transition:none}}.clock{position:absolute;top:80px;right:32px}.live-board{top:165px;right:32px}@media(max-width:700px){.clock{top:65px;right:16px}.live-board{top:125px;right:16px}.match-top{left:16px;transform:none;text-align:left}}.hud-icon{width:44px;height:44px;padding:11px;display:grid;place-items:center;background:#14343eb3;border:1px solid #fff6d830;border-radius:12px;color:#fff6d8}.hud-icon svg{width:22px;height:22px}.hud-icon:hover{background:#244c54ed}.hud-icon:focus-visible{outline:3px solid #d2f76b;outline-offset:3px}.match-toolbar .tools{position:fixed;top:24px;right:230px;flex-direction:column;gap:8px}.match-toolbar .connection{display:none}.match-sidebar{position:absolute;top:24px;right:24px;width:224px;padding:16px;background:#122e39e8;border-radius:16px;box-shadow:0 8px 24px #061b2638}.match-sidebar .match-top{position:static;transform:none;display:block;text-align:center}.match-sidebar .match-mode{font-size:17px;color:#fff6d8}.match-sidebar #goal{font-size:12px;color:#c7d8c6}.match-sidebar .clock{position:static;background:none;padding:6px 0 14px;color:#fff6d8;font-size:52px;line-height:1}.match-sidebar .live-board{position:static;width:auto;padding:14px 0 0;border-radius:0;background:none;border-top:1px solid #fff6d82b}.match-sidebar .live-board h3{font-size:23px;margin-bottom:10px}.match-sidebar .score-row{padding:7px 6px;border-radius:6px;font-size:16px}.match-sidebar .score-row>span:first-child{width:16px;color:#bdd0c3}.match-sidebar .score-row.me{background:#d2f76b18}.match-sidebar .score-row .who{flex:1;max-width:none}@media(max-width:700px){.match-sidebar{top:14px;right:12px;width:170px;padding:12px}.match-toolbar .tools{top:14px;right:174px;gap:6px}.match-toolbar .brand{display:none}.match-sidebar .clock{font-size:40px;padding-bottom:10px}.match-sidebar .match-mode{font-size:14px}.match-sidebar .live-board h3{font-size:20px}.match-sidebar .score-row{font-size:13px;padding:5px 2px}}.results{animation:results-float 4.8s ease-in-out infinite}@keyframes results-float{0%,to{transform:translate(-50%,calc(-50% + 3px))}50%{transform:translate(-50%,calc(-50% - 4px))}}.results th:first-child,.results td:first-child{text-align:center;width:64px}.results td:has(.rank-medal){padding-top:3px;padding-bottom:3px}.rank-medal{position:relative;display:inline-grid;place-items:center;width:56px;height:56px;vertical-align:middle;isolation:isolate}.rank-medal.gold{color:#f6c746;--medal-edge: #a56a18;--medal-light: #ffcd39b8}.rank-medal.silver{color:#d7e4ed;--medal-edge: #758b9c;--medal-light: #a6d9fff0}.rank-medal.bronze{color:#d99c6a;--medal-edge: #88542d;--medal-light: #eea363c7}.rank-medal:before{content:"";position:absolute;inset:-10px;z-index:-1;background:radial-gradient(circle,var(--medal-light),transparent 68%)}.rank-medal svg{width:56px;height:56px;overflow:visible}.medal-rays{opacity:.8}@media(prefers-reduced-motion:reduce){.results{animation:none!important}}.mode[data-map]{display:flex;align-items:center;justify-content:center;gap:10px}.map-icon{width:28px;height:28px;flex:none}.color-label{margin-top:14px}.frog-colors{display:flex;justify-content:center;gap:10px;margin:8px 0 12px}.frog-color{background:var(--frog-color);color:#17313a;width:44px;height:40px;border:2px solid transparent;border-radius:10px;padding:0;font-size:24px}.frog-color.active{border-color:#17313a}.frog-color:focus-visible{outline:3px solid #17313a;outline-offset:3px}.setup{max-height:calc(100dvh - 145px);overflow-y:auto}.recovery{top:auto;bottom:max(24px,5dvh);transform:translate(-50%)}.army-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lobby-frogs .army-heading h3{margin:0}.army-count{color:#48634f;font-size:16px;white-space:nowrap}.roster-hat{width:23px;height:23px;flex:none;fill:currentColor;stroke:#24443e;stroke-width:1.5}.recovery-comeback{bottom:auto;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);padding:12px 22px}.mode[data-mode]{display:flex;align-items:center;justify-content:center;gap:6px}.mode-symbol{display:inline-block;width:22px;height:22px;flex:none;vertical-align:middle;font-size:20px;line-height:22px}.heart-slot{position:relative;display:inline-block;width:16px;height:16px;flex:none}.heart-slot svg{display:block;width:16px;height:16px;fill:#53656a;stroke:#142e38;stroke-width:1}.heart-fill{position:absolute;top:0;left:0;height:100%;overflow:hidden;transition:width .1s linear}.heart-fill svg{fill:#f44f65}.health-hearts{display:flex;justify-content:center;gap:3px;margin-top:4px}.recovery-comeback{background:none;box-shadow:none;color:#fff5d8;padding:0;transform:translate(-50%,-100%);text-shadow:2px 2px 3px #102d38}.recovery-comeback strong{font-size:28px}.recovery-comeback .respawn-energy{display:flex;justify-content:center;gap:7px;width:auto;height:auto;margin:8px 0 0;padding:2px;border:0;border-radius:0;background:none;overflow:visible}.respawn-energy .heart-slot,.respawn-energy .heart-slot svg{width:32px;height:32px}@media(prefers-reduced-motion:reduce){.heart-fill{transition:none}}.match-sidebar.timer-hud{top:0;right:0;width:240px;padding:24px 24px 22px 20px;border-radius:0;box-shadow:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,#102e3cb8,#102e3c94 32%,#102e3c55 58%,#102e3c20 78%,#102e3c08 92%,#102e3c00);text-align:right;pointer-events:none}.timer-hud .clock{font-size:88px;padding:0;line-height:1;text-shadow:0 3px 10px #06192380}.timer-hud .match-mode{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:2px;font-size:19px;white-space:nowrap;text-shadow:0 2px 6px #061923}@media(max-width:700px){.match-sidebar.timer-hud{width:180px;padding:14px 12px 18px}.timer-hud .clock{font-size:64px}.timer-hud .match-mode{font-size:15px;gap:4px;margin-top:0}}.rank-medal{--gleam-delay: 0s}.rank-medal.silver{--gleam-delay: -1.4s}.rank-medal.bronze{--gleam-delay: -2.8s}.rank-medal .medal-rays{transform-origin:32px 32px;animation:medal-rays-turn 12s linear infinite}.rank-medal:before{animation:medal-glow-breathe 3.6s ease-in-out infinite;animation-delay:var(--gleam-delay)}.medal-gleam{animation:medal-gleam-pass 4.8s ease-in-out infinite;animation-delay:var(--gleam-delay)}@keyframes medal-rays-turn{to{transform:rotate(360deg)}}@keyframes medal-glow-breathe{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes medal-gleam-pass{0%,15%{transform:translate(-20px);opacity:0}22%{opacity:1}48%{transform:translate(76px);opacity:1}55%,to{transform:translate(76px);opacity:0}}@media(prefers-reduced-motion:reduce){.rank-medal .medal-rays,.rank-medal:before,.medal-gleam{animation:none!important}.medal-gleam{display:none}}.lobby .mode-buttons:has([data-mode]){margin-bottom:0}.lobby .mode-buttons+.mode-desc{margin-top:6px}.home-title h1{white-space:nowrap}.home-title h1 span{display:inline}.home-title .title-quote{display:inline-block;transform-origin:50% 50%;animation:quote-dance 3.2s ease-in-out infinite}@keyframes quote-dance{0%,to{transform:translateY(0) rotate(-2deg)}30%{transform:translateY(-4px) rotate(1.5deg)}65%{transform:translateY(-1px) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.home-title .title-quote{animation:none!important;transform:none}}.home-title .title-quote{font-size:32px}@media(max-width:700px){.home-title .title-quote{font-size:26px}}.home-title h1{font-size:clamp(116px,12vw,176px)}.home-title .title-quote{position:relative;z-index:1;margin-top:-8px;margin-left:12px}@media(max-width:700px){.home-title h1{font-size:104px}.home-title .title-quote{margin-top:-6px;margin-left:6px}}.volume-control{position:relative}.volume-popover{position:absolute;right:100%;top:0;padding:14px 16px;width:78px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#12313cf2;color:#fff6d8;border-radius:14px;box-shadow:0 8px 24px #061b2640;opacity:0;visibility:hidden;transform:translate(5px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.volume-control.volume-open .volume-popover{opacity:1;visibility:visible;transform:translate(0)}.volume-heading,#volume-value{font-size:14px;font-variant-numeric:tabular-nums}#volume{writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;width:10px;height:120px;min-width:0;padding:0;border:0;border-radius:6px;background:linear-gradient(to top,#c9ed8b var(--volume),#56716f var(--volume));cursor:pointer}#volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:14px;border-radius:5px;border:2px solid #d4ecb4;background:#fff6d8;box-shadow:0 2px 6px #071e2c60}#volume::-moz-range-thumb{width:24px;height:14px;border-radius:5px;border:2px solid #d4ecb4;background:#fff6d8}#volume:focus-visible{outline:2px solid #fff6d8;outline-offset:7px}.hud-icon{border:0;border-radius:0;background:radial-gradient(ellipse at center,#14343e9e,#14343e66 38%,#14343e00 74%);box-shadow:none}.hud-icon:hover{background:radial-gradient(ellipse at center,#244c54e0,#244c5490 38%,#244c5400 74%)}.match-toolbar .tools{position:fixed;top:auto;bottom:max(20px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%);flex-direction:row;gap:4px}.match-toolbar .volume-popover{top:auto;bottom:calc(100% + 8px);left:0;right:auto}@media(max-width:700px){.match-toolbar .tools{gap:0}}.match-toolbar .brand{font:76px/.9 Bangers;letter-spacing:.01em;white-space:nowrap;-webkit-text-stroke:1px #182e39;text-shadow:0 6px 14px #102e3880}.match-toolbar .logo-frog{color:var(--yellow)}.match-toolbar .logo-pie{color:var(--paper)}@media(max-width:700px){.match-toolbar .brand{display:block;font-size:48px}}.tag{text-align:center;background:none;isolation:isolate;text-shadow:0 1px 3px #102b38}.tag:before{content:"";position:absolute;inset:-7px -12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at center,#102b3870,#102b385c 45%,#102b3826 72%,#102b3800)}.volume-popover .music-toggle{flex:0 0 auto;width:40px;height:40px;min-width:40px;padding:8px}.volume-popover .music-toggle[aria-pressed=false]{color:#b0bec4}.score-hud{position:absolute;top:18px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;color:var(--paper);min-width:150px;perspective:450px}.score-caption{display:block;font-size:22px;font-weight:800;letter-spacing:.2em;color:#fff6d8b3;text-shadow:0 2px 5px #102e3c}.score-total{display:flex;justify-content:center;gap:0;background:transparent;overflow:visible;font:76px/1.18 Bangers;color:var(--yellow);text-shadow:0 3px 0 #183340,0 6px 18px #102e3c99;-webkit-text-stroke:1px #183340;white-space:nowrap}.score-digit{display:inline-block;flex:0 0 auto;overflow:visible;background:transparent;vertical-align:top;perspective:160px}.score-digit>span{display:inline-block;background:transparent;overflow:visible}.score-gains{position:absolute;top:92px;left:50%}.score-gain{position:absolute;left:0;top:0;font:32px/1 Bangers;color:#e6ff95;white-space:nowrap;text-shadow:0 2px 0 #173440,0 0 12px #ccf77480;animation:score-gain-flight .95s cubic-bezier(.2,.7,.3,1) both}@keyframes score-gain-flight{0%{opacity:0;transform:translate(calc(-50% + var(--gain-x)),22px) rotate(-12deg) scale(.5)}20%{opacity:1;transform:translate(calc(-50% + var(--gain-x)),4px) rotate(7deg) scale(1.3)}55%{opacity:1;transform:translate(calc(-50% + var(--gain-x)),-8px) rotate(-4deg) scale(1)}to{opacity:0;transform:translate(-50%,-62px) rotate(12deg) scale(.5)}}@media(max-width:700px){.score-hud{top:17px;min-width:80px}.score-caption{font-size:18px;letter-spacing:.1em}.score-total{font-size:48px}.score-gains{top:64px}.score-gain{font-size:25px}}@media(prefers-reduced-motion:reduce){.score-gain{animation:none;transform:translate(-50%)}}.setup #create{margin-top:14px}.score-digit+.score-digit{margin-left:-.035em}.health-hearts.shielded .heart-slot svg{stroke:#8bdffc;stroke-width:1.8}.timer-hud .clock{display:flex;justify-content:center;padding-right:8px}.timer-hud .clock-digit{display:inline-block;flex:0 0 .52em;width:.52em;text-align:center}.timer-hud .clock-colon{display:inline-block;flex:0 0 .22em;width:.22em;text-align:center}.timer-hud .match-mode{justify-content:center;padding-right:8px}.result-contestant{display:inline-flex;align-items:center;gap:8px}.contestant-icon{width:20px;height:20px;flex:0 0 20px;opacity:.8}.setup{display:flex;flex-direction:column}.setup>*{flex-shrink:0}.setup .room-browser{display:flex;flex-direction:column;flex:1 1 auto;min-height:80px}.setup #room-list{flex:1 1 auto;min-height:0;max-height:none}@media(min-width:701px){.lobby{height:calc(100dvh - 114px);max-height:calc(100dvh - 114px);min-height:0;display:flex;flex-direction:column}.lobby-grid{flex:1 0 auto;min-height:480px}.lobby-settings>#start,.lobby .bot-controls{margin-top:auto;flex-shrink:0}.lobby-settings .mode-desc{margin-bottom:32px}.lobby .roster{flex:1 0 280px;height:auto;margin-bottom:32px}}@media(max-width:700px){.lobby{max-height:calc(100dvh - 109px)}.lobby-settings>#start{margin-top:32px}.lobby .bot-controls{margin-top:32px}}.room-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}.lobby-settings>#start{margin-top:20px}.lobby-settings .mode-desc{margin-bottom:0}@media(min-width:701px){.lobby{height:auto;min-height:0}.lobby-grid{flex:0 0 auto;min-height:0}.lobby .roster{flex:1 0 250px;min-height:250px;height:auto;margin-bottom:20px}.lobby-settings>#start{margin-top:auto}.lobby-settings .mode-desc{margin-bottom:20px}.lobby .bot-controls{margin-top:auto}}.room-count{line-height:1}.room-frog-icon{display:block;width:20px;height:20px;flex:0 0 20px}.room-option .room-count{font-size:25.5px;gap:7.5px}.room-frog-icon{width:20px;height:20px;flex-basis:20px}.tag .health-hearts{margin-top:4px;margin-bottom:0}.touch.thumb-controls{display:none}.mobile-controls .thumb-controls{display:flex;position:fixed;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;z-index:4}.mobile-controls .joystick{position:relative;width:136px;height:136px;border-radius:50%;background:#102e3955;border:2px solid #fff6d866;box-shadow:inset 0 0 22px #102e3940;pointer-events:auto;touch-action:none}.joystick-ring{position:absolute;inset:22%;border:1px solid #fff6d850;border-radius:50%}.joystick-knob{position:absolute;width:58px;height:58px;left:calc(50% - 29px);top:calc(50% - 29px);border-radius:50%;background:#fff6d8cf;border:3px solid #fff6d8;box-shadow:0 4px 12px #102e3950;transform:translate(var(--stick-x, 0px),var(--stick-y, 0px));transition:background .12s}.joystick.active .joystick-knob{background:#d2f76b;border-color:#e8ffac}.mobile-controls .thumb-controls .splat-button{width:108px;height:108px;border-radius:50%;background:#d2f76be8;color:#173a3e;border:3px solid #f0ffc0;box-shadow:0 6px #284a44,0 10px 22px #102e3945;font:32px Bangers;letter-spacing:.03em;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform 80ms,box-shadow 80ms}.mobile-controls .thumb-controls .splat-button.pressed{transform:translateY(4px) scale(.95);box-shadow:0 2px #284a44}.mobile-controls .match-toolbar .tools{bottom:max(12px,env(safe-area-inset-bottom))}.mobile-controls .match-toolbar .hud-icon{width:40px;height:40px;padding:9px}.mobile-controls .feed{top:105px;max-width:min(330px,75vw)}.mobile-controls .feed p{font-size:17px}@media(orientation:portrait){.mobile-controls .match-toolbar{inset:max(18px,env(safe-area-inset-top)) 14px auto}.mobile-controls .match-toolbar .brand{font-size:clamp(26px,7vw,40px)}.mobile-controls .score-hud{top:max(12px,env(safe-area-inset-top));min-width:70px}.mobile-controls .score-total{font-size:44px}.mobile-controls .score-caption{font-size:16px}.mobile-controls .timer-hud{width:118px;padding:max(14px,env(safe-area-inset-top)) 6px 18px}.mobile-controls .timer-hud .clock{font-size:44px;padding-right:0}.mobile-controls .timer-hud .match-mode{font-size:12px;gap:3px;padding-right:0}.mobile-controls .timer-hud .mode-symbol{width:15px;height:15px}.mobile-controls .thumb-controls{bottom:max(54px,calc(env(safe-area-inset-bottom) + 38px))}.mobile-controls .tag{font-size:16px}.mobile-controls .results{max-height:calc(100dvh - 100px);overflow:auto;padding:20px 14px}.mobile-controls .results table{font-size:14px}}@media(orientation:landscape)and (max-height:600px){.mobile-controls .match-toolbar{inset:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-left)) auto}.mobile-controls .match-toolbar .brand{font-size:42px}.mobile-controls .score-hud{top:8px}.mobile-controls .score-total{font-size:48px}.mobile-controls .timer-hud{width:155px;padding:10px 16px 12px}.mobile-controls .timer-hud .clock{font-size:48px}.mobile-controls .timer-hud .match-mode{font-size:13px}.mobile-controls .joystick{width:112px;height:112px}.mobile-controls .thumb-controls .splat-button{width:90px;height:90px;font-size:28px}.mobile-controls .feed{top:78px}.mobile-controls .feed p{font-size:14px;padding:4px 8px}.mobile-controls .tag{font-size:15px}.mobile-controls .setup{inset:65px 20px auto auto;width:min(360px,48vw);max-height:calc(100dvh - 80px)}.mobile-controls .home-title{top:72px;left:20px}.mobile-controls .home-title h1{font-size:68px}.mobile-controls .title-quote{font-size:22px}.mobile-controls .lobby{top:65px;max-height:calc(100dvh - 80px)}.mobile-controls .results{max-height:calc(100dvh - 80px);overflow:auto;padding:18px}}.lobby.panel,.results.panel,.home-view .setup.panel{background:#f5faf861;-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08);border:1px solid rgba(255,255,255,.38);box-shadow:16px 22px 36px -6px #061a247d,5px 8px 14px #061a2445,inset 0 1px #ffffff70}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.lobby.panel,.results.panel,.home-view .setup.panel{background:#ebf4efd1}}.mobile-controls.home-view{--home-hero-height: max(420px, 66svh)}.mobile-controls.home-view body{overflow-x:hidden;overflow-y:auto}.mobile-controls.home-view #app{position:relative;min-height:100dvh}.mobile-controls.home-view #scene{position:fixed;inset:0;height:100svh}.mobile-controls.home-view #ui{position:relative;inset:auto;padding-top:var(--home-hero-height);padding-bottom:max(24px,env(safe-area-inset-bottom));pointer-events:auto}.mobile-controls.home-view .home-title{position:fixed;top:76px;left:16px;right:16px;text-align:center}.mobile-controls.home-view .home-title h1{font-size:clamp(64px,18vw,100px)}.mobile-controls.home-view .home-title .title-quote{font-size:clamp(20px,5vw,28px)}.mobile-controls.home-view .setup{position:relative;inset:auto;width:min(480px,calc(100% - 32px));height:auto!important;max-height:none;margin:0 auto;overflow:visible}.mobile-controls.home-view .setup #room-list{max-height:none;overflow:visible}.mobile-controls.home-view .home-topbar{position:fixed;top:max(18px,env(safe-area-inset-top));left:16px;right:16px}.mobile-controls.home-view .setup.panel{padding:20px;background:#f0f8f366;-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08);border:1px solid rgba(255,255,255,.48);box-shadow:14px 20px 32px -5px #061a247d,4px 7px 12px #061a2445,inset 0 1px #ffffff60}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mobile-controls.home-view .setup.panel{background:#ebf4efd1}}.home-topbar .tools{flex-direction:column;gap:0}.lobby-view,.lobby-view body{scrollbar-width:none}.lobby-view::-webkit-scrollbar,.lobby-view body::-webkit-scrollbar{display:none}.lobby-view body{overflow-x:hidden;overflow-y:auto}.lobby-view #app{position:relative;min-height:100dvh}.lobby-view #ui{position:relative;inset:auto;padding:90px 0 max(24px,env(safe-area-inset-bottom));pointer-events:auto}.lobby-view .topbar{position:fixed}.lobby-view .lobby.panel{position:relative;inset:auto;width:92%;max-width:1100px;height:auto;max-height:none;min-height:0;margin:0 auto;overflow:visible}@media(max-width:700px){.lobby-view #ui{padding-top:85px}.lobby-view .lobby.panel{width:calc(100% - 32px)}}@media(max-width:700px){.lobby-view .lobby .roster{flex:0 0 auto;height:auto;min-height:0;max-height:none;margin-bottom:0}.lobby-view .lobby .bot-controls{margin-top:16px}}.lobby-view .brand{font:48px/.9 Bangers;letter-spacing:.01em;white-space:nowrap;-webkit-text-stroke:1px #182e39;text-shadow:0 6px 14px #102e3880}.lobby-view .logo-frog{color:var(--yellow)}.lobby-view .logo-pie{color:var(--paper)}@media(max-width:700px){.lobby-view .brand{font-size:clamp(28px,8vw,40px)}}.lobby .roster li{justify-content:center;text-align:center}.lobby .roster-name{min-width:0;overflow-wrap:anywhere}.lobby .roster .contestant-icon{color:#355c55}.roster-reconnecting{color:#355c55;font-size:16px}.lobby .room-heading,.lobby-settings>.field-label{text-align:center}.lobby .army-heading{justify-content:center}.lobby .roster{width:min(100%,260px);align-self:center;margin-left:auto;margin-right:auto}.lobby .roster li{display:grid;grid-template-columns:23px minmax(0,1fr) 20px;justify-content:normal;text-align:left}.lobby .roster li:has(.roster-reconnecting){grid-template-columns:23px minmax(0,1fr) 20px 16px}.match-toolbar .tools,.mobile-controls .match-toolbar .tools{top:max(20px,env(safe-area-inset-top));bottom:auto;left:auto;right:240px;transform:none;flex-direction:column;gap:0}.match-toolbar .volume-popover{top:0;bottom:auto;left:auto;right:calc(100% + 8px)}@media(max-width:700px){.match-toolbar .tools{right:180px}}@media(orientation:portrait){.mobile-controls .match-toolbar .tools{top:max(14px,env(safe-area-inset-top));right:118px}}@media(orientation:landscape)and (max-height:600px){.mobile-controls .match-toolbar .tools{top:max(10px,env(safe-area-inset-top));right:155px}}@media(max-width:380px)and (orientation:portrait){.mobile-controls .match-toolbar .tools{top:max(80px,calc(env(safe-area-inset-top) + 66px))}}.results.panel{color:#071f29;background:#f5faf885}.results .winner,.results th{color:#102e38}.results .contestant-column{width:28px;min-width:28px;text-align:center;padding-left:3px;padding-right:3px}.results .contestant-column .contestant-icon{display:block;margin:0 auto;color:#102e38;opacity:1}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.results.panel{background:#ebf4efe6}}.topbar button.brand{background:transparent;border:0;padding:0;text-align:left}.topbar button.brand:focus-visible{outline:2px solid var(--lime);outline-offset:6px;border-radius:4px}.feed p{font-size:27px;line-height:1.15;margin:0 0 2px;padding:4px 14px;border-radius:0;background:radial-gradient(ellipse at center,#102c3bd6,#102c3bb0 38%,#102c3b66 65%,#102c3b20 84%,#102c3b00);text-shadow:0 1px 3px #061923b3}@media(max-width:700px){.feed p{font-size:22px}}.mobile-controls .feed p{font-size:19px;padding:3px 10px}@media(orientation:landscape)and (max-height:600px){.mobile-controls .feed p{font-size:16px;padding:3px 10px}}.results.panel{top:calc(50% + 65px);max-height:calc(100dvh - 180px)}.mobile-controls .results.panel{top:calc(50% + 40px);max-height:calc(100dvh - 120px)}.volume-control{display:flex;align-items:center;gap:5px;padding-right:3px}.connection-light{--connection-color: #ff6464;display:block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;border:1px solid #ffffff90;background:radial-gradient(circle at 35% 30%,#ffffffcf,var(--connection-color) 48%);box-shadow:0 0 6px var(--connection-color),0 0 12px color-mix(in srgb,var(--connection-color) 45%,transparent)}.connection-light[data-status=good]{--connection-color: #68ef87}.connection-light[data-status=degraded]{--connection-color: #ffd35a}.debug-hitboxes *,.debug-hitboxes *:before,.debug-hitboxes *:after{animation:none!important;transition:none!important}.debug-hitboxes:after{content:"HITBOX DEBUG · rings: frog body · crosses: target centers · tongue: shared hit range";position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:30;pointer-events:none;background:#142e38e6;color:#fff;padding:5px 9px;font:12px sans-serif;max-width:90vw;text-align:center}.name-picker{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;color:#13343e}.chosen-name{flex:1;min-width:0;font-size:clamp(26px,3vw,34px);line-height:1.15;font-weight:800;overflow-wrap:anywhere}.name-dice{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;padding:8px;border:0;background:transparent;color:inherit;border-radius:10px;cursor:pointer}.name-dice svg{width:32px;height:32px}.name-dice:hover{background:#d2f76b70}.name-dice:focus-visible{outline:3px solid #16343e;outline-offset:3px}.name-dice:disabled{cursor:wait;opacity:.6}.name-picker.rolling .name-dice svg{animation:name-dice-spin .21s linear infinite}.name-picker.rolling .chosen-name{animation:name-whizz .11s linear infinite}.name-picker.landed .chosen-name{animation:name-land .26s ease-out}@keyframes name-dice-spin{to{transform:rotate(360deg)}}@keyframes name-whizz{0%{transform:translateY(4px);opacity:.55}50%{opacity:1}to{transform:translateY(-4px);opacity:.55}}@keyframes name-land{0%{transform:scale(1.08)}50%{transform:scale(.97)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.name-picker *{animation:none!important}}.setup #frog-name-label{margin-bottom:0}.setup .name-picker+.hat-label{margin-top:8px}.brand-navigation{--logo-size: 48px;display:flex;align-items:center;gap:20px;pointer-events:auto}.match-toolbar .brand-navigation{--logo-size: 76px}.topbar .back-leave{display:grid;place-items:center;flex:0 0 auto;width:max(44px,calc(var(--logo-size) * .66));height:max(44px,calc(var(--logo-size) * .9));padding:0;border:0;border-radius:6px;background:transparent;color:var(--paper);cursor:pointer}.back-leave svg{width:auto;height:calc(var(--logo-size) * .8);overflow:visible;transform:rotate(-7deg);filter:drop-shadow(0 3px 3px #102e3860)}.topbar .back-leave:hover{color:var(--lime)}.topbar .back-leave:active{transform:translateY(1px)}.topbar .back-leave:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media(max-width:700px){.match-toolbar .brand-navigation{--logo-size: 48px}.lobby-view .brand-navigation{--logo-size: clamp(28px, 8vw, 40px)}}@media(max-width:600px){.brand-navigation{gap:12px}.mobile-controls .match-toolbar .brand-navigation{--logo-size: 26px}.mobile-controls .match-toolbar .brand{font-size:26px}}@media(max-height:520px)and (orientation:landscape){.mobile-controls .match-toolbar .brand-navigation{--logo-size: 42px}}.results .contestant-column{width:48px;min-width:48px}.results-you{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;color:#102e38;font-weight:800;font-size:14px}.results-you svg{width:18px;height:18px;flex:none}@media(orientation:portrait){.mobile-controls .match-toolbar .tools{top:calc(max(14px,env(safe-area-inset-top)) + 64px);right:24px}}@media(orientation:landscape)and (max-height:600px){.mobile-controls .match-toolbar .tools{top:calc(max(10px,env(safe-area-inset-top)) + 72px);right:42px}}.results .stat-medal{font-weight:800;-webkit-text-stroke:.55px #263e48;paint-order:stroke fill;text-shadow:0 1px 1px #17313a70}.results .stat-medal.gold{color:#ffce45}.results .stat-medal.silver{color:#e2edf5}.results .stat-medal.bronze{color:#db9964}.results .stat-medal{position:relative;display:inline-block;--gleam-delay: 0s}.results .stat-medal.silver{--gleam-delay: -1.4s}.results .stat-medal.bronze{--gleam-delay: -2.8s}.results .stat-medal:after{content:attr(data-value);position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none;background:linear-gradient(110deg,transparent 40%,#fffbed 48%,white 51%,transparent 59%) 180% 0 / 300% 100% no-repeat;background-clip:text;-webkit-background-clip:text;animation:stat-gleam-pass 4.8s ease-in-out infinite;animation-delay:var(--gleam-delay)}@keyframes stat-gleam-pass{0%,15%{background-position:180% 0;opacity:0}22%{opacity:1}48%{background-position:-80% 0;opacity:1}55%,to{background-position:-80% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.results .stat-medal:after{display:none;animation:none}}#results-confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;perspective:600px}#results-confetti i{position:absolute;top:-24px;border-radius:1px;animation:results-confetti-fall linear both}@keyframes results-confetti-fall{0%{transform:translate3d(0,-20px,0) rotate(0) rotateY(0);opacity:1}85%{opacity:1}to{transform:translate3d(var(--drift),calc(100dvh + 60px),0) rotate(var(--spin)) rotateY(720deg);opacity:0}}@media(prefers-reduced-motion:reduce){#results-confetti{display:none}}.results .winner:has(.winner-name){width:fit-content;max-width:100%;margin:0 auto 22px;padding:8px 28px;color:#fff4d6;background:radial-gradient(ellipse at center,#102c3bf0 0%,#102c3bcc 42%,#102c3b75 67%,#102c3b24 85%,transparent 100%);text-shadow:0 1px 3px #061923cc}.timer-hud .clock.hill-hold{position:relative;top:auto;right:auto;isolation:isolate;color:#ff72b6;text-shadow:0 2px 4px #441331,0 0 16px #ff389caa}.hill-wave{position:absolute;inset:4%;z-index:-1;border:3px solid #ff83c5;border-radius:50%;background:radial-gradient(ellipse,#ff36952e,transparent 70%);box-shadow:0 0 15px #ff389c80;pointer-events:none;animation:hill-radiate .85s ease-out both}.hill-wave:nth-last-child(2){animation-delay:90ms}.hill-wave:last-child{animation-delay:.18s}@keyframes hill-radiate{0%{transform:scale(.55);opacity:.8}to{transform:scale(1.8);opacity:0}}@media(prefers-reduced-motion:reduce){.hill-wave{display:none}}