@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--viewport-height: 100dvh;--bg: #07131b;--surface: rgba(16, 28, 33, .9);--text: #f7f3df;--muted: #a8c0b1;--amber: #ffbd59;--green: #8effae;--line: rgba(255, 255, 255, .16);--display: "Space Grotesk", Inter, system-ui, sans-serif;--body: Inter, system-ui, sans-serif;color-scheme:dark;color:var(--text);background:var(--bg);font-family:var(--body);font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0;background:var(--bg)}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:where(a,button,input):focus-visible{outline:3px solid var(--amber);outline-offset:3px}.outlol-shell,.game-view{position:relative;min-height:var(--viewport-height);overflow:hidden;color:var(--text);background:var(--bg)}.world-canvas,.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.world-canvas canvas{display:block;width:100%;height:100%}.world-header{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;pointer-events:none}.world-header>*{pointer-events:auto}.header-actions{display:flex;gap:8px}.brand-mark{color:var(--text);font:800 1.35rem var(--display);letter-spacing:-.06em;text-decoration:none}.brand-mark span{color:var(--amber)}.world-stats{display:flex;align-items:center;gap:10px;color:#bed0c4;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.profile-button,.ghost-button,.primary-button,.secondary-button{min-height:42px;border:1px solid var(--line);border-radius:999px;padding:10px 18px;color:var(--text);font-weight:700;text-decoration:none}.profile-button,.ghost-button{background:#07131b99}.primary-button{border-color:transparent;background:var(--amber);color:#172119}.secondary-button{border-color:#8effae73;background:#256845}.full-width{width:100%;text-align:center}.world-copy{position:absolute;z-index:2;top:17%;left:7%;width:min(460px,56vw);pointer-events:none}.world-copy h1{margin:8px 0 14px;color:var(--text);font:800 clamp(2.5rem,6vw,5.4rem) / .92 var(--display);letter-spacing:-.08em}.world-copy h1 em{color:var(--green);font-style:normal}.world-copy p:not(.eyebrow){max-width:330px;color:#b4c9bd;font-size:1.05rem;line-height:1.5}.eyebrow{margin:0 0 12px;color:var(--amber);font-size:.7rem;font-weight:800;letter-spacing:.2em}.world-hint{position:absolute;z-index:3;bottom:24px;left:50%;transform:translate(-50%);color:#e0efe1a6;font-size:.75rem;letter-spacing:.08em;white-space:nowrap}.field-list{position:absolute;z-index:3;bottom:58px;left:28px;display:grid;gap:6px;width:min(290px,calc(100vw - 56px));max-height:38vh;overflow:auto}.field-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:9px 11px;color:var(--text);text-align:left;background:#07131bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field-list button small{color:var(--muted);font-size:.67rem;text-transform:uppercase}.field-panel{position:absolute;z-index:5;top:92px;right:24px;width:min(390px,calc(100vw - 48px));max-height:calc(100% - 130px);overflow:auto;padding:24px;border:1px solid rgba(244,235,221,.25);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px #0006}.field-panel h2{margin:8px 0 4px;font:800 2rem var(--display);letter-spacing:-.06em}.field-status{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#bfd3c6}.status-dot{width:9px;height:9px;border-radius:50%;background:#849499}.status-dot.playing{background:var(--amber);box-shadow:0 0 12px var(--amber)}.status-dot.lobby{background:var(--green);box-shadow:0 0 12px var(--green)}.close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border:0;border-radius:50%;color:var(--text);background:#ffffff14;font-size:1.35rem}.field-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:24px}.surface-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:800}.surface-heading small{color:var(--muted);font-size:.68rem;font-weight:500}.surface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.surface-card{display:grid;gap:4px;min-height:76px;border:1px solid var(--line);border-radius:12px;padding:9px;color:var(--text);text-align:left;background:#ffffff0b}.surface-card.selected{border-color:var(--green);background:#59f28c21}.surface-card strong{font-size:1.1rem}.surface-card small{overflow:hidden;color:var(--muted);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.notice{margin:12px 0 0;color:var(--green);font-size:.82rem}.sponsor-input{display:grid;gap:6px;margin-top:10px;color:var(--muted);font-size:.73rem;font-weight:700}.dialog-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#03080aa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-card{position:relative;width:min(440px,100%);padding:30px;border:1px solid rgba(244,235,221,.25);border-radius:20px;background:#101c21;box-shadow:0 24px 70px #0006}.dialog-card h2{margin:8px 0;font:800 2rem var(--display);letter-spacing:-.06em}.dialog-card p:not(.eyebrow){color:#b4c9bd;line-height:1.5}.dialog-card label{display:grid;gap:8px;margin-top:20px;color:#dce8de;font-size:.82rem;font-weight:700}input{min-height:46px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text);background:#070a0fb8}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.profile-card{display:grid;gap:10px}.game-view{display:grid;place-items:center}.game-canvas{z-index:1;display:block;background:#10291d}.game-hud{position:absolute;z-index:3;top:18px;right:20px;left:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.game-hud>*{pointer-events:auto}.score-pill{border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:#07131bcc;font-weight:800}.game-help{color:#e0efe1b3;font-size:.75rem}.room-controls{position:absolute;z-index:3;top:74px;left:20px;width:min(280px,calc(100vw - 40px));padding:15px;border:1px solid var(--line);border-radius:16px;background:#07131bd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-notice{position:absolute;z-index:5;top:265px;left:20px;max-width:280px;margin:0;color:var(--amber);font-size:.75rem}.player-roster{position:absolute;z-index:4;top:74px;right:20px;display:grid;gap:5px;width:min(260px,calc(100vw - 40px))}.roster-player{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#07131bd1;font-size:.72rem}.roster-player.red{border-left:4px solid #f07167}.roster-player.blue{border-left:4px solid #6eb6f4}.roster-player small{color:var(--muted);text-transform:uppercase}.roster-actions{display:flex;gap:3px}.roster-actions button{width:24px;height:24px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:#ffffff0f;font-size:.62rem}.room-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-controls label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:700}.room-controls select{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:7px;color:var(--text);background:#ffffff0f}.room-toggle{display:flex!important;grid-template-columns:none;align-items:center;margin:10px 0}.team-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.team-actions button{border:1px solid var(--line);border-radius:8px;padding:7px 5px;color:var(--text);background:#ffffff0f;font-size:.7rem}.match-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.match-actions button{border:1px solid var(--line);border-radius:8px;padding:7px 3px;color:var(--text);background:#ffbd591f;font-size:.68rem}.touch-controls{position:absolute;z-index:4;right:22px;bottom:max(22px,env(safe-area-inset-bottom));left:22px;display:none;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls>*{pointer-events:auto}.joystick-pad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:4px;opacity:.84}.joystick-pad button{border:1px solid rgba(255,255,255,.22);border-radius:12px;color:var(--text);background:#07131bb8;font-size:1.3rem;touch-action:none}.joystick-pad button:nth-child(1){grid-column:2}.joystick-pad button:nth-child(2){grid-column:1;grid-row:2}.joystick-pad button:nth-child(3){grid-column:2;grid-row:2}.joystick-pad button:nth-child(4){grid-column:3;grid-row:2}.shoot-button{width:88px;height:88px;border:0;border-radius:50%;color:#182218;background:var(--amber);font-size:.72rem;font-weight:900;touch-action:none}@media(max-width:760px){.world-header{padding:16px}.world-copy{top:13%;left:20px;width:calc(100vw - 40px)}.world-copy h1{font-size:clamp(2.8rem,15vw,4.8rem)}.world-copy p:not(.eyebrow){font-size:.9rem}.field-panel{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:62vh;padding:19px}.world-stats{display:none}.world-hint{bottom:8px;font-size:.62rem}.field-list{bottom:40px;left:16px;width:min(260px,calc(100vw - 32px))}.game-help{display:none}.room-controls{top:auto;right:16px;bottom:120px;left:16px;width:auto}.touch-controls{display:flex}}@media(orientation:portrait)and (max-width:760px){.game-view:after{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:32px;color:var(--text);background:#07131be6;content:"Turn your phone sideways to play";font:800 1.7rem var(--display);text-align:center}.touch-controls{opacity:.2}}@media(orientation:landscape)and (max-width:900px){.touch-controls{display:flex}.room-controls{top:54px;right:auto;bottom:auto;left:50%;width:360px;padding:9px;transform:translate(-50%)}.room-controls .eyebrow{display:none}.room-controls .room-toggle{margin:5px 0}.player-roster{top:54px;right:8px;width:190px}}