:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10131d;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}button,input,select{font:inherit}button{min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:0 16px;background:#263244;color:#fff;cursor:pointer}button:hover{background:#314057}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}.primary{border-color:transparent;background:#28b485;color:#071318;font-weight:800}.primary:hover{background:#40f0aa}.ghost{background:#ffffff14}.shell{display:grid;min-height:100%;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(255,209,102,.12),transparent 34%),linear-gradient(315deg,rgba(93,224,230,.12),transparent 38%),#10131d}.lobby{width:min(100%,760px);padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f172adb;box-shadow:0 24px 90px #00000047}.lobby.wide{width:min(100%,1040px)}.home-card{display:grid;gap:22px}.brand,.topline,.room-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{justify-content:flex-start}.home-brand{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.language-switch{display:inline-grid;grid-template-columns:repeat(2,42px);gap:4px;margin-left:auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px;background:#ffffff0f}.language-switch button{min-height:34px;border:0;padding:0;background:transparent;color:#b8c4d8;font-size:.82rem;font-weight:900}.language-switch button.selected{background:#ffd166;color:#111827}.home-thumb{width:76px;height:76px;flex:0 0 76px;border:2px solid rgba(255,255,255,.16);border-radius:8px;object-fit:cover;box-shadow:0 12px 28px #00000047}h1,p{margin:0}h1{font-size:clamp(2rem,7vw,4.25rem);line-height:.95}h2{margin:0;font-size:1.1rem;line-height:1.2}.brand p,.home-copy p,.note,.eyebrow,.player-card span,.room-summary{color:#b8c4d8}.home-copy{display:grid;gap:8px;max-width:640px}.home-copy h2{font-size:clamp(1.25rem,3vw,1.75rem)}.player-panel,.actions,.room-layout,.score-list{margin-top:24px}label{display:grid;gap:8px;color:#dbeafe;font-weight:700}input,select{min-height:44px;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:0 12px;background:#111827;color:#f8fafc}.compact{max-width:430px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-top:16px}.cat-chip{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}.cat-chip small{margin-left:auto;color:#9fb0c7;font-size:.75rem;font-weight:800}.cat-chip.selected{outline:2px solid #ffd166}.cat-chip.taken{background:#ffffff0a}.cat-dot{display:inline-block;width:16px;height:16px;flex:0 0 16px;border:2px solid rgba(255,255,255,.78);border-radius:50%}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.join-form{display:grid;grid-template-columns:1fr auto;gap:12px}.hidden{display:none}.note{margin-top:18px;font-size:.95rem;line-height:1.5}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.span,.map-picker{grid-column:1 / -1}.map-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px}.map-picker legend{padding:0 8px;color:#ffd166;font-weight:800}.controls-summary{display:grid;gap:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px;background:#ffffff0b}.controls-summary .section-title{margin-bottom:0}.controls-summary .section-title span{color:#b8c4d8;font-size:.9rem}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.control-row{display:grid;grid-template-columns:minmax(112px,auto) 1fr;align-items:center;gap:12px;min-height:48px;border-radius:8px;padding:8px 10px;background:#1118279e}.key-group{display:flex;flex-wrap:wrap;gap:5px}kbd{display:inline-grid;min-width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.22);border-bottom-width:3px;border-radius:6px;padding:0 7px;background:#e5e7eb;color:#111827;font-family:inherit;font-size:.78rem;font-weight:900;line-height:1}.map-option{position:relative;display:grid;grid-template-columns:auto 74px 1fr;align-items:center;gap:12px;min-height:74px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;background:#ffffff0b;font-weight:600}.map-option input{min-height:auto;width:auto}.map-option:has(input:checked){border-color:#ffd166b3;background:#ffd1661c}.map-option:has(input:disabled){opacity:.5}.map-preview{position:relative;display:block;width:74px;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#18243a;box-shadow:inset 0 -18px 34px #0000002e}.map-preview:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.22),transparent 8%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 60%)}.map-theme-greenhouse{background:#12352e}.map-theme-subway{background:#1e2330}.map-theme-arcade{background:#201739}.map-theme-bakery{background:#3a2431}.map-theme-dojo{background:#2e2438}.map-theme-lab{background:#162c36}.map-theme-harbor{background:#183140}.preview-platform,.preview-hazard,.preview-booster{position:absolute;display:block;border-radius:999px}.preview-platform{background:#6fd4dd;box-shadow:0 1px #00000052}.preview-hazard{background:#ff4d6d;box-shadow:0 0 8px #ff4d6db3}.preview-booster{background:#40f99b;box-shadow:0 0 8px #40f99bb3}.preview-booster.jump{background:#ffd166;box-shadow:0 0 8px #ffd166b3}.room-header h1{letter-spacing:0}.eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase}.room-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.roster{display:grid;gap:10px}.room-side{display:grid;align-content:start;gap:18px}.cat-selection{display:grid;gap:2px}.cat-preview-card{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px;background:#ffffff0d}.cat-nav{min-height:48px;border-radius:50%;padding:0;font-size:1.25rem;font-weight:900}.cat-preview{display:grid;justify-items:center;gap:8px;min-width:0;text-align:center}.cat-preview strong{font-size:1.25rem}.cat-preview>span{color:#b8c4d8;font-size:.9rem}.pixel-cat{display:block;width:152px;height:152px;image-rendering:pixelated;filter:drop-shadow(0 18px 0 rgba(0,0,0,.16))}.css-cat{--cat-body: #f28c28;--cat-accent: #ffcf75;--cat-ear: #ffb347;position:relative;width:132px;height:112px;image-rendering:pixelated}.css-cat span{position:absolute;display:block}.css-cat .body{left:42px;bottom:20px;width:44px;height:50px;border:5px solid #111827;border-radius:0;background:var(--cat-body);box-shadow:inset 0 -10px #0000001f}.css-cat .head{left:39px;bottom:68px;width:52px;height:42px;border:5px solid #111827;border-radius:0;background:var(--cat-body);box-shadow:inset 0 -8px #0000001f}.css-cat .ear{bottom:105px;width:20px;height:24px;border:4px solid #111827;border-bottom:0;background:var(--cat-ear);clip-path:polygon(50% 0,100% 100%,0 100%)}.css-cat .ear.left{left:44px;transform:rotate(-12deg)}.css-cat .ear.right{left:73px;transform:rotate(17deg)}.css-cat .eye{bottom:91px;width:8px;height:10px;border-radius:0;background:#111827;box-shadow:inset 2px 2px #fff}.css-cat .eye.left{left:53px}.css-cat .eye.right{left:73px}.css-cat .muzzle{left:58px;bottom:79px;width:22px;height:12px;border-radius:0;background:var(--cat-accent)}.css-cat .tail{right:9px;bottom:56px;width:34px;height:10px;border:4px solid #111827;border-radius:0;background:var(--cat-body);transform:rotate(10deg)}.css-cat .leg{bottom:5px;width:16px;height:22px;border:4px solid #111827;border-radius:0;background:var(--cat-body)}.css-cat .leg.left{left:50px}.css-cat .leg.right{right:42px}.css-cat:before,.css-cat:after{position:absolute;z-index:2;bottom:42px;width:20px;height:14px;border:4px solid #111827;border-radius:0;background:var(--cat-body);content:""}.css-cat:before{left:30px;transform:rotate(16deg)}.css-cat:after{right:27px;transform:rotate(-16deg)}.css-cat.striped .body,.css-cat.striped .head{background:repeating-linear-gradient(78deg,transparent 0 11px,rgba(0,0,0,.26) 12px 16px),var(--cat-body)}.room-cat-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));margin-top:0}.player-card,.score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:52px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;background:#ffffff0d}.player-card.muted{display:block;color:#94a3b8}.room-summary{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;line-height:1.6}.host-panel{display:grid;gap:10px;padding:16px;border:1px solid rgba(255,209,102,.22);border-radius:8px;background:#ffd16614}.muted-panel{border-color:#ffffff1f;background:#ffffff0d;color:#b8c4d8;line-height:1.45}.game-shell{position:relative;display:grid;width:100%;height:100%;min-height:100%;place-items:center;overflow:hidden;background:#050816}.game-root{width:100%;height:100%;min-width:100vw;min-height:100vh}.game-root canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.game-topbar{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;left:12px;z-index:5;display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;pointer-events:none}.game-topbar button,.game-topbar div{pointer-events:auto}#round-feed{max-width:min(680px,62vw);border-radius:8px;padding:10px 12px;background:#080d1994;color:#e5e7eb;font-size:.9rem}.mobile-controls{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;z-index:6;display:none;align-items:flex-end;justify-content:space-between;pointer-events:none}.pad{display:flex;gap:10px;pointer-events:auto}.pad button{width:58px;height:58px;border-radius:50%;padding:0;background:#f8fafc2b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.35rem;font-weight:900}.score-list{display:grid;gap:10px}.score-row{grid-template-columns:42px 1fr auto}.toast{position:fixed;bottom:22px;left:50%;z-index:10;transform:translate(-50%);border-radius:8px;padding:12px 16px;background:#ffd166;color:#111827;font-weight:800}@media(hover:none),(pointer:coarse){.mobile-controls{display:flex}}@media(max-width:760px){.shell{padding:12px}.lobby{padding:18px}.brand,.topline,.room-header{align-items:stretch;flex-direction:column}.language-switch{margin-left:0}.actions,.home-actions,.settings-grid,.room-layout,.join-form,.control-row{grid-template-columns:1fr}.room-summary{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;padding-left:0}#round-feed{display:none}.pad button{width:54px;height:54px}}.account-panel{display:grid;gap:.65rem;padding:1rem;margin-bottom:1rem;border:1px solid #ffffff30;border-radius:12px}.account-panel p{margin:0;overflow-wrap:anywhere}.account-panel small{opacity:.8;line-height:1.5}.account-panel button{width:100%;white-space:normal}:root{background:#111e2e;color:#eee8dc;font-family:Trebuchet MS,Arial,sans-serif}button,input,select{border-radius:11px;transition:background .16s,transform .16s,border-color .16s}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eebd74;outline-offset:3px}button:hover:not(:disabled){transform:translateY(-1px);border-color:#d1a970}button{background:#24394e;border-color:#536075;color:#f5eddc;font-weight:700}.primary{background:#f2bf77;color:#192c3f;box-shadow:0 4px #a67742}.primary:hover{background:#ffcf8d}.shell{background:radial-gradient(ellipse at 25% 15%,#2e465e88,transparent 55%),#111e2e;padding:36px 22px}.lobby{background:#1a2b3e;border:1px solid #4b5968;border-radius:22px;padding:28px;box-shadow:0 26px 90px #080f1e77}.home-card{width:min(100%,1020px);position:relative;overflow:hidden;padding:30px 38px}.home-brand{position:relative;z-index:2;border-bottom:1px solid #51607466;padding-bottom:22px;margin-bottom:0;gap:16px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#efba70;color:#192d3e;font-size:38px;transform:rotate(-7deg)}.brand h1{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:0}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#b3c1cc;font-weight:700;margin:0 0 7px}.version-tag{font-size:9px;letter-spacing:1.2px;display:inline-block;margin-left:12px;vertical-align:middle;color:#abbcc9;border:1px solid #5d6b77;padding:5px;border-radius:5px}.hero-stage{height:220px;position:relative;overflow:hidden;margin:0 -38px;background:linear-gradient(0deg,#30435b,#1a2b3e)}.hero-stage:before{content:"";position:absolute;inset:40px 0 0;background:repeating-linear-gradient(90deg,transparent 0 60px,#385067 60px 108px,transparent 108px 135px);clip-path:polygon(0 60%,12% 60%,12% 20%,25% 20%,25% 45%,36% 45%,36% 0,50% 0,50% 35%,66% 35%,66% 10%,80% 10%,80% 40%,100% 40%,100% 100%,0 100%)}.hero-orbit{position:absolute;right:23%;top:15px;width:138px;height:138px;border-radius:50%;background:#eabc7c;opacity:.17;box-shadow:0 0 0 22px #eabc7c22}.hero-cat{position:absolute;width:176px;top:38px;filter:drop-shadow(0 12px 0 #132b4088)}.hero-cat-one{left:23%;transform:rotate(-8deg)}.hero-cat-two{left:52%;transform:rotate(9deg) scaleX(-1)}.hero-cat .pixel-cat{width:100%;height:auto;image-rendering:auto}.hero-ground{position:absolute;bottom:4px;left:13%;right:13%;height:18px;border-top:5px solid #ddb980;border-radius:6px;background:#62778b;box-shadow:0 9px #182b3e}.hero-stamp{position:absolute;right:35px;top:55px;font-size:11px;letter-spacing:2px;line-height:2;color:#d5c9b7;transform:rotate(5deg)}.home-copy{text-align:center;max-width:680px;margin:25px auto}.home-copy h2{font-size:clamp(25px,4vw,39px);letter-spacing:-1.4px;margin:0 0 10px}.home-copy p{color:#b4c3cf;font-size:15px;line-height:1.7;margin:0}.account-panel{padding:14px 18px;grid-template-columns:1fr auto;gap:5px 15px;margin:20px 0;border-color:#53637666;background:#12233788;font-size:13px}.account-panel button{grid-column:2;grid-row:1/3;width:auto;font-size:12px;max-width:220px}.account-panel small{font-size:11px;color:#b5c0c9}.player-panel.compact{max-width:none}.player-panel label{display:flex;align-items:center;gap:16px;font-size:13px;color:#b9c9d5}.player-panel input{flex:1;background:#112235;border:1px solid #50647b;padding:12px;color:#f4ebd9}.home-actions{grid-template-columns:1.1fr 1fr 1fr 1fr;gap:11px;margin:18px 0 8px}.home-actions button{min-height:57px;font-size:13px}.training-action{border-color:#8ebca8;background:#365747}.training-action span{display:block;font-size:8px;letter-spacing:1px;color:#aacbb8;margin-top:5px}input,select{background:#13273a;color:#f7edda;border:1px solid #617085;padding:11px;min-height:44px}.settings-grid{gap:20px}.settings-grid label{color:#c5d1d9;font-size:13px;gap:8px}.map-picker{border-color:#53657a;border-radius:14px;padding:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.map-option{position:relative;display:flex;flex-direction:column;gap:8px;padding:7px;border-radius:9px;border:1px solid #44596c;background:#12263a}.map-option:has(input:checked){border-color:#e8bc7b;background:#38434b}.map-option input{position:absolute;right:10px;top:9px;z-index:2;min-height:0}.map-option small{display:block;font-size:9px;line-height:1.45;color:#adc0cf;margin-top:5px}.map-preview{height:95px;background:#254357;border-radius:5px;overflow:hidden}.preview-platform{background:#a7b4be;border-top:2px solid #e4c68e}.preview-hazard{background:#e07878}.preview-booster{background:#7bdab1}.map-theme-glacier{background:#355e75}.map-theme-foundry{background:#5d3741}.cat-preview-card{background:#102638;border:1px solid #597181;border-radius:15px}.cat-preview .pixel-cat{image-rendering:auto;width:150px;height:150px}.player-card,.score-row{border:1px solid #52627277;border-radius:10px;background:#22384c}.room-summary{font-size:13px;line-height:1.7}.game-root canvas{image-rendering:auto}.game-topbar{inset:auto 12px 12px auto}.game-topbar button{min-height:34px;font-size:12px;background:#142b3cc9}#round-feed:empty{display:none}.pad button{touch-action:none;border:1px solid #e3d8be88;background:#244154d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f9e1b8}.mobile-controls{bottom:max(12px,env(safe-area-inset-bottom))}.toast{max-width:90vw;border:1px solid #f0d6ab;box-shadow:0 8px 30px #0006;background:#edc282}@media(max-width:760px){.home-card{padding:20px}.home-brand{flex-direction:row;align-items:center;flex-wrap:wrap}.brand h1{font-size:25px}.version-tag{display:none}.hero-stage{margin:0 -20px;height:170px}.hero-cat{width:140px;top:24px}.hero-cat-one{left:14%}.hero-cat-two{left:51%}.hero-stamp{display:none}.home-actions{grid-template-columns:1fr 1fr}.account-panel{grid-template-columns:1fr}.account-panel button{grid-column:1;grid-row:auto;max-width:none}.map-picker{grid-template-columns:repeat(2,1fr)}.game-topbar{top:8px;bottom:auto}.home-copy{margin:20px auto}.language-switch{margin-left:auto}.room-header{gap:13px}}@media(prefers-reduced-motion:reduce){button,input,select{transition:none}.hero-cat{transform:none}}.practice-map-label{display:flex;align-items:center;gap:15px;color:#b9c9d5;font-size:13px;margin-top:14px}.practice-map-label select{flex:1;min-width:0}.game-root canvas{touch-action:none}@media(max-width:480px){.practice-map-label{display:grid;gap:7px}}.menu-screen{position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#182b45;color:#f9f1dd;padding:24px clamp(24px,6vw,92px) 20px;box-sizing:border-box}.menu-scenery,.menu-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}.menu-scenery canvas{display:block;width:100%;height:100%}.menu-shade{z-index:-1;background:linear-gradient(90deg,#0d192bf7,#0d192beb 26%,#0d192b4d 65%,#0d192b05)}.menu-top,.menu-account,.menu-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.menu-top{min-height:38px}.menu-brand{font-size:11px;letter-spacing:.2em;color:#a6bcd0;font-weight:800}.menu-account{gap:10px;font-size:12px}.menu-account>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4e1e4}.menu-account button{min-height:34px;padding:6px 12px;font-size:11px;border-radius:7px;background:#172b44cc;border:1px solid #49637c;color:#ecf4ef;box-shadow:none}.menu-account .language-switch{margin:0;align-self:auto}.menu-account .language-switch button{padding:5px 8px}.menu-content{width:min(450px,100%);margin:auto 0;padding:20px 0}.menu-kicker{font-size:11px;letter-spacing:.26em;font-weight:900;color:#7ddcd0;margin:0 0 7px}.menu-content h1{position:relative;display:inline-block;font-size:clamp(60px,7vw,94px);line-height:.88;letter-spacing:-.055em;margin:0 0 24px;font-weight:1000;transform:rotate(-3deg);text-shadow:4px 6px 0 #0d192b}.menu-content h1 span{color:#ffca79}.menu-content h1 i{position:absolute;right:-45px;bottom:5px;font-size:50px;color:#85e2d2;font-style:normal}.menu-name{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;font-size:11px;letter-spacing:.02em;color:#b6cbd9;margin-bottom:14px}.menu-name input{flex:1;min-width:0;max-width:270px;border:0;border-bottom:1px solid #4a6176;border-radius:0;background:transparent;color:#f7eddd;padding:6px 0;min-height:34px;font-size:16px;box-shadow:none}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-actions button{min-height:45px;background:#24384fe6;color:#eaf1eb;font-size:13px;font-weight:800;border:1px solid #526c82;border-radius:9px;box-shadow:0 3px #0d1c2d;text-align:left;padding:10px 16px;transition:background .15s,transform .15s}.menu-actions button:hover{background:#375777;transform:translate(3px)}.menu-actions button.menu-play{grid-column:1/-1;background:#ffca79;color:#17263b;border-color:#ffe1a9;box-shadow:0 4px #b98144;min-height:56px;font-size:17px;letter-spacing:.025em}.menu-actions #quick-play{grid-column:1/-1;background:#244649;border-color:#4b827e}.menu-practice{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:18px}.menu-practice label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#adc4d4;font-weight:700;letter-spacing:.035em}.menu-practice select{width:100%;min-width:0;background:#11263bdd;color:#eaf0e7;border:1px solid #3d576d;border-radius:6px;padding:7px 9px;min-height:35px;font-size:12px}.menu-controls{background:none!important;color:#b9cbd5!important;border:0!important;box-shadow:none!important;min-height:28px!important;padding:10px 0 0!important;font-size:11px!important}.menu-footer{font-size:9px;font-weight:800;letter-spacing:.15em;color:#a4bbc8;margin-top:10px}.menu-dialog{max-width:min(540px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #607d91;border-radius:15px;background:#172b43;color:#f3eadb;padding:30px;box-shadow:0 25px 100px #000a}.menu-dialog::backdrop{background:#081422b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-dialog .dialog-close{position:absolute;top:8px;right:9px;min-height:28px;padding:2px 9px;box-shadow:none;border:0;background:none;font-size:22px;color:#d8e6e5}.menu-dialog h2{margin:0 0 20px}.menu-dialog .join-form{display:flex;align-items:end;gap:12px;margin:0}.menu-dialog .join-form label{min-width:0}.menu-dialog .join-form input{width:100%;box-sizing:border-box}.menu-dialog .controls-summary{margin:12px 0 0;background:transparent;padding:0}.menu-dialog .controls-grid{grid-template-columns:1fr}.menu-dialog .section-title{display:block}.menu-dialog .control-row{color:#e8f1e9}.menu-screen button:focus-visible,.menu-screen input:focus-visible,.menu-screen select:focus-visible{outline:3px solid #8ee7df;outline-offset:3px}@media(max-width:720px){.menu-screen{padding:16px 22px}.menu-top{align-items:flex-start;gap:12px}.menu-brand{font-size:8px;max-width:90px;line-height:1.6}.menu-account{flex-wrap:wrap;justify-content:flex-end;gap:5px}.menu-account>span{display:none}.menu-account button{font-size:10px;padding:5px 8px}.menu-content{width:min(380px,100%);padding:22px 0}.menu-content h1{font-size:69px;margin-bottom:24px}.menu-shade{background:linear-gradient(90deg,#0d192bf2,#0d192bd9 40%,#0d192b77)}.menu-footer{font-size:8px;letter-spacing:.09em}.menu-footer>span:first-child{max-width:220px;line-height:1.5}.menu-dialog{padding:30px 20px}.menu-dialog .join-form{flex-direction:column;align-items:stretch}}@media(max-height:700px)and (min-width:721px){.menu-screen{padding-top:14px;padding-bottom:14px}.menu-content{padding:12px 0}.menu-content h1{font-size:66px;margin-bottom:14px}.menu-actions button{min-height:38px;padding:8px 14px}.menu-actions button.menu-play{min-height:47px}.menu-name{margin-bottom:10px}.menu-practice{margin-top:12px}.menu-footer{margin-top:4px}}@media(max-height:640px)and (max-width:720px){.menu-content{padding:12px 0}.menu-content h1{font-size:52px;margin-bottom:15px}.menu-actions button{min-height:37px;padding:7px 12px}.menu-actions button.menu-play{min-height:44px;font-size:15px}.menu-practice{margin-top:12px}.menu-name{margin-bottom:10px}.menu-footer{display:none}}@media(prefers-reduced-motion:reduce){.menu-actions button{transition:none}.menu-actions button:hover{transform:none}}.room-invite{margin:0 0 1.5rem;padding:1rem;border:1px solid #57738a;border-radius:12px;background:#122238}.room-invite label{display:block;font-weight:700;margin-bottom:.65rem}.room-invite-actions{display:flex;gap:.6rem;flex-wrap:wrap}.room-invite-actions input{flex:1 1 18rem;min-width:0}.room-invite-actions button{flex:0 1 auto}.room-invite p{margin-bottom:0;font-size:.9rem;color:#c8d9e6}.menu-screen{background:#182b45}.menu-content{width:min(410px,100%)}.menu-content h1{margin-bottom:36px;font-size:clamp(66px,8.4vw,112px)}.menu-primary-actions{grid-template-columns:1fr;gap:12px;width:min(350px,100%)}.menu-primary-actions button,.menu-primary-actions button.menu-play{display:flex;align-items:center;gap:16px;min-height:62px;padding:15px 22px;font-size:19px;letter-spacing:.075em;border-radius:5px 15px 5px 5px;background:#1c354de8;border:1px solid #8ba8b44a;border-left:4px solid #7caaa9;box-shadow:0 5px #07172985;transform:skew(-4deg)}.menu-primary-actions button>span{transform:skew(4deg)}.menu-primary-actions button.menu-play{background:#ffca79;border-color:#ffe4b6;color:#19283a;box-shadow:0 5px #9b6335}.menu-primary-actions button:hover{transform:skew(-4deg) translate(7px);background:#35566d}.menu-primary-actions button.menu-play:hover{background:#ffdc9e}.menu-action-icon{width:20px;text-align:center;opacity:.75;font-size:20px}.menu-action-arrow{margin-left:auto;font-size:24px;opacity:.6}.menu-profile{display:flex;align-items:center;gap:10px;background:#10253bc9;border:1px solid #71899e66;color:#f5e8cf;box-shadow:none;border-radius:20px;padding:9px 15px;font-size:12px;max-width:220px;overflow:hidden}.profile-dot{width:7px;height:7px;border-radius:50%;background:#87d7c4;box-shadow:0 0 12px #87d7c444;flex:none}.menu-dialog{width:520px;border-radius:6px 20px 6px 6px;border-top:3px solid #f2c780;background:linear-gradient(145deg,#223e53,#14283d);padding:34px}.menu-dialog h2{font-size:clamp(25px,4vw,34px);letter-spacing:-.04em;line-height:1.1;margin:8px 0 18px}.menu-dialog-note{font-size:13px;color:#b4cbd7;line-height:1.6}.menu-dialog .dialog-close{min-width:44px;min-height:44px;top:2px;right:3px}.menu-dialog .menu-kicker{font-size:9px;margin-right:25px}.menu-dialog .menu-practice{margin:25px 0}.menu-dialog .menu-practice label{font-size:12px}.menu-dialog .menu-practice select{min-height:44px;font-size:14px}.menu-launch{width:100%;margin-top:6px;min-height:52px}.menu-room-actions{grid-template-columns:1fr;gap:13px;margin-top:26px}.menu-room-actions button{display:flex;justify-content:space-between;align-items:center;min-height:52px;font-size:15px}.menu-room-actions #quick-play{background:#ffca79;color:#17263b;border-color:#ffe1a9}.menu-option-row,.menu-account-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #91aab329;font-size:14px}.menu-option-row .language-switch{margin:0}.menu-account-option{flex-wrap:wrap;padding-bottom:0;margin-top:16px}.menu-account-option button{padding:10px 13px;min-height:44px;font-size:12px}.menu-option-button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 0;min-height:48px;background:none;box-shadow:none;border:0;border-radius:0;font-size:14px;color:#edf3e8}.menu-dialog .menu-name{flex-direction:column!important;align-items:stretch;gap:8px;font-size:12px;margin:25px 0 20px}.menu-dialog .menu-name input{max-width:none;min-height:44px;padding:8px 12px;background:#102338;border:1px solid #557082;border-radius:5px}@media(max-width:720px){.menu-content{padding:32px 0}.menu-content h1{font-size:clamp(59px,13vw,88px);margin-bottom:32px}.menu-primary-actions{width:min(310px,100%)}.menu-primary-actions button,.menu-primary-actions button.menu-play{min-height:56px;font-size:17px}.menu-dialog{padding:32px 22px 24px}.menu-dialog .menu-practice{grid-template-columns:1fr;gap:18px}}@media(max-height:550px)and (min-width:620px){.menu-content{width:min(730px,85%);display:grid;grid-template-columns:1fr 1fr;gap:0 42px;align-items:center;padding:16px 0}.menu-content .menu-kicker{grid-column:1 / -1}.menu-content h1{font-size:64px;margin:20px 0}.menu-primary-actions{gap:10px}.menu-primary-actions button,.menu-primary-actions button.menu-play{min-height:48px;padding:10px 16px;font-size:16px}}@media(prefers-reduced-motion:reduce){.menu-primary-actions button:hover{transform:skew(-4deg)}}