:root{font-family:Inter,Segoe UI,sans-serif;color:#f2eee2;background:#14282b;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}#renderCanvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#hud{position:absolute;top:22px;left:24px;font-size:12px;color:#f4efde;background:#122c2bcc;padding:10px 14px;border:1px solid #fff2;border-radius:8px;pointer-events:none;z-index:5;max-width:65%}#loginContainer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 30%,#456a62 0,transparent 60%),linear-gradient(140deg,#10262c,#243c3b 65%,#746348)}.entry-card{width:min(460px,90vw);padding:44px;border:1px solid #e2d1a14d;border-radius:20px;background:#142c2dee;box-shadow:0 30px 90px #07191b80}.eyebrow{color:#d5bf84;letter-spacing:.23em;font-size:11px;text-transform:uppercase}h1{font-weight:500;font-size:48px;letter-spacing:-2px;line-height:1.1;margin:18px 0 10px}#loginContainer p{color:#b4c5be;font-size:14px;line-height:1.65;margin:0 0 24px}label{display:block;font-size:12px;color:#d5dacd;margin:15px 0 7px}input,select{width:100%;padding:12px;color:#eef1e3;background:#253f40;border:1px solid #647b70;border-radius:7px}#googleBtnContainer{font-size:12px;color:#a7bab1;margin:20px 0 10px}#guestBtn{width:100%;padding:13px;background:#e6c886;color:#182e30;border:0;border-radius:7px;font-weight:600;margin-top:12px}#guestBtn:hover{background:#f5dba4}.entry-note{margin-top:22px;color:#8da49b;font-size:11px;line-height:1.6}.city-map{position:absolute;right:24px;top:22px;width:205px;background:#142d2ee8;border:1px solid #cbbf8b66;border-radius:10px;overflow:hidden;z-index:9;box-shadow:0 4px 24px #0003}.city-map button{width:100%;text-align:left;border:0;background:transparent;color:#e6d5a7;padding:12px;font-size:13px;letter-spacing:.03em}.city-map canvas{width:100%;display:block}.city-map>div{font-size:10px;padding:9px;color:#c1cdbb}.city-map.expanded{width:min(720px,85vw,82vh);top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #071a25aa}.game-controls{position:absolute;left:24px;bottom:25px;padding:10px 14px;border-radius:8px;background:#122c2bcc;font-size:12px;color:#e1e2ce;z-index:8;max-width:65%}.game-actions{position:absolute;right:24px;bottom:24px;z-index:10;display:flex;gap:8px}.game-actions button{background:#163132dc;color:#eee1bc;border:1px solid #ffffff38;border-radius:6px;padding:10px}.connection-notice{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:16px;text-align:center;background:#102a2ee8;z-index:90;color:#fff1cb}.connection-notice button{padding:14px;border:0;border-radius:7px;background:#e6c886;color:#18332e}@media(max-width:700px){.entry-card{padding:28px}h1{font-size:38px}.city-map{width:140px;right:12px;top:66px}#hud{top:12px;left:12px;max-width:95%}.game-controls{left:12px;bottom:70px;max-width:90%;font-size:10px}.game-actions{right:12px;bottom:12px}}.geo-status{position:fixed;top:66px;left:16px;max-width:calc(100vw - 265px);padding:6px 10px;background:#193536dd;color:#fff0cc;font:11px/1.4 sans-serif;border-radius:5px;pointer-events:none}.geo-status.error{background:#712e26}.entry-brand{display:flex;align-items:center;gap:14px}.entry-brand img{flex:none}.entry-brand .eyebrow{line-height:1.6}#loginContainer{padding:24px 0;overflow-y:auto;align-items:flex-start}.entry-card{margin:auto}.mall-status{position:fixed;top:101px;left:16px;padding:7px 10px;border-radius:5px;background:#193536e8;color:#fff0cc;font:11px/1.4 sans-serif;max-width:calc(100vw - 265px);pointer-events:none}.mall-panel{position:fixed;right:24px;top:110px;width:min(450px,calc(100vw - 32px));max-height:calc(100vh - 185px);overflow:auto;z-index:20;background:#193536f5;color:#f4eedc;border:1px solid #e4d9b877;border-radius:12px;padding:18px;box-shadow:0 10px 40px #0005}.mall-panel h2{font-size:18px;margin:0 0 10px}.mall-panel p{font-size:12px;line-height:1.5;color:#d1d9cb}.mall-panel canvas{display:block;width:100%;margin:12px 0;border-radius:6px}.mall-panel button,.mall-lift button,.mall-door{background:#e6c886;color:#193536;border:0;border-radius:6px;padding:9px;font:12px sans-serif}.mall-lift,.mall-door{position:fixed;left:50%;transform:translate(-50%);bottom:100px;z-index:15}.mall-lift{padding:12px;border-radius:8px;background:#193536ef;font-size:12px;max-width:90vw}.mall-lift button{margin:4px}[hidden]{display:none!important}:root{--studio-panel:#193536f5;--studio-text:#f4eedc;--studio-accent:#e6c886;--studio-edge:#e4d9b866}.studio-panel{position:fixed;z-index:40;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-edge);border-radius:14px;padding:22px;box-shadow:0 18px 60px #0007;max-height:90vh;overflow:auto}.account-panel{width:min(510px,94vw);top:50%;left:50%;transform:translate(-50%,-50%)}.editor-panel{width:min(410px,94vw);right:14px;top:14px;max-height:calc(100vh - 28px)}.studio-panel h2{font-size:22px;font-weight:550;margin:0 0 12px}.studio-panel p,.studio-panel li{font-size:12px;line-height:1.5;color:#d8e0d3}.studio-panel li{margin-bottom:8px}.studio-panel fieldset{border:1px solid var(--studio-edge);border-radius:8px;margin:16px 0;padding:14px}.studio-panel legend{font-size:13px;color:var(--studio-accent)}.studio-panel button{background:var(--studio-accent);border:0;border-radius:6px;padding:10px 13px;margin:8px 6px 0 0;color:#193536;font-size:12px;min-height:38px}.studio-panel input,.studio-panel select{padding:9px;margin-top:5px}.studio-panel input[type=color]{height:42px;padding:4px}.character-help{margin:7px 0 0;color:#b9c9bc;font-size:11px}.studio-panel [role=status]:not(:empty){padding:10px;border-left:3px solid var(--studio-accent);background:#0f2628}.game-actions{max-width:calc(100vw - 36px);flex-wrap:wrap;justify-content:flex-end}.game-actions button{font-size:12px}.player-hud{left:50%;transform:translate(-50%);bottom:76px;max-width:94vw;white-space:nowrap}@media(max-width:700px){.player-hud{bottom:64px;font-size:10px!important;padding:6px!important;white-space:normal;text-align:center;width:94vw}.geo-attribution{bottom:152px!important}}@media(max-width:700px){.studio-panel{padding:16px}.editor-panel{width:min(360px,88vw)}.game-controls{bottom:115px}.game-actions{bottom:10px;max-width:96vw}}@media(max-width:700px){.mall-status{top:142px;max-width:55%;font-size:10px}.game-actions{max-width:95vw;gap:4px}.game-actions button{font-size:10px;padding:8px}.mall-panel{right:16px}}.geo-attribution{position:fixed;left:16px;bottom:66px;color:#fff2d2;background:#193536dd;padding:5px 9px;font:11px sans-serif;border-radius:4px}@media(max-width:700px){.geo-attribution{bottom:114px;z-index:8}.geo-status{max-width:calc(100vw - 178px);font-size:10px}}.weather-attribution{position:fixed;left:16px;bottom:96px;color:#fff2d2;background:#193536dd;padding:5px 9px;font:11px sans-serif;border-radius:4px;text-decoration:none;z-index:8}.weather-attribution:hover{text-decoration:underline}@media(max-width:700px){.weather-attribution{bottom:178px;font-size:10px}}.chat-panel{position:fixed;right:18px;bottom:72px;z-index:45;width:min(390px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 96px));overflow:auto;padding:16px;background:#193536f8;color:#f4eedc;border:1px solid #e4d9b877;border-radius:12px;box-shadow:0 18px 60px #0008}.chat-panel h2{display:inline;margin:0;font-size:18px}.chat-close{float:right}.chat-tabs{display:flex;gap:6px;margin:14px 0 10px}.chat-tabs button,.chat-peer button,.chat-close{border:1px solid #e4d9b866;border-radius:6px;padding:7px 9px;background:#244345;color:#f4eedc;font-size:12px}.chat-tabs button.selected{background:#e6c886;color:#193536}.chat-messages{min-height:150px;max-height:235px;overflow:auto;padding:8px;background:#0f2628;border-radius:7px}.chat-message{margin:0 0 8px;font:12px/1.4 system-ui}.chat-message strong{display:block;color:#e6c886}.chat-message span{overflow-wrap:anywhere}.chat-empty,.chat-status,.chat-peer-title{margin:5px 0;color:#b9c9bc;font-size:11px}.chat-peers{margin:12px 0}.chat-peer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-size:12px}.chat-peer button:disabled{opacity:.55;cursor:default}.chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:6px;margin-top:10px}.chat-compose select,.chat-compose input{min-width:0;padding:9px;background:#253f40;color:#eef1e3;border:1px solid #647b70;border-radius:6px}.chat-compose button{padding:9px;background:#e6c886;color:#193536;border:0;border-radius:6px;font-weight:600}.chat-compose select[hidden]{display:none}.chat-voice{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:11px;color:#b9c9bc}.chat-voice span{margin-right:auto}.chat-voice button{border:1px solid #e4d9b866;border-radius:6px;padding:6px 8px;background:#244345;color:#f4eedc;font-size:11px}.chat-voice button:disabled{opacity:.5}.chat-peer-voice{margin-left:auto;color:#b9c9bc;font-size:10px}.carrom-prompt{position:fixed;left:50%;bottom:112px;transform:translate(-50%);z-index:35;border:1px solid #f3d79288;border-radius:999px;padding:12px 20px;background:#142c2ff2;color:#ffeab2;box-shadow:0 0 0 3px #d8a84d22,0 12px 38px #0008;font:700 12px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;animation:carrom-glow 1.5s ease-in-out infinite alternate}.football-prompt{position:fixed;left:50%;bottom:112px;transform:translate(-50%);z-index:36;border:1px solid #e8f7d488;border-radius:999px;padding:12px 20px;background:#12382ff2;color:#f1ffd9;box-shadow:0 0 0 3px #87c56a22,0 12px 38px #0008;font:750 12px/1 system-ui;letter-spacing:.07em;text-transform:uppercase}.football-hud{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:38;display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto;align-items:center;gap:12px;min-width:min(560px,92vw);padding:10px 14px;border:1px solid #dcefcf55;border-radius:12px;background:#102d28e8;color:#eff7e8;box-shadow:0 10px 34px #0007}.football-hud strong{font-size:24px;letter-spacing:.08em}.football-hud span{font-size:12px}.football-hud>span:first-child{font-variant-numeric:tabular-nums;color:#d7ebc8}.football-hud button{border:1px solid #e8f1df55;border-radius:7px;padding:7px 10px;background:#284b40;color:#f4f7ed}.football-power{position:absolute;left:16%;right:16%;bottom:-11px;height:7px;border-radius:10px;background:#071c18cc;overflow:hidden}.football-power i{display:block;height:100%;width:18%;background:linear-gradient(90deg,#9ade72 0,#9ade72 64%,#f2d45e,#e66754)}@media(max-width:700px){.football-prompt{bottom:150px;max-width:90vw;font-size:10px}.football-hud{top:62px;grid-template-columns:auto auto 1fr auto;gap:7px;padding:8px}.football-hud strong{font-size:18px}.football-hud span{font-size:10px}}.mobile-controls,.mobile-look-zone,.mobile-joystick,.mobile-action{display:none}@media(pointer:coarse){.game-controls{display:none}.mobile-controls{display:contents}.mobile-look-zone{display:block;position:fixed;z-index:7;left:48%;right:0;top:0;bottom:0;touch-action:none}.mobile-joystick{display:block;position:fixed;z-index:20;left:max(22px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:124px;height:124px;border:2px solid #f3e5bd8c;border-radius:50%;background:radial-gradient(circle,#d7bd7f26 0,#d7bd7f26 34%,#102b2d9c 36%,#102b2d9c);box-shadow:inset 0 0 0 7px #07171844,0 8px 24px #0006;touch-action:none}.mobile-joystick:after{content:"";position:absolute;inset:50% auto auto 50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#f3e5bd}.mobile-joystick-thumb{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px;border:1px solid #fff3cead;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4cf,#c99546);box-shadow:0 3px 12px #0008;will-change:transform}.mobile-action{display:block;position:fixed;z-index:20;right:max(20px,env(safe-area-inset-right));bottom:max(38px,env(safe-area-inset-bottom));min-width:76px;min-height:44px;padding:10px 14px;border:1px solid #ffe8a99c;border-radius:999px;background:#d5a759ef;color:#173132;box-shadow:0 5px 20px #0008;font-weight:750;font-size:12px;letter-spacing:.02em;touch-action:manipulation}.mobile-action[hidden]{display:none}}@keyframes carrom-glow{to{border-color:#ffe09e;box-shadow:0 0 24px #d8a84d66,0 12px 38px #0008}}.carrom-panel{position:fixed;top:18px;right:18px;bottom:18px;left:18px;z-index:70;overflow:auto;padding:26px;border:1px solid #dfbd7066;border-radius:20px;background:radial-gradient(circle at 18% 10%,#42635d55,transparent 34%),linear-gradient(145deg,#0e2022f7,#182f30fa 64%,#302619f8);color:#f8edcf;box-shadow:0 24px 90px #000c}.carrom-panel>header span{display:block;color:#d7ab56;font:700 10px/1 system-ui;letter-spacing:.22em}.carrom-panel>header h2{margin:7px 0 18px;font:500 clamp(24px,4vw,42px)/1.05 system-ui;letter-spacing:-.03em}.carrom-panel h3{margin:22px 0 9px;color:#e9c87d;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.carrom-panel p{color:#c7d3c7;font-size:13px;line-height:1.55}.carrom-panel button{border:1px solid #efd58b55;border-radius:8px;padding:11px 15px;background:#e1bd68;color:#173031;font-weight:700}.carrom-panel button:hover{filter:brightness(1.12)}.carrom-panel button.secondary{background:#203f3f;color:#ebdfc3}.carrom-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:12px;max-width:700px;margin:24px 0}.carrom-menu-grid button{min-height:74px;font-size:15px}.carrom-rules{display:flex;flex-wrap:wrap;gap:8px;max-width:820px}.carrom-rules strong,.carrom-rules span{padding:9px 12px;border-radius:999px;background:#0c2022;color:#d8e2d7;font-size:11px}.carrom-rules strong{background:#7b532d;color:#fff0c4}.carrom-search-pulse{display:grid;place-items:center;width:100px;height:100px;margin:36px 0 14px;border:1px solid #e6c886;border-radius:50%;color:#ffe09b;font-size:34px;box-shadow:0 0 #e6c88655;animation:carrom-search 1.4s infinite}@keyframes carrom-search{70%{box-shadow:0 0 0 28px #e6c88600}}.carrom-rating-card{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2px 16px;width:min(480px,100%);padding:18px;border:1px solid #d2ad5b55;border-radius:12px;background:#0c2022}.carrom-rating-card span{grid-column:1/-1;color:#c6aa69;font-size:10px;letter-spacing:.2em}.carrom-rating-card strong{font-size:44px;color:#ffe3a0}.carrom-rating-card small{padding-bottom:8px;color:#b9c8bd}.carrom-live-list{display:grid;gap:7px}.carrom-live-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-radius:8px;background:#10292a;font-size:12px}.carrom-panel table{width:min(700px,100%);border-collapse:collapse;background:#10292a;border-radius:10px;overflow:hidden}.carrom-panel th,.carrom-panel td{padding:10px;text-align:left;border-bottom:1px solid #ffffff12;font-size:12px}.carrom-panel th{color:#d7b96e;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.carrom-match-shell{display:grid;grid-template-columns:minmax(360px,720px) minmax(250px,350px);align-items:start;gap:22px}.carrom-stage{border:1px solid #dcb86655;border-radius:16px;padding:14px;background:#071719;box-shadow:inset 0 0 40px #0008}.carrom-board-canvas{display:block;width:100%;height:auto;border-radius:8px;touch-action:none;cursor:crosshair;box-shadow:0 15px 45px #000a}.carrom-match-side{display:grid;gap:12px}.carrom-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:8px}.carrom-team{padding:12px;border-radius:10px;background:#121d1d;border:1px solid #fff3d322}.carrom-team span,.carrom-team small{display:block;font-size:10px;color:#bac9be}.carrom-team strong{display:block;margin:5px 0;font-size:32px}.carrom-team.team-0{background:#ddd6c3;color:#1f2928}.carrom-team.team-0 span,.carrom-team.team-0 small{color:#485654}.carrom-team.queen{box-shadow:inset 0 0 0 2px #c83a46}.carrom-shot-controls{padding:15px;border-radius:12px;background:#102829}.carrom-shot-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;margin:11px 0;color:#e9dec2}.carrom-shot-controls input{grid-column:1/-1;padding:0;accent-color:#d8aa51}.carrom-shot-controls output{color:#e6c886}.carrom-shot-controls .strike{width:100%;min-height:52px;margin:8px 0;background:linear-gradient(#f0cf7a,#bd8438);font-size:15px;letter-spacing:.14em}.carrom-turn-message{margin:0;color:#ffe6a7!important;font-weight:700}.carrom-turn-timer{height:5px;margin:10px 0 14px;color:#9eb3a8;font-size:11px}.carrom-notice{margin-top:12px;padding:8px;color:#d7c695;font-size:12px}.carrom-notice.error{border-left:3px solid #dc695e;background:#421e1e}.carrom-result{display:grid;gap:3px;width:min(430px,100%);margin:30px 0;padding:24px;border:1px solid #d6b35f66;border-radius:14px;background:#0c2022}.carrom-result span{color:#d8b963;font-size:11px;letter-spacing:.2em}.carrom-result strong{font-size:48px}.carrom-result small{color:#b7c7bb}.carrom-result.won{box-shadow:0 0 45px #c8993d35}@media(max-width:850px){.carrom-panel{top:8px;right:8px;bottom:8px;left:8px;padding:16px}.carrom-match-shell,.carrom-match-side{grid-template-columns:1fr}.carrom-menu-grid{grid-template-columns:1fr 1fr}.carrom-prompt{bottom:145px;width:max-content;max-width:90vw;font-size:10px}.carrom-board-canvas{max-height:62vh;object-fit:contain}.carrom-live-list>div{align-items:flex-start;flex-direction:column}}@media(min-width:701px){.game-actions{left:24px;right:24px;bottom:14px;max-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.game-actions button{flex:0 0 auto;white-space:nowrap}.game-controls{bottom:76px;max-width:calc(100vw - 48px)}.player-hud{top:100px;bottom:auto;left:24px;transform:none;max-width:calc(100vw - 270px);white-space:normal}.geo-attribution{bottom:118px}.weather-attribution{bottom:148px}.racing-prompt{bottom:184px}}