:root{color-scheme:light;--ink:#172033;--muted:#5d687d;--surface:rgba(250,252,255,.94);--surface-strong:#f9fbff;--line:rgba(31,48,78,.16);--accent:#e9544b;--accent-deep:#c93f38;--soft:#eef3fb;--shadow:0 24px 70px rgba(27,42,71,.2);--radius:18px;--button-radius:12px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;background:#a8dcff;color:var(--ink)}button,input{font:inherit}button{touch-action:manipulation}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.connection{position:fixed;z-index:30;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 10px 28px rgba(22,33,56,.12);font-size:12px;font-weight:700;color:var(--muted);backdrop-filter:blur(18px)}.connection-dot{width:8px;height:8px;border-radius:50%;background:#e2a23b}.connection.online .connection-dot{background:#27a66f}.connection.offline .connection-dot{background:var(--accent)}.lobby{position:relative;z-index:10;display:grid;grid-template-columns:minmax(320px,510px) minmax(300px,400px);gap:22px;align-items:end;width:min(1180px,calc(100% - 48px));min-height:100dvh;margin:0 auto;padding:clamp(70px,9vh,110px) 0 6vh}.lobby[hidden]{display:none}.lobby-panel,.mission-card{border:1px solid rgba(255,255,255,.56);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(130%)}.lobby-panel{padding:clamp(26px,4.5vw,48px);border-radius:var(--radius)}.brand{display:flex;align-items:center;gap:11px;margin-bottom:30px;font-weight:850;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;font-size:19px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}h1{max-width:540px;margin:0;font-size:clamp(42px,6.2vw,72px);line-height:.94;letter-spacing:-.055em}h2,p{margin-top:0}.lobby-copy{max-width:38ch;margin:22px 0 28px;color:var(--muted);font-size:17px;line-height:1.5}form{display:grid;gap:17px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:800}.field input{width:100%;height:50px;border:1px solid var(--line);border-radius:var(--button-radius);outline:none;background:var(--surface-strong);padding:0 14px;color:var(--ink);font-size:16px;font-weight:650;text-transform:none}.field input::placeholder{color:#7b8495}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(233,84,75,.15)}#room-code{text-transform:uppercase;letter-spacing:.18em}.field span{color:var(--muted);font-size:12px;line-height:1.4}.form-error{min-height:19px;margin:-6px 0 0;color:#b42318;font-size:13px;font-weight:700}.lobby-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.button{min-height:50px;border-radius:var(--button-radius);font-weight:800;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.button:active{transform:translateY(1px) scale(.99)}.button:focus-visible,.room-code:focus-visible,.mobile-actions button:focus-visible{outline:3px solid rgba(233,84,75,.25);outline-offset:3px}.button.primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.button.secondary{border:1px solid var(--line);background:var(--soft);color:var(--ink)}.button.secondary:hover{background:#e4ebf6}.button:disabled{cursor:wait;opacity:.58}.mission-card{align-self:end;display:grid;gap:22px;padding:24px;border-radius:var(--radius)}.mission-visual{position:relative;height:176px;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#1a2947,#243d67)}.mission-core{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:18px;background:#f2cc55;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 12px rgba(242,204,85,.12)}.mission-cube{position:absolute;width:42px;height:42px;border-radius:10px;background:#63c795;box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}.cube-one{left:18%;top:24%;transform:rotate(-12deg)}.cube-two{right:16%;bottom:20%;background:#6c90ef;transform:rotate(16deg)}.mission-card h2{margin-bottom:8px;font-size:24px;letter-spacing:-.03em}.mission-card p{margin-bottom:0;color:var(--muted);line-height:1.5}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.facts div{padding-top:13px;border-top:1px solid var(--line)}.facts dt{color:var(--muted);font-size:11px}.facts dd{margin:5px 0 0;font-size:13px;font-weight:800}.hud{position:fixed;z-index:20;inset:0;pointer-events:none;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.hud[hidden],.victory[hidden]{display:none}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.mission-hud,.room-hud{border:1px solid rgba(255,255,255,.5);border-radius:var(--radius);background:var(--surface);box-shadow:0 16px 46px rgba(24,37,63,.16);backdrop-filter:blur(18px)}.mission-hud{width:min(410px,45vw);padding:18px 20px}.hud-label{display:block;margin:0 0 5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.mission-hud h2{margin:0 0 12px;font-size:21px;letter-spacing:-.025em}.progress{height:7px;overflow:hidden;border-radius:999px;background:#dce4f0}.progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.mission-hud>p:last-child{margin:9px 0 0;color:var(--muted);font-size:12px;font-weight:700}.room-hud{display:flex;align-items:center;gap:18px;padding:13px 15px;pointer-events:auto}.room-code{display:block;margin-top:3px;padding:0;border:0;background:none;color:var(--ink);font-size:22px;font-weight:900;letter-spacing:.14em;cursor:pointer}.players-box{display:grid;gap:6px;min-width:92px;padding-left:16px;border-left:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700}.players{display:flex}.player-chip{display:grid;place-items:center;width:25px;height:25px;margin-left:-5px;border:2px solid var(--surface-strong);border-radius:50%;color:#fff;font-size:9px;font-weight:900}.player-chip:first-child{margin-left:0}.controls-hint{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:18px;padding:10px 14px;border-radius:12px;background:rgba(23,32,51,.78);color:#fff;font-size:11px;backdrop-filter:blur(12px)}kbd{display:inline-grid;place-items:center;min-width:28px;height:24px;margin-right:4px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(255,255,255,.12);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-controls{display:none}.victory{position:fixed;z-index:40;inset:0;display:grid;place-items:center;background:rgba(18,29,50,.34);pointer-events:none}.victory-panel{width:min(420px,calc(100% - 32px));padding:34px;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:center;backdrop-filter:blur(24px);animation:arrive .45s cubic-bezier(.16,1,.3,1)}.victory-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:16px;background:var(--accent);color:#fff;font-size:32px;font-weight:900}.victory h2{margin-bottom:8px;font-size:34px;letter-spacing:-.04em}.victory p{margin-bottom:0;color:var(--muted);line-height:1.5}.toast{position:fixed;z-index:60;left:50%;bottom:82px;transform:translate(-50%,18px);max-width:min(420px,calc(100% - 24px));padding:12px 16px;border-radius:12px;background:#172033;color:#fff;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes arrive{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-color-scheme:dark){:root{--ink:#eef4ff;--muted:#a8b4c8;--surface:rgba(19,29,48,.92);--surface-strong:#17233a;--line:rgba(210,224,248,.17);--soft:#22314c;--shadow:0 24px 70px rgba(3,9,20,.42)}.field input::placeholder{color:#8995aa}.progress{background:#34435c}.button.secondary:hover{background:#2a3b59}}@media(max-width:800px){.lobby{grid-template-columns:1fr;width:min(560px,calc(100% - 24px));align-content:end;padding-top:66px;padding-bottom:18px}.mission-card{display:none}.lobby-panel{padding:24px}.controls-hint{display:none}.hud{padding:10px}.hud-top{gap:8px}.mission-hud{width:min(62vw,350px);padding:13px 14px}.mission-hud h2{font-size:16px}.room-hud{padding:10px 11px}.players-box{display:none}.room-code{font-size:17px}.mobile-controls{position:absolute;inset:auto 10px max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end}.joystick{position:relative;width:112px;height:112px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(20,30,48,.27);pointer-events:auto;touch-action:none;backdrop-filter:blur(8px)}.joystick span{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 6px 18px rgba(16,27,46,.22);transform:translate(-50%,-50%)}.mobile-actions{display:grid;gap:10px}.mobile-actions button{width:78px;height:52px;border:1px solid rgba(255,255,255,.45);border-radius:var(--button-radius);background:rgba(23,32,51,.78);color:#fff;font-size:12px;font-weight:800;pointer-events:auto;backdrop-filter:blur(10px)}#jump{height:68px;background:var(--accent);border-color:var(--accent)}}@media(max-width:520px){h1{font-size:44px}.lobby-copy{margin:17px 0 22px}.lobby-actions{grid-template-columns:1fr}.field input{height:47px}.hud-label{font-size:9px}.mission-hud h2{margin-bottom:8px}.progress{height:6px}}@media(max-height:690px) and (max-width:800px){.lobby{overflow:auto;align-content:start}.brand{margin-bottom:18px}h1{font-size:38px}.lobby-copy{margin:14px 0 17px}.lobby-panel{padding:20px}form{gap:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){.lobby-panel,.mission-card,.mission-hud,.room-hud,.connection,.victory-panel{backdrop-filter:none;background:var(--surface-strong)}}