.join-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:24px 20px;font-family:system-ui,-apple-system,sans-serif;color:#fff;gap:0}.join-screen__logo{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:8px}.join-screen__subtitle{font-size:14px;color:#6b7280;margin-bottom:40px}.join-screen__form{display:flex;flex-direction:column;width:100%;max-width:360px;gap:16px}.join-screen__label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.join-screen__input{height:64px;background:#1c1c27;border:1.5px solid #2d2d3d;border-radius:12px;color:#fff;font-size:24px;font-weight:700;text-align:center;letter-spacing:.15em;padding:0 16px;outline:none;-webkit-appearance:none;transition:border-color .15s ease;caret-color:#7c3aed}.join-screen__input--nickname{font-size:18px;letter-spacing:.02em}.join-screen__input:focus{border-color:#7c3aed}.join-screen__input:disabled{opacity:.5}.join-screen__button{height:64px;background:#7c3aed;border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;letter-spacing:.02em;cursor:pointer;-webkit-appearance:none;transition:background .1s ease,transform .1s ease;margin-top:8px;touch-action:manipulation}.join-screen__button:active{background:#6d28d9;transform:scale(.98)}.join-screen__button:disabled{opacity:.5;cursor:default}.join-screen__error{font-size:14px;color:#ef4444;text-align:center;min-height:20px;padding:4px 0}.join-screen__spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.gp{position:fixed;inset:0;background:#0d0d1a;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;font-family:system-ui,-apple-system,sans-serif;color:#fff;display:flex;flex-direction:column}.gp__topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,12px) 16px 8px;gap:10px;flex-shrink:0}.gp__topbar-player{display:flex;align-items:center;gap:10px}.gp__topbar-btns{display:flex;align-items:center;gap:6px}.gp__topbar-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffff8c;font-size:18px;letter-spacing:.04em;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms,color 80ms,border-color 80ms}.gp__topbar-btn--pressed{background:#ffffff2e;color:#ffffffe6}.gp__topbar-btn--pending{background:#ff505040;border-color:#ff505099;color:#ffa0a0f2}.gp__color-dot{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.25);flex-shrink:0}.gp__player-label{font-size:20px;font-weight:600;letter-spacing:.03em;color:#fffc}.gp__controls{flex:1;display:flex;align-items:center;justify-content:space-around;padding:12px 20px env(safe-area-inset-bottom,20px);gap:16px}.gp--portrait .gp__controls{flex-direction:row;align-items:flex-end;padding-bottom:max(env(safe-area-inset-bottom,20px),24px)}.gp--landscape .gp__controls{flex-direction:row;align-items:center;padding-left:max(env(safe-area-inset-left,16px),24px);padding-right:max(env(safe-area-inset-right,16px),24px)}.gp__joystick{width:45vmin;height:45vmin;background:#1a1a2e;border-radius:50%;border:2px solid rgba(255,255,255,.12);position:relative;flex-shrink:0;box-shadow:inset 0 0 20px 4px #0006,0 0 12px 2px #ffffff0a}.gp--landscape .gp__joystick{width:38vmin;height:38vmin}.gp__joystick-ring{position:absolute;width:70%;height:70%;top:15%;left:15%;border-radius:50%;border:1.5px solid rgba(255,255,255,.08);pointer-events:none}.gp__joystick-knob{position:absolute;width:30%;height:30%;top:50%;left:50%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff59,#b4b4dc26 60%,#50508c1a);border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #00000080,inset 0 1px 3px #ffffff26;transform:translate(-50%,-50%);transition:transform .22s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.gp__joystick-knob--dragging{transition:none}.gp__buttons{width:45vmin;height:45vmin;position:relative;flex-shrink:0}.gp--landscape .gp__buttons{width:38vmin;height:38vmin}.gp__btn{position:absolute;width:18vmin;height:18vmin;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;letter-spacing:.04em;color:#000000d9;cursor:pointer;transform-origin:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter 80ms ease,box-shadow 80ms ease;-webkit-tap-highlight-color:transparent}.gp--landscape .gp__btn{width:15vmin;height:15vmin}.gp__btn--top{top:0;left:50%;transform:translate(-50%)}.gp__btn--right{right:0;top:50%;transform:translateY(-50%)}.gp__btn--bottom{bottom:0;left:50%;transform:translate(-50%)}.gp__btn--left{left:0;top:50%;transform:translateY(-50%)}.gp__btn--pressed.gp__btn--top{transform:translate(-50%) scale(.88);filter:brightness(1.3)}.gp__btn--pressed.gp__btn--right{transform:translateY(-50%) scale(.88);filter:brightness(1.3)}.gp__btn--pressed.gp__btn--bottom{transform:translate(-50%) scale(.88);filter:brightness(1.3)}.gp__btn--pressed.gp__btn--left{transform:translateY(-50%) scale(.88);filter:brightness(1.3)}.gp__btn--X{background:#48f;box-shadow:0 0 8px 2px #48f3}.gp__btn--B{background:#f44;box-shadow:0 0 8px 2px #f443}.gp__btn--A{background:#4c4;box-shadow:0 0 8px 2px #4c43}.gp__btn--Y{background:#fc0;box-shadow:0 0 8px 2px #fc03}.gp__btn--pressed.gp__btn--X{box-shadow:0 0 20px 6px #4488ff80}.gp__btn--pressed.gp__btn--B{box-shadow:0 0 20px 6px #ff444480}.gp__btn--pressed.gp__btn--A{box-shadow:0 0 20px 6px #44cc4480}.gp__btn--pressed.gp__btn--Y{box-shadow:0 0 20px 6px #ffcc0080}.gp--paused .gp__controls,.gp--paused .gp__topbar{opacity:.35;pointer-events:none;transition:opacity .2s ease}.gp__pause-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0d0d1ac7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;pointer-events:none}.gp__pause-title{font-size:28px;font-weight:700;color:#fff;letter-spacing:.04em}.gp__pause-subtitle{font-size:16px;font-weight:400;color:#fff9;letter-spacing:.02em;text-align:center;padding:0 24px}.gp__tilt-indicator{width:45vmin;height:45vmin;background:#1a1a2e;border-radius:50%;border:2px solid rgba(255,255,255,.12);position:relative;flex-shrink:0;box-shadow:inset 0 0 20px 4px #0006,0 0 12px 2px #ffffff0a;overflow:hidden}.gp--landscape .gp__tilt-indicator{width:38vmin;height:38vmin}.gp__tilt-indicator:before,.gp__tilt-indicator:after{content:"";position:absolute;background:#ffffff0f;pointer-events:none}.gp__tilt-indicator:before{width:1px;height:100%;left:50%}.gp__tilt-indicator:after{width:100%;height:1px;top:50%}.gp__tilt-dot{position:absolute;width:28%;height:28%;top:50%;left:50%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#64c8ffe6,#2864c899);border:2px solid rgba(140,220,255,.6);box-shadow:0 0 12px 4px #50a0ff59,inset 0 1px 3px #ffffff40;transform:translate(-50%,-50%);transition:transform 40ms linear;pointer-events:none}.gp__tilt-calibrate-btn{min-width:44px;min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;background:#50a0ff26;border:1.5px solid rgba(80,160,255,.35);border-radius:10px;color:#8cc8ffe6;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms,color 80ms}.gp__tilt-calibrate-btn--pressed{background:#50a0ff4d;color:#fff}.gp--drawing{display:flex;flex-direction:column}.gp__drawing-area,.gp__text-guess-area{display:none}.gp__toast{position:absolute;top:72px;left:50%;transform:translate(-50%) translateY(-8px);background:#1e1e32eb;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:8px 20px;font-size:14px;font-weight:500;color:#ffffffd9;white-space:nowrap;pointer-events:none;z-index:20;opacity:0;transition:opacity .2s ease,transform .2s ease}.gp__toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.dc{position:relative;width:100%;flex:1;min-height:0;background:#fff;border-radius:12px;overflow:hidden;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 2px #ffffff26,0 4px 20px #00000080}.dc__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.tg{display:flex;flex-direction:column;gap:10px;width:100%;padding:0 4px;box-sizing:border-box}.tg__label{font-size:18px;font-weight:600;color:#ffffffd9;letter-spacing:.02em;text-align:center}.tg__form{display:flex;gap:8px;align-items:stretch}.tg__input{flex:1;height:52px;padding:0 16px;border:2px solid rgba(255,255,255,.18);border-radius:12px;background:#ffffff12;color:#fff;font-size:18px;font-family:system-ui,-apple-system,sans-serif;outline:none;box-sizing:border-box;transition:border-color .12s ease,background .12s ease;-webkit-appearance:none;appearance:none}.tg__input::placeholder{color:#ffffff52}.tg__input:focus{border-color:#ffffff73;background:#ffffff1f}.tg__input:disabled{opacity:.45;cursor:not-allowed}.tg__submit{height:52px;padding:0 20px;border:none;border-radius:12px;background:#4c4;color:#000000d9;font-size:17px;font-weight:700;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;letter-spacing:.03em;transition:filter 80ms ease,transform 80ms ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.tg__submit:active{filter:brightness(1.2);transform:scale(.96)}.tg__submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.tg__status{font-size:15px;font-weight:500;text-align:center;min-height:20px;letter-spacing:.02em;color:transparent;transition:color .15s ease}.tg__status--correct{color:#4e4}.tg__status--wrong{color:#f66}.gpong{position:fixed;inset:0;background:#080814;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;font-family:system-ui,-apple-system,sans-serif;color:#fff;display:flex;flex-direction:column;--gp-player-color: #4488ff}.gpong__stripe{height:4px;background:var(--gp-player-color);box-shadow:0 0 12px 2px var(--gp-player-color);flex-shrink:0}.gpong__hud{display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,6px) 16px 6px;flex-shrink:0;min-height:40px;gap:10px}.gpong__lives{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.gpong__life-pip{width:18px;height:18px;border-radius:50%;background:var(--gp-player-color);box-shadow:0 0 8px 2px var(--gp-player-color);transition:opacity .2s ease,transform .2s ease}.gpong__life-pip--lost{background:transparent;border:1.5px solid rgba(255,255,255,.15);box-shadow:none}.gpong__rally{font-size:13px;font-weight:600;letter-spacing:.06em;color:#ffffff73;white-space:nowrap}.gpong__phase{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffff40;white-space:nowrap}.gpong__trajectory{flex:1;min-height:0;pointer-events:none;display:block;width:100%}.gpong__zones{display:flex;flex-shrink:0;height:44vh;padding-bottom:env(safe-area-inset-bottom,0px)}.gpong__zone{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.gpong__zone--left{width:40%;border-right:1px solid rgba(255,255,255,.06);background:#ffffff04}.gpong__zone--left.gpong__zone--active{background:#ffffff0a}.gpong__zone--smash{width:20%;background:#ffffff05;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.gpong__zone--right{width:40%;border-left:1px solid rgba(255,255,255,.06);background:#ffffff04}.gpong__zone--right.gpong__zone--active{background:#ffffff0a}.gpong__zone-arrow{font-size:32px;color:#ffffff1f;pointer-events:none;transition:color 80ms ease,transform 80ms ease;user-select:none}.gpong__zone--active .gpong__zone-arrow{color:var(--gp-player-color);transform:scale(1.15);filter:drop-shadow(0 0 6px var(--gp-player-color))}.gpong__smash-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gpong__smash-ring-bg{position:absolute;width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.08)}.gpong__smash-ring{position:absolute;width:72px;height:72px;border-radius:50%}.gpong__smash-svg{position:absolute;width:72px;height:72px;transform:rotate(-90deg);pointer-events:none}.gpong__smash-circle{fill:none;stroke:var(--gp-player-color);stroke-width:3;stroke-dasharray:201;stroke-dashoffset:201;stroke-linecap:round;transition:stroke-dashoffset 50ms linear;filter:drop-shadow(0 0 4px var(--gp-player-color))}.gpong__smash-icon{position:relative;font-size:26px;z-index:1;pointer-events:none;transition:transform .12s ease,filter 80ms ease;filter:drop-shadow(0 0 3px rgba(255,255,255,.2))}.gpong__smash-wrap--charging .gpong__smash-icon{transform:scale(1.2);filter:drop-shadow(0 0 8px var(--gp-player-color))}.gpong__smash-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff3;pointer-events:none}.gpong__smash-wrap--cooldown .gpong__smash-icon{opacity:.35}.gpong__smash-wrap--cooldown .gpong__smash-circle{stroke:#fff3;filter:none;transition:stroke-dashoffset .2s linear}.gpong__smash-wrap--ready .gpong__smash-circle{stroke-dashoffset:201}.gpong__calib-overlay{position:absolute;inset:0;background:#080814eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:30}.gpong__calib-title{font-size:22px;font-weight:700;letter-spacing:.04em;color:#fff;text-align:center}.gpong__calib-subtitle{font-size:14px;font-weight:400;color:#ffffff8c;text-align:center;padding:0 32px;line-height:1.5}.gpong__calib-btn{min-width:120px;min-height:52px;padding:0 28px;display:flex;align-items:center;justify-content:center;background:var(--gp-player-color);border-radius:14px;font-size:18px;font-weight:700;letter-spacing:.06em;color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 0 20px 4px var(--gp-player-color);transition:transform 80ms ease,filter 80ms ease}.gpong__calib-btn--pressed{transform:scale(.93);filter:brightness(1.3)}.gpong__tilt-bar{height:3px;background:#ffffff0f;position:relative;flex-shrink:0;overflow:visible}.gpong__tilt-cursor{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gp-player-color);box-shadow:0 0 8px 2px var(--gp-player-color);top:50%;left:50%;transform:translate(-50%,-50%);transition:left 30ms linear;pointer-events:none}.gpong__perm-notice{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#ff3c3c26;border:1px solid rgba(255,60,60,.35);border-radius:12px;padding:10px 20px;font-size:13px;color:#ffa0a0e6;text-align:center;white-space:nowrap;pointer-events:none;z-index:20}.specter-overlay{width:100%;flex-shrink:0;background:#0a0e1feb;border-bottom:1px solid rgba(0,245,255,.12);display:flex;align-items:center;justify-content:center;padding:10px 14px;box-sizing:border-box;gap:14px;font-family:system-ui,-apple-system,sans-serif;min-height:110px}.specter-overlay--ghost{flex-direction:row;align-items:stretch}.specter-minimap{display:block;border-radius:6px;border:1px solid rgba(0,245,255,.25);background:#0009;flex-shrink:0}.specter-ghost-info{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0;gap:8px}.specter-haunt-row{display:flex;align-items:center;gap:6px}.specter-haunt-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffb3478c;white-space:nowrap}.specter-haunt-pips{display:flex;gap:5px;align-items:center}.specter-haunt-pip{width:12px;height:12px;border-radius:50%;background:#ffb347;box-shadow:0 0 6px 2px #ffb34799;flex-shrink:0;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}.specter-haunt-pip--used{background:transparent;border:1.5px solid rgba(255,179,71,.25);box-shadow:none}.specter-vanish{display:flex;align-items:center;gap:5px}.specter-vanish-dot{width:8px;height:8px;border-radius:50%;background:#fff3;flex-shrink:0;transition:background .15s ease,box-shadow .15s ease}.specter-vanish-dot--ready{background:#ffb347;box-shadow:0 0 5px 2px #ffb3478c}.specter-vanish-text{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;transition:color .15s ease}.specter-vanish-text--ready{color:#ffb347}.specter-frozen{display:flex;align-items:center;gap:5px;opacity:0;transition:opacity .2s ease;pointer-events:none}.specter-frozen--active{opacity:1}.specter-frozen-icon{font-size:13px;color:#f44}.specter-frozen-text{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f44}.specter-overlay--hunter{flex-direction:row;align-items:center;justify-content:space-evenly;gap:20px}.specter-scan-arrow-wrap{position:relative;width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.specter-scan-bg{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(0,245,255,.15);background:#00f5ff0a}.specter-scan-arrow{position:absolute;font-size:36px;color:#00f5ff;filter:drop-shadow(0 0 8px rgba(0,245,255,.7));transform-origin:center center;transition:opacity 80ms ease;pointer-events:none;user-select:none}.specter-scan-no-signal{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00f5ff40;text-align:center;pointer-events:none;user-select:none}.specter-cooldown-widget{display:flex;flex-direction:column;align-items:center;gap:5px}.specter-cooldown-svg-wrap{position:relative;width:56px;height:56px}.specter-cooldown-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.specter-cooldown-track{fill:none;stroke:#ffffff12;stroke-width:3}.specter-cooldown-arc{fill:none;stroke:#00f5ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:150.8;stroke-dashoffset:0;transition:stroke-dashoffset 80ms linear,stroke .15s ease;filter:drop-shadow(0 0 4px rgba(0,245,255,.5))}.specter-cooldown-arc--ready{stroke:#00f5ff;filter:drop-shadow(0 0 4px rgba(0,245,255,.5))}.specter-cooldown-arc--cooldown{stroke:#ffffff40;filter:none}.specter-cooldown-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;pointer-events:none;user-select:none;transition:opacity .15s ease}.specter-cooldown-icon--dimmed{opacity:.3}.specter-cooldown-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;white-space:nowrap}.specter-cooldown-timer{font-size:9px;font-weight:600;letter-spacing:.05em;color:#fff6;min-height:12px;white-space:nowrap}.lobby{position:fixed;inset:0;background:#0d0d1a;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;font-family:system-ui,-apple-system,sans-serif;color:#fff;display:flex;flex-direction:column;overflow:hidden}.lobby__header{display:flex;align-items:center;gap:10px;padding:env(safe-area-inset-top,12px) 16px 10px;flex-shrink:0}.lobby__badge{display:flex;align-items:center;gap:8px;background:#ffc8001f;border:1.5px solid rgba(255,200,0,.35);border-radius:20px;padding:6px 14px}.lobby__badge-icon{font-size:16px;line-height:1}.lobby__badge-text{font-size:13px;font-weight:700;letter-spacing:.08em;color:#ffc800e6;text-transform:uppercase}.lobby__color-dot{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;margin-left:auto}.lobby__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px max(env(safe-area-inset-bottom,16px),20px);gap:20px;overflow:hidden}.lobby__dpad{width:48vmin;height:48vmin;max-width:200px;max-height:200px;position:relative;flex-shrink:0}.lobby__dpad-btn{position:absolute;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1.5px solid rgba(255,255,255,.14);border-radius:10px;color:#ffffffb3;font-size:22px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 60ms,transform 60ms;width:32%;height:32%}.lobby__dpad-btn--up{top:0;left:34%}.lobby__dpad-btn--down{bottom:0;left:34%}.lobby__dpad-btn--left{left:0;top:34%}.lobby__dpad-btn--right{right:0;top:34%}.lobby__dpad-btn--pressed{background:#7c3aed73;border-color:#7c3aedb3;color:#fff;transform:scale(.88)}.lobby__action-row{display:flex;gap:16px;justify-content:center}.lobby__action-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.04em;color:#000000d9;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter 80ms ease,box-shadow 80ms ease;flex-shrink:0;flex-direction:column;gap:2px}.lobby__action-btn--A{background:#4c4;box-shadow:0 0 8px 2px #4c43}.lobby__action-btn--B{background:#f44;box-shadow:0 0 8px 2px #f443}.lobby__action-btn--A.lobby__action-btn--pressed{transform:scale(.88);filter:brightness(1.3);box-shadow:0 0 20px 6px #44cc4480}.lobby__action-btn--B.lobby__action-btn--pressed{transform:scale(.88);filter:brightness(1.3);box-shadow:0 0 20px 6px #ff444480}.lobby__action-btn__sub{font-size:9px;font-weight:600;letter-spacing:.06em;opacity:.7;text-transform:uppercase}.lobby__controls{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.lobby__ctrl-btn{height:52px;width:100%;border-radius:12px;border:1.5px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffd9;font-size:15px;font-weight:600;letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 80ms,border-color 80ms,transform 80ms}.lobby__ctrl-btn--start{background:#7c3aed33;border-color:#7c3aed8c;color:#c4b5fd}.lobby__ctrl-btn--vote{background:#fbbf241a;border-color:#fbbf2466;color:#fbbf24e6}.lobby__ctrl-btn--pass{background:#14b8a61a;border-color:#14b8a659;color:#14b8a6e6}.lobby__ctrl-btn--pressed{transform:scale(.95);filter:brightness(1.15)}.lobby__ctrl-btn--rematch{background:#44cc4426;border-color:#44cc4473;color:#44cc44f2}.lobby__ctrl-btn--next{background:#4488ff26;border-color:#4488ff73;color:#4488fff2}.lobby__ctrl-btn--back{background:#ffffff0a;border-color:#ffffff1f;color:#ffffff8c}.lobby__bot-section{display:flex;align-items:center;gap:10px;width:100%;max-width:280px}.lobby__bot-add{flex:1;height:48px;border-radius:12px;border:1.5px solid rgba(99,220,180,.45);background:#63dcb41a;color:#63dcb4f2;font-size:14px;font-weight:700;letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:7px;transition:background 80ms,border-color 80ms,transform 80ms,opacity 80ms}.lobby__bot-add__icon{font-size:11px;font-weight:800;letter-spacing:.06em;background:#63dcb440;border-radius:5px;padding:2px 5px}.lobby__bot-add--pressed{transform:scale(.94);background:#63dcb438;border-color:#63dcb4bf}.lobby__bot-add--disabled{opacity:.38;pointer-events:none}.lobby__bot-add--hidden,.lobby__bot-difficulty--hidden{display:none}.lobby__bot-difficulty{height:48px;min-width:80px;border-radius:12px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff12;color:#ffffffbf;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;transition:background 80ms,border-color 80ms,transform 80ms;flex-shrink:0}.lobby__bot-difficulty--pressed{transform:scale(.94);background:#ffffff21;border-color:#ffffff4d}.lobby__player-list{width:100%;max-width:280px;display:flex;flex-direction:column;gap:6px}.lobby__player-item{height:46px;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;display:flex;align-items:center;padding:0 10px;gap:9px}.lobby__player-item__dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.18)}.lobby__player-item__name{flex:1;font-size:14px;font-weight:600;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby__player-item__cpu-badge{font-size:10px;font-weight:800;letter-spacing:.07em;background:#8c64ff40;border:1px solid rgba(140,100,255,.45);color:#b496fff2;border-radius:5px;padding:2px 6px;flex-shrink:0}.lobby__player-item__diff{font-size:12px;font-weight:700;color:#ffffff8c;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:4px 9px;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms,border-color 80ms,transform 80ms;min-width:52px;text-align:center}.lobby__player-item__diff--pressed{transform:scale(.91);background:#ffffff1a;border-color:#ffffff59;color:#ffffffd9}.lobby__player-item__diff--readonly{cursor:default;pointer-events:none;opacity:.6}.lobby__player-item__remove{width:30px;height:30px;border-radius:8px;border:1.5px solid rgba(255,80,80,.4);background:#ff50501a;color:#ff6464e6;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;transition:background 80ms,border-color 80ms,transform 80ms}.lobby__player-item__remove--pressed{transform:scale(.88);background:#ff505047;border-color:#ff5050bf}.lobby__picker-overlay{position:absolute;inset:0;background:#0d0d1aeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;z-index:30;padding:env(safe-area-inset-top,16px) 20px max(env(safe-area-inset-bottom,16px),20px);gap:12px}.lobby__picker-title{font-size:18px;font-weight:700;color:#ffffffe6;text-align:center;margin-top:8px}.lobby__picker-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.lobby__picker-item{height:56px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0f;display:flex;align-items:center;padding:0 16px;gap:12px;color:#ffffffd9;font-size:16px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms,border-color 80ms}.lobby__picker-item--pressed{background:#ffffff24;border-color:#ffffff4d}.lobby__picker-item__dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.2)}.lobby__picker-cancel{height:52px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:transparent;color:#ffffff73;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 80ms}.lobby__picker-cancel--pressed{background:#ffffff0f}.lobby__waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px 24px max(env(safe-area-inset-bottom,20px),24px)}.lobby__waiting-title{font-size:20px;font-weight:600;color:#ffffff80;text-align:center}.lobby__waiting-game{font-size:22px;font-weight:700;color:#ffffffd9;text-align:center;min-height:28px}.lobby__suggest-btn{height:60px;min-width:220px;border-radius:16px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff12;color:#ffffffe0;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 80ms,border-color 80ms,transform 80ms}.lobby__suggest-btn--pressed{transform:scale(.95);background:#ffffff21;border-color:#ffffff4d}.lobby__postgame-wait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 24px}.lobby__postgame-label{font-size:18px;font-weight:600;color:#ffffff73;text-align:center}.vote{position:fixed;inset:0;background:#0d0d1a;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;font-family:system-ui,-apple-system,sans-serif;color:#fff;display:flex;flex-direction:column;overflow:hidden}.vote__header{padding:env(safe-area-inset-top,12px) 20px 10px;flex-shrink:0}.vote__title{font-size:20px;font-weight:800;letter-spacing:.04em;color:#fff}.vote__subtitle{font-size:13px;color:#ffffff73;margin-top:2px}.vote__list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px;display:flex;flex-direction:column;gap:8px}.vote__item{height:58px;border-radius:14px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;padding:0 16px;gap:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms,border-color 80ms}.vote__item--ranked{background:#ffffff1a;border-color:#ffffff40}.vote__item--pressed{filter:brightness(1.2)}.vote__item__rank{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#ffffff4d;flex-shrink:0;transition:background 80ms,border-color 80ms,color 80ms}.vote__item--ranked .vote__item__rank{border-color:transparent;color:#000c}.vote__item__name{flex:1;font-size:16px;font-weight:600;color:#ffffffd9}.vote__footer{padding:10px 16px max(env(safe-area-inset-bottom,16px),20px);flex-shrink:0}.vote__submit{width:100%;height:58px;border-radius:14px;border:none;background:#7c3aed;color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms,transform 80ms;display:flex;align-items:center;justify-content:center}.vote__submit:disabled{background:#7c3aed4d;color:#fff6}.vote__submit--pressed{transform:scale(.97);filter:brightness(1.15)}.vote__submitted{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.vote__submitted__icon{font-size:48px;line-height:1}.vote__submitted__text{font-size:20px;font-weight:700;color:#ffffffe0;text-align:center}.vote__submitted__sub{font-size:14px;color:#ffffff73;text-align:center}