@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101b35;--panel:#1a2a4a;--ink:#f8fbff;--muted:#b1c3dd;--lime:#ffda58;--cyan:#8ee9ff;--course-accent:#ffcb55;font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#32366375,transparent 55%),var(--bg);color:var(--ink);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:not(:disabled):hover{filter:brightness(1.09)}button:not(:disabled):active{translate:0 1px}[hidden]{display:none!important}
header{min-height:76px;padding:12px max(24px,4vw);display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;background:#0c172de0}.brand{color:white;text-decoration:none;display:flex;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:30px;letter-spacing:-.3px}.brand>span:last-child{color:var(--cyan)}.brand-icon{display:grid;place-items:center;background:var(--lime);color:#17254a;border-radius:11px;width:36px;height:36px;margin-right:11px;font-style:normal}.header-right{display:flex;gap:12px;align-items:center}.tag{font-size:12px;letter-spacing:1.8px;color:#abc2df;margin-right:12px}.icon{background:#ffffff09;border:1px solid #ffffff14;border-radius:9px;font-size:14px;padding:10px 12px;min-height:40px;color:#dae9fb}main{max-width:1540px;margin:auto;padding:24px 4vw 0}.game-shell{border:1px solid #8ba9d438;border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 20px 70px #050d2540}.game-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 24px;background:#192945}.eyebrow,.overline{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--cyan)}h1{font-size:25px;margin:5px 0 0;letter-spacing:-.6px}.pills{display:flex;gap:12px;align-items:center;font-size:14px;color:#d8e6f8}.pills>span{background:#2a3e5c;border:1px solid #ffffff10;padding:10px 14px;border-radius:30px}.pills button{background:#3d5274;border:1px solid #8ba9d455;border-radius:9px;padding:10px 14px;min-height:44px}
.arena{height:clamp(540px,47vw,700px);position:relative;overflow:hidden;background:#b3e7ff;isolation:isolate}canvas{width:100%;height:100%;display:block}#game{touch-action:none;outline-offset:-4px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:36px 5%;background:linear-gradient(90deg,#142846f2 0%,#243c66c9 29%,#25467340 54%,transparent 73%)}.overline{display:flex;align-items:center;gap:10px}.series-mark{display:grid;place-items:center;font-size:12px;background:#ffffff13;border:1px solid #ffffff30;border-radius:6px;width:29px;height:29px;color:#fff}.overlay h2,.loading-panel h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:clamp(64px,7vw,100px);line-height:.94;letter-spacing:-1px;margin:22px 0 17px;text-shadow:0 5px 0 #172d50}.overlay h2 span{color:var(--lime)}.overlay p{font-size:16px;line-height:1.6;margin:0 0 23px;color:#eef5ff}.lobby-rules{display:flex;gap:22px;margin:1px 0 25px}.lobby-rules span,.loading-facts span{font-size:12px;color:#b9d0e8;letter-spacing:1px}.lobby-rules b,.loading-facts b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:30px;color:#fff;margin-bottom:3px;letter-spacing:0}.play{background:var(--lime);color:#203253;border:2px solid #fff09f;border-radius:12px;font-size:16px;font-weight:900;padding:17px 22px;box-shadow:0 5px 0 #c58c35;min-width:268px;min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:24px;transition:filter .16s,box-shadow .16s}.play span{font-size:24px;line-height:1}.overlay>small{font-size:12px;color:#c6daee;line-height:1.6;margin-top:19px;max-width:330px}.arena-caption{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:center;gap:13px;pointer-events:none;color:white;font-size:12px;font-weight:600;letter-spacing:.3px}.arena-caption>span:first-child{padding:7px 10px;background:#132e50d9;border:1px solid #ffffff40;border-radius:6px;font-variant-numeric:tabular-nums}.arena-caption>span:nth-child(2){padding:6px 10px;background:#173957b0;border-radius:6px}.arena-caption>b{margin-left:auto;color:#173452;background:#ffffffd9;padding:7px 10px;border-radius:6px;font-size:12px}
.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;background:#172640;border-top:1px solid #ffffff0c}.mode-select{display:flex;background:#0f1e37;border:1px solid #ffffff10;padding:4px;border-radius:10px;flex-shrink:0}.mode-select button{padding:9px 14px;background:transparent;color:#b0c4df;font-size:14px;font-weight:600;border-radius:6px;min-height:38px}.mode-select .selected{color:white;background:#3a5275;box-shadow:0 2px 6px #0002}.game-bottom p{font-size:14px;color:#b0c5df;margin:0;line-height:1.8}kbd{display:inline-block;background:#304462;border:1px solid #ffffff20;border-bottom:2px solid #ffffff35;border-radius:4px;color:#f0f6ff;padding:3px 5px;font:12px Inter,Arial}
.section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:28px 0 16px}.section-title h2{font-size:20px;letter-spacing:-.5px;margin:0}.section-title h2 span{display:inline-block;font-size:12px;letter-spacing:.8px;background:#213857;color:#a5cce8;padding:5px 8px;border-radius:5px;margin-left:12px;vertical-align:middle}.section-title button{background:transparent;color:var(--cyan);font-size:14px;padding:10px 0}.section-title button:disabled{opacity:.4}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.map-card{text-align:left;padding:0;background:#1b2b4b;border:2px solid #ffffff0a;border-radius:14px;overflow:hidden;position:relative;transition:border-color .2s,translate .2s}.map-card:not(:disabled):hover{border-color:var(--map-accent);translate:0 -3px}.map-card.active{border-color:var(--map-accent);box-shadow:0 0 0 2px #ffffff08}.map-card:disabled{opacity:.7}.map-card.active:disabled{opacity:1}.map-card canvas{height:128px}.map-number{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:5px;background:#10253ccf;font-weight:700;font-size:12px;letter-spacing:.8px;color:white}.map-info{padding:13px 14px 15px;border-top:1px solid #ffffff12}.map-info b{display:block;font-size:16px;letter-spacing:-.3px}.map-info small{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:#b7cde6;margin-top:8px}.map-info small span{color:var(--map-accent);font-weight:700}.map-selected{position:absolute;right:9px;top:10px;background:var(--map-accent);color:#17233b;padding:5px 7px;border-radius:5px;font-size:12px;font-weight:800;display:none}.map-card.active .map-selected{display:block}footer{display:flex;justify-content:space-between;gap:20px;color:#94accb;padding:24px 0;font-size:12px;letter-spacing:1px}
#hud{position:absolute;inset:18px 20px 20px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr;gap:12px;pointer-events:none}.hud-stat{align-self:start;justify-self:start;padding:10px 16px;min-width:112px;background:#163352e8;border:1px solid #c8eeffbb;border-radius:12px;box-shadow:0 4px 0 #12385738;backdrop-filter:blur(8px)}.hud-stat small{display:block;font-size:12px;letter-spacing:1.1px;color:#cce5fa;font-weight:600}.hud-stat strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1.1;font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums}.hud-stat em{font:500 16px Inter,Arial;font-style:normal;color:#bbd3ee}.qualification-stat{justify-self:center;text-align:center;background:#ca427fe8;border-color:#ffd1e7}.timer-stat{justify-self:end;min-width:106px;text-align:right}.progress{position:absolute;left:22%;right:22%;top:86px;height:4px;background:#193e5b66;border-radius:6px;overflow:hidden}.progress i{display:block;background:var(--lime);height:100%;border-radius:6px;width:0;transition:width .1s linear}.dive-status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:176px;background:#1b3753ef;border:1px solid #b3e4f9aa;border-radius:12px;padding:11px 13px;text-align:center;pointer-events:auto;touch-action:manipulation;user-select:none;min-height:69px;box-shadow:0 3px 0 #101d38;transition:background .15s,border-color .15s}.dive-status strong{font-size:14px;letter-spacing:.8px}.dive-status small{display:block;font-size:12px;color:#c0d8ec;margin-top:7px}.dive-status.ready{border-color:#ffe18c;background:#253c5ef2}.dive-status.ready strong{color:#ffe075}.dive-status:disabled{border-color:#a0bfd770;color:#d4e7f6}.dive-track{display:block;height:4px;background:#ffffff25;border-radius:4px;margin-top:8px;overflow:hidden}.dive-track i{display:block;height:100%;background:var(--lime);width:100%;transition:width .08s linear}.round-track{position:absolute;top:104px;left:0;display:flex;align-items:center;gap:6px}.round-track span{display:grid;place-items:center;width:28px;height:28px;background:#163352c9;color:#c4d4e6;border:1px solid #c3deff55;border-radius:50%;font-size:12px;font-weight:800}.round-track i{font-style:normal;color:#bdd4eb}.round-track .current{background:var(--lime);color:#192438;border-color:#ffe9a0}.round-track .past{background:#496b90;color:#fff}.leaderboard{position:absolute;top:148px;left:0;width:180px;background:#163352d4;border:1px solid #d2eaff45;border-radius:10px;padding:12px;color:#eff5ff;backdrop-filter:blur(8px)}.leaderboard>small{font-size:12px;letter-spacing:1px;color:#bbd9f1}.leaderboard #leaders>div{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:12px}.leaderboard b{width:12px;color:#b2cee8;font-size:12px}.leaderboard i,.finisher i{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.leaderboard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard em{margin-left:auto;font-style:normal;color:#b8d0e7;font-size:12px}.leaderboard .leader-you span{color:#ffe075;font-weight:800}.boost-status{position:absolute;right:0;top:104px;background:#ddff93;color:#25404d;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:900}.center-message{position:absolute;inset:0;display:grid;place-items:center;font-size:112px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;color:var(--lime);text-shadow:0 6px #21375a;pointer-events:none;z-index:3}.round-intro{position:absolute;top:29%;left:50%;transform:translateX(-50%);width:max-content;max-width:92%;text-align:center;padding:12px 20px;border:1px solid #c4e7ff80;border-radius:8px;background:#173451ed;color:#fff;font-size:16px;font-weight:800;pointer-events:none}.race-toast{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-3deg);font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(30px,5vw,54px);font-weight:900;font-style:italic;color:#ffdc60;text-shadow:0 3px #183653,0 0 20px #162c52;pointer-events:none;z-index:3;width:max-content;max-width:94%;text-align:center}.race-notice{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);max-width:88%;width:max-content;padding:12px 18px;background:#173957ef;border:1px solid #ffda5880;border-radius:10px;color:#ffdf7e;text-align:center;font-weight:700;font-size:14px;pointer-events:none}.spectate-next{position:absolute;bottom:82px;right:20px;border:1px solid #c4e7ff99;background:#1d3956ed;padding:11px 16px;border-radius:8px;font-size:14px;min-height:44px}#timer.urgent{color:#ffe075;text-shadow:0 0 14px #ff8d5390}
.result{align-items:center;text-align:center;background:#132a49ec;backdrop-filter:blur(9px);z-index:5;padding:26px;overflow:auto}.result h2{max-width:95%;font-size:clamp(36px,5vw,68px);margin:18px 0 16px;overflow-wrap:anywhere;letter-spacing:-.5px}.result p{max-width:590px;font-size:16px;line-height:1.6}.result .overline,.result .round-next{color:var(--lime)}.result .round-next{margin:0 0 18px;font-size:14px;font-weight:700}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;align-items:center}.result .play{min-width:230px}.secondary{background:#ffffff0d;border:1px solid #ffffff35;padding:15px 20px;border-radius:10px;font-size:14px;min-height:46px}.finishers{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:610px;margin:0 0 18px}.finisher{display:flex;align-items:center;gap:7px;background:#ffffff0c;border:1px solid #ffffff25;border-radius:7px;padding:7px 10px;font-size:12px}.finisher b{color:#aac8e5;font-size:12px}.finisher.is-you{border-color:var(--lime);color:var(--lime)}#paused{gap:18px}#paused h2{margin:0}
#touch{position:absolute;inset:auto 18px 25px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;user-select:none}#joystick{width:112px;height:112px;border-radius:50%;background:#16355360;border:2px solid #ffffff8c;box-shadow:inset 0 0 0 10px #ffffff0b;position:relative;touch-action:none;pointer-events:auto;overscroll-behavior:contain}#joystick span{position:absolute;left:33px;top:33px;width:42px;height:42px;background:#f0faffc9;border:2px solid white;box-shadow:0 4px 10px #17395745;border-radius:50%;pointer-events:none}.touch-actions{display:flex;gap:10px;align-items:end}.touch-actions button{width:67px;height:67px;border-radius:50%;font-size:14px;font-weight:800;background:#264664e6;border:2px solid #fff9;touch-action:none;pointer-events:auto;box-shadow:0 4px #152e4e66}.touch-actions button:last-child{background:var(--lime);color:#20314b;width:82px;height:82px;border-color:#fff4bc}.touch-actions button:disabled{background:#192d46cc;color:#c8d3e4;border-color:#9aaec6}.touch-actions button,#joystick,#joystick span{-webkit-user-select:none;user-select:none}.arena[data-controls="touch"] .dive-status{bottom:140px}.arena:fullscreen{height:100dvh;width:100vw}.arena:fullscreen .overlay{padding:5%}
.loading-screen{position:absolute;inset:0;z-index:10;display:flex;align-items:center;padding:5%;background:linear-gradient(90deg,#122847fa 0%,#162d4fee 38%,#1e3d6090 59%,#18375318 80%)}.loading-screen[data-phase="boot"],.loading-screen[data-phase="error"]{justify-content:center;background:radial-gradient(ellipse at 80% 20%,#39507a88,transparent 65%),#152843}.loading-panel{width:min(455px,100%)}.loading-panel h2{font-size:clamp(48px,5.8vw,76px);line-height:.98;margin:20px 0;color:white}.loading-panel>p{font-size:16px;line-height:1.6;color:#c6def2;margin:0 0 23px;max-width:370px}.loading-facts{display:flex;gap:26px;margin:25px 0}.loading-facts b{font-size:34px;color:var(--course-accent)}.loading-progress{height:7px;background:#7491af3b;border-radius:8px;overflow:hidden}.loading-progress i{display:block;width:0;height:100%;background:var(--course-accent);border-radius:8px;transition:width .25s ease}.loading-status{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#c7dbef;margin-top:10px;font-variant-numeric:tabular-nums}.loading-tip{margin-top:25px;padding:15px 17px;background:#ffffff08;border-left:3px solid var(--course-accent);border-radius:0 8px 8px 0}.loading-tip small{font-size:12px;color:var(--course-accent);letter-spacing:1.2px;font-weight:800}.loading-tip p{font-size:14px;line-height:1.6;color:#e1edfa;margin:7px 0 0}.loading-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px}.loading-actions:empty{display:none}.loading-actions .play{min-width:175px;font-size:14px;padding:13px 17px;min-height:48px}.loading-actions .secondary{border:0;background:transparent;color:#b7cee6;padding:10px 0}.loading-course-tag{position:absolute;right:24px;bottom:25px;text-align:right;padding:12px 15px;background:#152e49c9;border:1px solid #caeeff70;border-radius:9px}.loading-course-tag span{display:block;color:#c7e5f9;font-size:12px;letter-spacing:1.2px;margin-bottom:5px}.loading-course-tag b{color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:800}.loading-screen[data-phase="ready"] .loading-progress i{box-shadow:0 0 14px var(--course-accent)}
@media(max-width:1100px){.tag{display:none}.game-bottom p{font-size:12px}.game-bottom{gap:10px}.mode-select button{padding:9px 10px}.map-info{padding:12px 10px}.map-info b{font-size:14px}.map-info small{font-size:12px}.map-card canvas{height:112px}}
@media(max-width:800px){header{padding:12px 16px;min-height:66px;gap:10px}.brand{font-size:25px}.brand-icon{width:30px;height:32px;margin-right:8px}.header-right{gap:6px}.header-right .icon{font-size:12px;padding:8px;min-height:38px}main{padding:16px 14px 0}.game-shell{border-radius:15px}.game-top{padding:14px 16px;gap:10px}.game-top .eyebrow{font-size:12px;letter-spacing:.5px}h1{font-size:22px}.pills>span{font-size:12px;padding:8px 10px}.pills button{font-size:12px;padding:9px}.arena{height:72svh;min-height:560px;max-height:740px}.overlay{padding:25px;background:linear-gradient(90deg,#142a47ed 0%,#203e63aa 48%,#284f7230 100%)}.overlay h2{font-size:76px}.overlay>p{font-size:16px}.overlay>small{font-size:12px;max-width:300px}.lobby-rules{gap:22px}.lobby-rules b{font-size:28px}.play{min-width:252px;font-size:15px}.arena-caption{bottom:14px;left:14px;right:14px;gap:7px;font-size:12px}.arena-caption>span:nth-child(2){max-width:80%;line-height:1.4}.arena-caption>b{display:none}.game-bottom{flex-wrap:wrap;padding:10px 12px}.game-bottom p{order:3;width:100%;text-align:center;font-size:12px;line-height:1.8}.mode-select button{font-size:14px}.section-title{margin:23px 0 14px}.section-title h2{font-size:19px}.section-title h2 span{display:none}.section-title button{font-size:12px}.map-grid{grid-template-columns:repeat(6,186px);overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 12px;gap:12px}.map-card{scroll-snap-align:start}.map-card canvas{height:112px}.map-info{padding:12px}.map-info b{font-size:16px}footer{font-size:12px;letter-spacing:0;line-height:1.5}.leaderboard{display:none}#hud{inset:14px 12px 18px;gap:6px}.hud-stat{min-width:94px;padding:9px 11px}.hud-stat strong{font-size:30px}.hud-stat small{font-size:12px;letter-spacing:.3px}.hud-stat em{font-size:14px}.timer-stat{min-width:90px}.progress{top:77px;left:8%;right:8%}.round-track{top:93px;gap:4px}.round-track span{width:25px;height:25px;font-size:12px}.round-track i{font-size:12px}.boost-status{top:93px;font-size:12px;padding:7px}.dive-status{width:158px;min-height:67px;padding:10px}.dive-status strong{font-size:14px}.dive-status small{font-size:12px}.result{padding:20px;background:#132a49f2}.result h2{font-size:49px;margin:15px 0}.result p{font-size:14px;line-height:1.5;margin-bottom:17px;max-width:400px}.result .overline{font-size:12px;line-height:1.5}.result .round-next{font-size:14px}.result .play{min-width:230px;font-size:14px;padding:14px}.result-actions{gap:12px}.result-actions .secondary{font-size:14px;padding:12px}.finishers{gap:5px;max-width:410px;max-height:160px;overflow-y:auto}.finisher{font-size:12px;padding:6px;gap:5px}.round-intro{font-size:14px}.race-notice{font-size:12px;padding:10px 13px}.spectate-next{font-size:14px;bottom:88px}.loading-screen{padding:28px;background:linear-gradient(90deg,#142a47f5 0%,#1d3c60b8 70%,#284f7270)}.loading-panel{width:min(420px,100%)}.loading-panel h2{font-size:62px}.loading-panel>p{font-size:16px;margin-bottom:18px}.loading-facts{gap:24px;margin:20px 0}.loading-tip{margin-top:20px}.loading-course-tag{display:none}.loading-actions{gap:18px}}
@media(max-width:450px){.header-right .icon{font-size:12px;padding:7px}.brand{font-size:23px}.brand-icon{width:26px;height:28px;margin-right:6px}.header-right{gap:4px}header{padding:11px 12px}.pills>span{display:none}.game-top{min-height:79px}.game-top .eyebrow{font-size:12px;max-width:275px}.overlay{padding:24px 20px}.overlay h2{font-size:68px}.lobby-rules{gap:22px}.arena{min-height:575px}.hud-stat{min-width:87px;padding:9px}.timer-stat{min-width:84px}.hud-stat strong{font-size:29px}.hud-stat em{font-size:12px}.round-track{gap:3px}.round-track span{width:24px;height:24px}.boost-status{font-size:12px;padding:7px}.touch-actions{gap:8px}.touch-actions button{width:61px;height:61px;font-size:12px}.touch-actions button:last-child{width:74px;height:74px;font-size:14px}#joystick{width:101px;height:101px}#joystick span{left:28px;top:28px}#touch{left:15px;right:15px}.arena[data-controls="touch"] .dive-status{bottom:128px}.result h2{font-size:43px}.loading-screen{padding:25px 21px}.loading-panel h2{font-size:56px}.loading-panel>p{font-size:14px}.loading-facts{gap:23px}.loading-tip p{font-size:14px}.loading-actions{gap:16px}footer{gap:15px}footer>span:last-child{text-align:right;max-width:180px}}
@media(max-height:600px) and (min-width:700px){.arena:fullscreen .leaderboard{display:none}.arena:fullscreen .loading-panel h2{font-size:48px;margin:12px 0}.arena:fullscreen .loading-tip{margin-top:12px}.arena:fullscreen .loading-facts{margin:12px 0}.arena:fullscreen .loading-actions{margin-top:14px}.arena:fullscreen .overlay h2{font-size:60px}.arena:fullscreen .lobby-rules{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.race-toast{transform:translate(-50%,-50%)}}
#startOverlay{padding-bottom:80px}.arena-caption>span:first-child{white-space:nowrap;flex-shrink:0}
.dive-status{left:auto;right:0;transform:none}.arena[data-controls="touch"] .dive-status{top:140px;bottom:auto;left:auto;right:0}.loading-screen{overflow-y:auto;align-items:safe center}
@media(max-width:800px){.arena[data-controls="touch"] .dive-status{top:135px;width:146px}.loading-actions .play{min-width:172px}}

.froggy-play{margin-top:15px;min-width:268px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#184d41;border-color:#9ce1a2;color:#e5ffd3;font-weight:800}.froggy-play span{font-size:12px;letter-spacing:.4px;color:#d9f780}.overlay:has(.froggy-play) h2{margin-top:16px;margin-bottom:14px}.overlay:has(.froggy-play)>p{margin-bottom:15px}.overlay:has(.froggy-play) .lobby-rules{margin-bottom:18px}

#startOverlay{overflow-y:auto;justify-content:safe center}#startOverlay h2{font-size:clamp(56px,6.2vw,92px)}#startOverlay .play,#startOverlay .froggy-play{width:min(100%,300px);min-width:0}@media(max-width:380px){.froggy-play span{display:none}}