:root{color-scheme:dark;font-family:Trebuchet MS,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #080a08;--panel: rgba(9, 12, 10, .94);--panel-strong: rgba(13, 17, 14, .98);--line: rgba(237, 206, 102, .42);--text: #f5edd4;--muted: #a5af96;--teal: #33d7b7;--amber: #ffca4f;--rose: #e23b38;--green: #7fc747;--blue: #2b83d4;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.start-screen{min-height:100%;display:grid;place-items:center;padding:28px;position:relative;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),linear-gradient(#080a08c2,#080a08e6),repeating-linear-gradient(0deg,transparent 0 70px,rgba(255,202,79,.2) 70px 74px),repeating-linear-gradient(90deg,#141713 0,#141713 78px,#313525 78px,#313525 96px,#191d17 96px,#191d17 210px)}.city-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.city-backdrop span{position:absolute;width:160px;height:220px;border:2px solid rgba(4,6,5,.82);background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(245,237,212,.12) 18px 20px),#2d3327;box-shadow:8px 8px #00000073;transform:rotate(12deg)}.city-backdrop span:nth-child(1){left:8%;top:12%}.city-backdrop span:nth-child(2){right:9%;top:16%;height:170px;background-color:#253b40}.city-backdrop span:nth-child(3){left:18%;bottom:8%;width:220px;height:130px;background-color:#4a2e31}.city-backdrop span:nth-child(4){right:17%;bottom:10%;width:210px;height:150px;background-color:#413823}.start-panel{width:min(560px,100%);position:relative;padding:24px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px),var(--panel);border:2px solid #050605;border-radius:2px;outline:2px solid rgba(255,202,79,.55);box-shadow:10px 10px #0000008c,inset 0 0 0 2px #ffffff0f}.brand-lockup{display:grid;gap:8px;margin-bottom:22px}.brand-mark{font-size:clamp(56px,12vw,86px);font-weight:950;line-height:.88;letter-spacing:0;color:var(--amber);text-transform:uppercase;text-shadow:3px 3px 0 #050605,6px 6px 0 #b02320,9px 9px 0 rgba(51,215,183,.36)}.brand-lockup p{margin:0;color:var(--muted)}.mode-tabs,.action-row{display:flex;gap:10px;flex-wrap:wrap}.mode-tabs{padding:4px;border:2px solid #050605;border-radius:2px;background:#161b14;margin-bottom:18px}.mode-tabs button,.hud-dock button,.primary-button,.ghost-button,.icon-button{border:0;border-radius:2px;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;transition:border-color .14s ease,background .14s ease}.mode-tabs button{flex:1 1 130px;background:transparent;color:var(--muted);font-size:.84rem;font-weight:900;text-transform:uppercase}.mode-tabs button.active{background:#c3342f;color:#fff6cf;box-shadow:inset 0 -3px #00000059}.auth-form,.modal-panel{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-size:.9rem;font-weight:700}input{width:100%;min-height:44px;border:2px solid #050605;border-radius:2px;padding:0 13px;background:#151a14;color:var(--text);outline:none}input:focus{border-color:#38e7c5bf;box-shadow:0 0 0 3px #38e7c51f}.avatar-picker{display:grid;gap:8px}.avatar-grid{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));gap:8px}.avatar-option{aspect-ratio:1;padding:0;overflow:hidden;border:2px solid #050605;border-radius:2px;background:#151a14}.avatar-option.selected{border-color:var(--amber);box-shadow:0 0 0 3px #ffca4f2e}.avatar-option img{width:100%;height:100%;object-fit:cover;display:block}.avatar-option.upload{color:var(--amber)}.primary-button{padding:0 16px;background:#ffca4f;color:#100b05;font-weight:900;text-transform:uppercase;box-shadow:inset 0 -4px #00000047}.ghost-button,.hud-dock button{padding:0 14px;background:#20271d;border:2px solid #050605}.primary-button:hover,.ghost-button:hover,.hud-dock button:hover,.mode-tabs button:hover{filter:brightness(1.08)}.primary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:wait}.error-strip{border:1px solid rgba(255,111,145,.5);background:#e23b3838;color:#ffdbe4;padding:10px 12px;border-radius:2px;margin-bottom:14px}.play-screen,.game-shell{width:100%;height:100%}.game-shell canvas{display:block;image-rendering:auto}.game-ui{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.retro-panel,.hud-dock{pointer-events:auto;position:absolute;background:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 4px),var(--panel);border:2px solid #050605;border-radius:2px;outline:1px solid rgba(255,202,79,.52);box-shadow:5px 5px #00000080,inset 0 0 0 1px #ffffff14}.hud-left{top:12px;left:12px;display:flex;gap:10px;align-items:center;padding:9px;min-width:330px}.hud-avatar{width:52px;height:52px;display:grid;place-items:center;border:2px solid #050605;background:#1f261d;color:var(--amber);font-size:1.35rem;font-weight:950}.hud-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hud-identity{min-width:0;flex:1}.hud-identity strong,.hud-identity span{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-kicker{color:var(--amber);font-size:.65rem;font-weight:950;letter-spacing:0}.hud-identity span:not(.hud-kicker){color:var(--muted);font-size:.72rem}.stat-stack{display:grid;gap:3px;margin-top:7px}.stat-row{width:154px;height:7px;position:relative;background:#050605}.stat-row i{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:block}.stat-row.health i{width:88%;background:var(--rose)}.stat-row.armor i{width:74%;background:var(--blue)}.stat-row.stamina i{width:62%;background:var(--green)}.money-readout{min-width:92px;padding:5px 7px;align-self:stretch;display:grid;align-content:center;justify-items:end;background:#151913;border:2px solid #050605}.money-readout span{color:var(--green);font-size:.7rem;font-weight:950}.money-readout strong{color:var(--amber);font-size:1.15rem;line-height:1}.hud-right{top:12px;right:12px;min-width:286px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;justify-content:center}.weapon-box{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;color:var(--text)}.weapon-box span{grid-column:2;color:var(--muted);font-size:.68rem;font-weight:900}.online-box{display:flex;align-items:center;gap:6px;color:var(--amber)}.net-box{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px;align-items:center;color:var(--muted);font-size:.72rem;font-weight:900}.heat-meter{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.heat-meter span{height:8px;background:#25251c;border:1px solid #050605}.heat-meter span.active{background:var(--rose)}.mission-box{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;padding:7px 8px 10px;overflow:hidden;background:#151913;border:2px solid #050605}.mission-box strong{color:var(--amber);font-size:.78rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-box span{grid-column:2;color:var(--muted);font-size:.66rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-box i{position:absolute;left:8px;right:auto;bottom:4px;height:4px;display:block;background:var(--green);box-shadow:0 0 0 1px #050605cc}.gang-box{grid-column:1 / -1;display:flex;min-width:0;align-items:center;gap:7px;color:var(--teal);font-size:.72rem;font-weight:950}.gang-box span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-dock{right:12px;bottom:14px;padding:5px;display:grid;gap:6px}.hud-dock button{width:42px;height:42px;padding:0;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),#20271d}.hud-dock button:hover{color:var(--amber)}.hud-status{left:12px;bottom:14px;color:var(--muted);padding:7px 9px;display:flex;gap:7px;align-items:center;font-size:.78rem;max-width:min(360px,calc(100vw - 260px))}.hud-status strong{color:var(--amber);white-space:nowrap}.hud-status em{color:var(--green);font-style:normal;font-weight:950;white-space:nowrap}.minimap{left:12px;bottom:54px;width:198px;height:138px;padding:7px}.mini-grid{position:relative;width:100%;height:100%;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(237,206,102,.09) 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,rgba(237,206,102,.09) 17px 18px),#192017;border:2px solid #050605}.mini-road{position:absolute;background:#33392f}.mini-road.vertical{top:0;bottom:0;width:18px}.mini-road.horizontal{left:0;right:0;height:18px}.mini-road.one{left:22%;top:28%}.mini-road.two{left:67%;top:64%}.mini-road.horizontal.one{top:28%;left:0}.mini-road.horizontal.two{top:64%;left:0}.mini-building{position:absolute;background:#4b3932;border:1px solid #0a0c0a}.mini-building.b1{left:8%;top:8%;width:26%;height:17%}.mini-building.b2{right:8%;top:12%;width:21%;height:22%;background:#2d4140}.mini-building.b3{left:42%;bottom:10%;width:24%;height:18%;background:#40372a}.mini-player{position:absolute;width:10px;height:10px;transform:translate(-50%,-50%);background:var(--amber);border:2px solid #050605;box-shadow:0 0 0 2px #e23b38a6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#05070aa3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-panel{width:min(430px,100%);position:relative;padding:24px;background:var(--panel-strong);border:1px solid var(--line);border-radius:2px;box-shadow:0 24px 80px #00000080}.pause-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;place-items:center;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px),#030504ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-panel,.settings-panel{width:min(460px,calc(100vw - 28px));position:relative;padding:22px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px),var(--panel-strong);border:2px solid #050605;border-radius:2px;outline:1px solid rgba(255,202,79,.58);box-shadow:10px 10px #00000085}.pause-panel h2{margin:2px 0 16px;color:var(--amber);font-size:2rem;line-height:1}.panel-kicker,.settings-label{color:var(--muted);font-size:.75rem;font-weight:950;text-transform:uppercase}.pause-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pause-actions button,.segmented button{min-height:42px;border:2px solid #050605;border-radius:2px;background:#20271d;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.settings-panel{display:grid;gap:14px}.settings-group{display:grid;gap:8px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented button{text-transform:uppercase}.segmented button.active{background:var(--amber);color:#100b05}.settings-row{grid-template-columns:82px 1fr 38px;align-items:center;color:var(--text)}.settings-row input[type=range]{min-height:0;padding:0;accent-color:var(--amber)}.settings-row strong{text-align:right;color:var(--amber)}.settings-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-toggles label{display:flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 9px;border:2px solid #050605;background:#151913;color:var(--text);font-size:.78rem;text-align:center}.settings-toggles input{width:auto;min-height:auto;accent-color:var(--amber)}.toast-stack{position:fixed;right:16px;top:118px;z-index:40;display:grid;gap:8px;width:min(330px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 12px;background:var(--panel-strong);border:2px solid #050605;outline:1px solid rgba(255,202,79,.42);box-shadow:5px 5px #00000075;color:var(--text);font-size:.86rem;font-weight:800}.toast span{width:9px;height:24px;background:var(--amber)}.toast.success span{background:var(--green)}.modal-title{display:flex;align-items:center;gap:10px}.modal-title h2{margin:0;font-size:1.3rem}.icon-button{position:absolute;top:12px;right:12px;width:34px;height:34px;background:#f5edd414}.mobile-controls{display:none;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;user-select:none;-webkit-user-select:none;touch-action:none}.touch-dpad,.touch-actions{pointer-events:auto;position:absolute;touch-action:none}.touch-dpad{left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:148px;height:148px;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:2px}.touch-pad,.touch-action{border:2px solid rgba(5,6,5,.92);color:#fff5d5;font-weight:950;letter-spacing:0;text-shadow:2px 2px 0 rgba(0,0,0,.56);box-shadow:3px 3px #00000080,inset 0 2px #ffffff38,inset 0 -5px #00000038;opacity:.72;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-pad:active,.touch-action:active{transform:translate(2px,2px);opacity:.94;box-shadow:1px 1px #0000008c,inset 0 2px #ffffff2e,inset 0 -2px #0003}.touch-pad{width:48px;height:48px;padding:0;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent),#222723d1;font-size:1.05rem}.touch-up{grid-column:2;grid-row:1}.touch-left{grid-column:1;grid-row:2}.touch-right{grid-column:3;grid-row:2}.touch-down{grid-column:2;grid-row:3}.touch-pad-center{grid-column:2;grid-row:2;border:2px solid rgba(5,6,5,.92);border-radius:6px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12),transparent 52%),#101311b8;box-shadow:3px 3px #00000080,inset 0 0 0 2px #ffffff0f}.touch-actions{right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:150px;height:132px}.touch-action{position:absolute;width:58px;height:58px;padding:0;border-radius:50%;font-size:1.05rem}.touch-a{right:0;bottom:30px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent),#e23b38d1}.touch-b{right:62px;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent),#f29724d6}.touch-x{right:62px;bottom:70px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent),#2b83d4d1}.touch-y{right:124px;bottom:36px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent),#7fc747d1}@media(max-width:760px){.start-screen{padding:14px}.start-panel{padding:20px}.avatar-grid{grid-template-columns:repeat(4,minmax(48px,1fr))}.hud-left,.hud-right{transform:scale(.78);transform-origin:top left}.hud-left{min-width:286px}.hud-right{transform-origin:top right}.minimap{display:none}.hud-dock{right:10px;top:206px;bottom:auto;transform:scale(.78);transform-origin:top right}.hud-status{left:10px;right:10px;bottom:calc(158px + env(safe-area-inset-bottom));max-width:none;font-size:.7rem;padding:6px 8px}.hud-status em{display:none}.settings-toggles,.pause-actions{grid-template-columns:1fr}.toast-stack{left:12px;right:12px;top:auto;bottom:calc(232px + env(safe-area-inset-bottom));width:auto}}@media(hover:none),(pointer:coarse),(max-width:900px){.mobile-controls{display:block}}@media(max-width:520px){.hud-left,.hud-right{transform:scale(.66)}.hud-dock{top:214px;transform:scale(.7)}.touch-dpad{width:126px;height:126px;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}.touch-pad{width:40px;height:40px;font-size:.9rem}.touch-actions{width:128px;height:116px}.touch-action{width:50px;height:50px;font-size:.95rem}.touch-a{bottom:26px}.touch-b{right:54px}.touch-x{right:54px;bottom:62px}.touch-y{right:108px;bottom:32px}}:root{color-scheme:dark;font-family:Inter,SF Pro Display,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--bg: #05080f;--panel: rgba(9, 14, 24, .76);--panel-strong: rgba(8, 13, 22, .94);--line: rgba(187, 218, 255, .14);--text: #f7f9fc;--muted: #9aa9bd;--teal: #52f4c6;--amber: #ffd86a;--rose: #ff5778;--green: #72e89b;--blue: #67a7ff;--violet: #9b87ff;--glass-shadow: 0 24px 70px rgba(0, 0, 0, .34);--ease-out: cubic-bezier(.16, 1, .3, 1)}body{background:var(--bg);color:var(--text);font-family:inherit;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font-family:inherit}button:focus-visible,input:focus-visible{outline:2px solid rgba(82,244,198,.9);outline-offset:3px}.start-screen{width:100%;height:100%;min-height:100%;display:block;position:relative;isolation:isolate;overflow-x:hidden;overflow-y:auto;padding:0;background:#050913}.city-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none;background:#07111f}.city-keyart{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-image:url(/assets/ui/zta-city-login-v1.webp);background-size:cover;background-position:center;filter:saturate(.9) contrast(1.04) brightness(.82);transform:scale(1.04);animation:zta-city-breathe 20s var(--ease-out) infinite alternate}.city-colorwash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 24% 38%,rgba(24,202,181,.17),transparent 33%),radial-gradient(circle at 84% 68%,rgba(108,92,255,.17),transparent 38%),linear-gradient(90deg,#0408114d,#04081175 45%,#040811b8),linear-gradient(180deg,#05091233,#050912ad)}.city-grain{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;opacity:.09;background-image:radial-gradient(circle at 25% 25%,#fff 0 .6px,transparent .8px),radial-gradient(circle at 75% 75%,#fff 0 .5px,transparent .8px);background-size:9px 9px,13px 13px;mix-blend-mode:soft-light;animation:zta-grain .28s steps(2) infinite}.city-scan{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.24;background:linear-gradient(90deg,transparent 49.85%,rgba(140,236,255,.11) 50%,transparent 50.15%),linear-gradient(180deg,transparent 49.85%,rgba(140,236,255,.08) 50%,transparent 50.15%);background-size:220px 220px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.city-orb{position:absolute;width:38vw;aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.14;animation:zta-orb 11s ease-in-out infinite alternate}.city-orb-one{left:-12%;bottom:-20%;background:#24d9c0}.city-orb-two{right:-14%;top:-18%;background:#6d5cff;animation-delay:-5s}.city-route{position:absolute;opacity:.36;filter:drop-shadow(0 0 8px rgba(82,244,198,.7))}.city-route:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #52f4c61f,0 0 20px #52f4c6cc}.city-route-horizontal{left:3%;top:47.8%;width:40%;border-top:1px dashed rgba(82,244,198,.55)}.city-route-horizontal:after{right:0;top:-4px}.city-route-vertical{left:47.9%;top:2%;height:35%;border-left:1px dashed rgba(103,167,255,.58)}.city-route-vertical:after{left:-4px;bottom:0;background:var(--blue);box-shadow:0 0 0 5px #67a7ff1f,0 0 20px #67a7ffcc}.login-vehicle,.login-pedestrian{position:absolute;z-index:2;opacity:.74;pointer-events:none}.login-vehicle{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.7)) saturate(.86)}.login-vehicle-one{left:-90px;top:43%;animation:zta-drive-horizontal 17s linear infinite}.login-vehicle-two{left:50.2%;top:-90px;width:58px;height:58px;animation:zta-drive-vertical 20s linear 3.5s infinite}.login-pedestrian{width:31px;height:31px;image-rendering:pixelated;filter:drop-shadow(0 5px 5px rgba(0,0,0,.8))}.login-pedestrian-one{left:35.5%;top:30%;animation:zta-walk-down 18s linear infinite}.login-pedestrian-two{left:62%;bottom:-40px;animation:zta-walk-up 22s linear 2s infinite}.start-topbar{width:min(1440px,100%);height:88px;margin:0 auto;padding:20px clamp(24px,4vw,64px);position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}.start-brand{display:inline-flex;align-items:center;gap:11px}.start-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:13px;color:#06120f;background:linear-gradient(135deg,#b9ffe8,#52f4c6 55%,#41c9ff);box-shadow:0 12px 30px #52f4c633,inset 0 1px #ffffffbf;font-size:1.35rem;font-weight:950;letter-spacing:-.08em}.start-brand-copy{display:grid;gap:0;line-height:1}.start-brand-copy strong{font-size:1.05rem;font-weight:900;letter-spacing:.18em}.start-brand-copy small{margin-top:5px;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.start-server-state{display:flex;align-items:center;gap:14px;color:#ecf3fcb3;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.server-region{padding-right:14px;border-right:1px solid rgba(255,255,255,.14)}.server-live{display:inline-flex;align-items:center;gap:8px}.server-live i,.start-footer i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #52f4c61c,0 0 12px #52f4c6cc;animation:zta-live-pulse 2.2s ease-out infinite}.start-layout{width:min(1360px,calc(100% - 48px));min-height:calc(100vh - 148px);margin:0 auto;padding:28px clamp(0px,2vw,28px) 52px;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.82fr);gap:clamp(48px,8vw,120px);align-items:center}.start-hero{max-width:690px;animation:zta-hero-in .85s var(--ease-out) both}.hero-eyebrow{width:fit-content;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 12px;border:1px solid rgba(82,244,198,.23);border-radius:999px;color:#aefce5;background:#0a1a1d7a;box-shadow:inset 0 1px #ffffff0f;font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.start-hero h1{max-width:740px;margin:0;color:#f7fbff;font-size:clamp(4rem,6.8vw,7.2rem);font-weight:900;line-height:.87;letter-spacing:-.075em;text-wrap:balance;text-shadow:0 24px 80px rgba(0,0,0,.5)}.start-hero h1 span{color:transparent;background:linear-gradient(100deg,#ecfff9 8%,#65f8ce 52%,#8bb9ff 98%);background-clip:text;-webkit-background-clip:text}.start-hero>p{max-width:600px;margin:26px 0 0;color:#e1ebf7b8;font-size:clamp(.94rem,1.2vw,1.08rem);line-height:1.7;text-shadow:0 4px 18px rgba(0,0,0,.75)}.hero-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}.hero-feature-row>div{min-height:66px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--teal);background:linear-gradient(140deg,#141f2d9e,#090f197a);box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-feature-row span{display:grid;gap:3px;min-width:0}.hero-feature-row strong{overflow:hidden;color:#f5f8fc;font-size:.75rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.hero-feature-row small{overflow:hidden;color:var(--muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.hero-controls{display:flex;align-items:center;gap:9px;margin-top:22px;color:#e2ecf794;font-size:.65rem;font-weight:750}.hero-controls>span:first-child{display:inline-flex;gap:3px}.hero-controls i{width:4px;height:4px;margin:0 3px;border-radius:50%;background:#ffffff47}kbd{min-width:25px;height:25px;display:inline-grid;place-items:center;padding:0 6px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#ffffffd1;background:#060a11b8;box-shadow:inset 0 -2px #ffffff0a,0 4px 12px #0003;font:inherit;font-size:.58rem}.start-panel{width:min(500px,100%);justify-self:end;position:relative;overflow:hidden;padding:clamp(24px,2.7vw,34px);border:1px solid rgba(195,222,255,.16);border-radius:28px;outline:0;background:linear-gradient(150deg,#111a2ade,#070c15e6),#070c14db;box-shadow:0 42px 100px #00000075,inset 0 1px #ffffff17,inset 0 0 0 1px #ffffff04;-webkit-backdrop-filter:blur(30px) saturate(1.25);backdrop-filter:blur(30px) saturate(1.25);animation:zta-panel-in .72s .08s var(--ease-out) both}.panel-glow{position:absolute;width:220px;height:220px;right:-90px;top:-120px;border-radius:50%;background:#52f4c62e;filter:blur(68px);pointer-events:none}.panel-heading{position:relative;margin-bottom:20px}.panel-heading>span{display:block;margin-bottom:8px;color:var(--teal);font-size:.65rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.panel-heading h2{margin:0;color:#f7f9fc;font-size:clamp(1.65rem,2.3vw,2.15rem);font-weight:820;line-height:1.05;letter-spacing:-.045em}.panel-heading p{margin:10px 0 0;color:var(--muted);font-size:.79rem;line-height:1.5}.resume-card{width:100%;min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:0 0 14px;padding:9px 12px 9px 9px;border:1px solid rgba(82,244,198,.22);border-radius:17px;color:var(--text);background:linear-gradient(120deg,#1f5b5238,#0d18236b);box-shadow:inset 0 1px #ffffff0d;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.resume-card:hover{border-color:#52f4c675;background:linear-gradient(120deg,#1f6e604d,#0d18237a);box-shadow:inset 0 1px #ffffff12,0 12px 32px #0003}.resume-avatar{width:49px;height:49px;position:relative;display:grid;place-items:center;overflow:visible;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#08130f;background:linear-gradient(135deg,#aefce5,#52f4c6);font-weight:900}.resume-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.resume-avatar i{width:11px;height:11px;position:absolute;right:-3px;bottom:-3px;border:3px solid #111b27;border-radius:50%;background:var(--teal)}.resume-copy{min-width:0;display:grid;gap:3px}.resume-copy small{color:var(--muted);font-size:.59rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.resume-copy strong{overflow:hidden;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.resume-action{display:inline-flex;align-items:center;gap:3px;color:var(--teal);font-size:.68rem;font-weight:800}.start-panel .mode-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 18px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#02070d6b}.start-panel .mode-tabs button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:0;border-radius:11px;color:#8290a4;background:transparent;box-shadow:none;font-size:.7rem;font-weight:800;letter-spacing:0;text-transform:none;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.start-panel .mode-tabs button:hover{color:#dfe7f2;filter:none}.start-panel .mode-tabs button.active{color:#f8fbff;background:linear-gradient(135deg,#4660798c,#1d2b3cb8);box-shadow:inset 0 1px #ffffff1f,0 6px 16px #0003}.start-panel .mode-tabs button.active svg{color:var(--teal)}.auth-panel-content{animation:zta-form-in .34s var(--ease-out) both}.start-panel .auth-form{display:grid;gap:10px}.start-panel .auth-form>label{margin-top:2px;color:#b2bfd0;font-size:.66rem;font-weight:800;letter-spacing:.05em}.input-shell{height:48px;position:relative;display:flex;align-items:center;border:1px solid rgba(185,215,247,.13);border-radius:14px;background:#02070e80;box-shadow:inset 0 1px #ffffff06;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.input-shell:focus-within{border-color:#52f4c680;background:#050d16bd;box-shadow:0 0 0 4px #52f4c612,inset 0 1px #ffffff0a}.field-icon{width:43px;flex:0 0 43px;display:grid;place-items:center;color:#6d7c91}.input-shell:focus-within .field-icon{color:var(--teal)}.start-panel .input-shell input{width:100%;height:100%;min-height:0;padding:0 42px 0 0;border:0;border-radius:0;outline:0;color:#f5f8fc;background:transparent;box-shadow:none;font-size:.81rem;font-weight:650}.start-panel .input-shell input::placeholder{color:#536074;font-weight:500}.field-valid{position:absolute;right:14px;color:var(--teal);opacity:0;transition:opacity .16s ease}.input-shell:has(input:valid:not(:placeholder-shown)) .field-valid{opacity:.8}.password-toggle{width:38px;height:38px;position:absolute;right:5px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;color:#7c8ba0;background:transparent}.password-toggle:hover{color:var(--teal);background:#ffffff0a}.avatar-heading{display:flex;align-items:center;justify-content:space-between;margin-top:2px;color:#b2bfd0;font-size:.66rem;font-weight:800}.avatar-heading small{color:#637287;font-size:.58rem;font-weight:650}.avatar-heading.compact{margin-top:0}.start-panel .avatar-picker{display:grid;gap:0}.start-panel .avatar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.start-panel .avatar-option{aspect-ratio:1;min-width:0;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#7b8ba0;background:#060d169e;box-shadow:inset 0 1px #ffffff0a;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.start-panel .avatar-option:hover{border-color:#ffffff47;opacity:.92}.start-panel .avatar-option.selected{border-color:#52f4c6d1;box-shadow:0 0 0 3px #52f4c61a,inset 0 1px #ffffff17}.start-panel .avatar-option img{width:100%;height:100%;display:block;object-fit:cover}.start-panel .avatar-option.upload{color:var(--teal)}.start-panel .primary-button.start-primary{width:100%;min-height:50px;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:9px;margin-top:7px;padding:0 16px;border:0;border-radius:15px;color:#04100d;background:linear-gradient(115deg,#d8fff2,#64f7ce 45%,#66d8ff);box-shadow:0 14px 32px #2ddab730,inset 0 1px #fffc;font-size:.78rem;font-weight:900;letter-spacing:.02em;text-transform:none;transition:filter .16s ease,box-shadow .16s ease}.start-panel .primary-button.start-primary:hover{filter:brightness(1.045) saturate(1.06);box-shadow:0 17px 38px #2ddab742,inset 0 1px #ffffffd9}.start-panel .primary-button.start-primary:disabled{filter:saturate(.5);opacity:.68}.button-spinner{width:17px;height:17px;justify-self:center;border:2px solid rgba(4,16,13,.2);border-top-color:#04100d;border-radius:50%;animation:zta-spin .7s linear infinite}.form-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:#65758b;font-size:.58rem;line-height:1.4;text-align:center}.form-footnote svg{color:#55ba9e}.form-switch{width:fit-content;justify-self:center;padding:4px;border:0;color:#718096;background:transparent;font-size:.65rem}.form-switch strong{color:var(--teal)}.password-strength{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:5px;align-items:center}.password-strength>span{height:4px;border-radius:999px;background:#ffffff14}.password-strength>span.active{background:linear-gradient(90deg,var(--blue),var(--teal));box-shadow:0 0 9px #52f4c652}.password-strength small{min-width:34px;color:#6b7a8e;font-size:.56rem;text-align:right}.start-panel .error-strip{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(255,87,120,.26);border-radius:13px;color:#ffdbe3;background:#991f3a2e;font-size:.7rem}.start-panel .error-strip>span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:#290810;background:var(--rose);font-size:.7rem;font-weight:950}.start-footer{width:min(1440px,100%);min-height:60px;margin:0 auto;padding:12px clamp(24px,4vw,64px) 20px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b8c7da6e;font-size:.58rem;font-weight:650;letter-spacing:.05em}.start-footer span:nth-child(2){display:inline-flex;align-items:center;gap:8px}.start-footer i{width:5px;height:5px}.game-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;overflow:hidden;background:#050913}.loading-keyart,.loading-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.loading-keyart{top:-4%;right:-4%;bottom:-4%;left:-4%;background:url(/assets/ui/zta-city-login-v1.webp) center / cover;filter:saturate(.72) brightness(.42);animation:zta-city-breathe 12s var(--ease-out) infinite alternate}.loading-vignette{background:radial-gradient(circle,#060e1833,#03070ed6)}.loading-card{width:min(430px,calc(100vw - 42px));position:relative;padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:#070d17c7;box-shadow:var(--glass-shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);text-align:center;animation:zta-panel-in .55s var(--ease-out) both}.loading-logo{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 18px;border-radius:17px;color:#05110e;background:linear-gradient(135deg,#d5fff2,#52f4c6 58%,#63cfff);box-shadow:0 14px 34px #52f4c638;font-size:1.7rem;font-weight:950}.loading-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.loading-card h2{margin:8px 0 22px;font-size:1.75rem;letter-spacing:-.045em}.loading-card p{margin:14px 0 0;color:var(--muted);font-size:.72rem}.loading-progress{height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.loading-progress i{width:45%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--teal),#d8fff2);box-shadow:0 0 15px #52f4c673;animation:zta-loading 1.6s var(--ease-out) infinite}.game-shell canvas{image-rendering:pixelated}.retro-panel,.hud-dock{border:1px solid rgba(214,232,255,.16);border-radius:18px;outline:0;background:linear-gradient(145deg,#0a101be0,#060b13c7);box-shadow:0 18px 48px #00000052,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.hud-left{top:16px;left:16px;min-width:324px;gap:11px;padding:11px}.hud-avatar{width:54px;height:54px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:15px;color:#06120f;background:linear-gradient(135deg,#bfffe9,#52f4c6);box-shadow:0 8px 22px #0000003d}.hud-kicker{color:var(--teal);font-size:.57rem;letter-spacing:.09em}.hud-identity strong{color:#f6f8fb;font-size:.88rem}.hud-identity span:not(.hud-kicker){color:#7f8ca0;font-size:.6rem}.stat-stack{gap:4px;margin-top:8px}.stat-row{width:148px;height:5px;overflow:hidden;border-radius:999px;background:#ffffff12}.stat-row i{top:0;right:0;bottom:0;left:0;border-radius:inherit}.stat-row.health i{background:linear-gradient(90deg,#ff4e72,#ff8199)}.stat-row.armor i{background:linear-gradient(90deg,#538fff,#7cc4ff)}.stat-row.stamina i{background:linear-gradient(90deg,#57da88,#8bf2ad)}.money-readout{min-width:92px;border:1px solid rgba(82,244,198,.12);border-radius:13px;background:#02090e75}.money-readout span{color:var(--teal);font-size:.56rem}.money-readout strong{color:#ecfff9;font-size:1rem;font-variant-numeric:tabular-nums}.hud-right{top:16px;right:16px;min-width:300px;padding:12px;gap:9px}.weapon-box strong,.online-box{color:#f3f7fb}.weapon-box svg,.online-box svg,.net-box svg{color:var(--teal)}.weapon-box span,.net-box{color:#8795aa}.heat-meter{gap:5px}.heat-meter span{height:5px;border:0;border-radius:999px;background:#ffffff14}.heat-meter span.active{background:linear-gradient(90deg,#ff466c,#ff8b68);box-shadow:0 0 9px #ff466c5c}.mission-box{padding:9px 10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#02080e6b}.mission-box strong{color:#f3f7fb;font-size:.69rem}.mission-box span{color:#8492a6;font-size:.59rem}.mission-box i{left:10px;bottom:6px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal));box-shadow:0 0 8px #52f4c64d}.gang-box{color:var(--teal);font-size:.64rem}.hud-dock{right:16px;bottom:16px;gap:5px;padding:6px;border-radius:18px}.hud-dock button{width:41px;height:41px;border:0;border-radius:12px;color:#c4cedb;background:transparent;box-shadow:none;transition:color .15s ease,background .15s ease}.hud-dock button:hover{color:var(--teal);background:#ffffff0f;filter:none}.hud-status{left:16px;bottom:16px;gap:8px;padding:8px 11px;border-radius:13px;color:#8f9db0;font-size:.68rem}.hud-status svg{color:var(--teal)}.hud-status strong{color:#dce5f0;font-variant-numeric:tabular-nums}.hud-status em{color:var(--teal)}.minimap{left:16px;bottom:58px;width:184px;height:126px;padding:7px;border-radius:18px}.mini-grid{border:0;border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(82,244,198,.05) 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,rgba(82,244,198,.05) 17px 18px),#09141a}.mini-road{background:#273946}.mini-building{border:0;border-radius:2px;background:#405062}.mini-player{width:9px;height:9px;border:2px solid #06110e;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #52f4c633,0 0 12px #52f4c6cc}.modal-backdrop,.pause-backdrop{background:#03070dad;-webkit-backdrop-filter:blur(16px) saturate(.86);backdrop-filter:blur(16px) saturate(.86)}.pause-panel,.settings-panel,.modal-panel{padding:26px;border:1px solid rgba(209,231,255,.15);border-radius:24px;outline:0;background:linear-gradient(150deg,#101826f5,#070c15f5);box-shadow:0 36px 90px #0000007a,inset 0 1px #ffffff12;animation:zta-panel-in .38s var(--ease-out) both}.pause-panel h2{color:#f4f8fc;font-size:2rem;letter-spacing:-.045em}.panel-kicker,.settings-label{color:var(--teal);font-size:.62rem;letter-spacing:.11em}.pause-actions{gap:8px}.pause-actions button,.segmented button{min-height:44px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#dbe3ed;background:#ffffff09;box-shadow:inset 0 1px #ffffff08;font-size:.72rem;transition:color .15s ease,border-color .15s ease,background .15s ease}.pause-actions button:hover,.segmented button:hover{color:#fff;border-color:#52f4c640;background:#52f4c612}.segmented button.active{border-color:#52f4c64d;color:#06120f;background:linear-gradient(135deg,#c9ffed,#52f4c6)}.settings-toggles label{border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#d0d9e5;background:#ffffff08}.settings-row input[type=range],.settings-toggles input{accent-color:var(--teal)}.settings-row strong{color:var(--teal)}.icon-button{border-radius:10px;color:#c8d2de;background:#ffffff0d}.modal-title svg{color:var(--teal)}.toast-stack{top:128px}.toast{min-height:46px;padding:10px 13px;border:1px solid rgba(214,232,255,.14);border-radius:14px;outline:0;color:#e8eef5;background:#070d16e6;box-shadow:0 18px 44px #0000004d,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:zta-toast-in .4s var(--ease-out) both}.toast span{width:5px;height:24px;border-radius:999px;background:var(--blue)}.toast.success span{background:var(--teal);box-shadow:0 0 10px #52f4c666}.toast.error span{background:var(--rose)}.touch-dpad{width:150px;height:150px;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:3px}.touch-pad,.touch-action{border:1px solid rgba(255,255,255,.18);color:#f8fbffe6;text-shadow:0 2px 8px rgba(0,0,0,.65);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff1c;opacity:.74;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.touch-pad{border-radius:14px;background:#09111bad}.touch-pad-center{border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#050a1280;box-shadow:inset 0 1px #ffffff0a}.touch-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:18px;font-size:.82rem}.touch-action b{position:absolute;top:5px;right:7px;font-size:.48rem;line-height:1;opacity:.65}.touch-action small{font-size:.4rem;font-weight:900;letter-spacing:.08em;line-height:1;opacity:.72}.touch-a{background:linear-gradient(145deg,#ff6583db,#892a45d1)}.touch-b{background:linear-gradient(145deg,#ffbe5edb,#935618d1)}.touch-x{background:linear-gradient(145deg,#66a9ffe0,#304f9ad1)}.touch-y{background:linear-gradient(145deg,#69f09ddb,#267e50d1)}.touch-pad:active,.touch-action:active{opacity:1;box-shadow:0 4px 10px #00000042,inset 0 0 0 2px #ffffff26}.desktop-controls{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(hover:hover)and (pointer:fine)and (min-width:901px){.desktop-controls{position:fixed;left:50%;bottom:16px;z-index:15;display:flex;width:min(820px,calc(100vw - 430px));min-width:650px;min-height:67px;align-items:stretch;overflow:hidden;border:1px solid rgba(211,232,255,.16);border-radius:18px;color:#e9f0f8;background:linear-gradient(145deg,#080f19e0,#050a12c7);box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);transform:translate(-50%);transition:width .18s var(--ease-out),min-width .18s var(--ease-out),background .18s ease;pointer-events:auto;user-select:none;-webkit-user-select:none}.desktop-controls-heading{width:110px;flex:0 0 110px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr auto;align-items:center;gap:0 7px;padding:9px 8px 7px 10px;border-right:1px solid rgba(255,255,255,.08);background:#00000021}.desktop-controls-device{grid-row:1;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(82,244,198,.2);border-radius:9px;color:var(--teal);background:#52f4c614}.desktop-controls-title{grid-row:1;min-width:0}.desktop-controls-title strong,.desktop-controls-title small{display:block;overflow:hidden;text-overflow:ellipsis}.desktop-controls-title strong{font-size:.62rem;letter-spacing:.02em}.desktop-controls-title small{margin-top:1px;color:#77869a;font-size:.48rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.desktop-controls-toggle{grid-column:1 / -1;grid-row:2;width:100%;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:#8090a4;background:transparent;box-shadow:none;cursor:pointer}.desktop-controls-toggle:hover,.desktop-controls-toggle:focus-visible{color:var(--teal);background:#ffffff0f;outline:1px solid rgba(82,244,198,.35);filter:none}.desktop-controls-guide{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:8px 12px;opacity:1;transition:opacity .12s ease}.desktop-control-group{display:flex;align-items:center;gap:6px;min-width:0}.desktop-movement-group{flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:4px}.desktop-key-cluster{display:flex;align-items:flex-end;gap:5px}.desktop-wasd{display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(2,20px);gap:2px}.desktop-control-or{align-self:center;color:#647287;font-size:.44rem;font-weight:800;text-transform:uppercase}.desktop-key{height:26px;min-width:27px;display:inline-grid;place-items:center;padding:0 6px;border:1px solid rgba(216,232,250,.26);border-bottom-color:#d8e8fa61;border-radius:7px;color:#dbe5ef;background:linear-gradient(180deg,#2e3b4bf5,#131c28f5);box-shadow:0 3px #02050acc,inset 0 1px #ffffff1f;font-family:inherit;font-size:.58rem;font-weight:850;line-height:1;text-transform:uppercase;transition:color 70ms ease,border-color 70ms ease,background 70ms ease,box-shadow 70ms ease,transform 70ms ease}.desktop-wasd .desktop-key{width:20px;min-width:20px;height:20px;padding:0;border-radius:5px;font-size:.5rem}.desktop-key-wide{min-width:30px}.desktop-key-space{min-width:48px;font-size:.48rem}.desktop-key.is-pressed{border-color:#68ffd4e0;color:#effffb;background:linear-gradient(180deg,#36cda8f5,#177c6ffa);box-shadow:0 0 14px #52f4c67a,inset 0 1px #ffffff4d;transform:translateY(2px)}.desktop-control-label{display:block;color:#738197;font-size:.45rem;font-weight:800;letter-spacing:.06em;line-height:1.15;text-transform:uppercase;white-space:nowrap}.desktop-control-label strong,.desktop-control-label small{display:block}.desktop-control-label strong{color:#c9d5e2;font-size:.52rem}.desktop-control-label small{margin-top:2px;color:#68778a;font-size:.4rem;font-weight:760}.desktop-controls-divider{width:1px;height:43px;flex:0 0 1px;background:#ffffff17}.desktop-action-grid{min-width:0;flex:1;display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:7px 10px}.desktop-secondary-control .desktop-control-label strong{color:#8f9eb1}.desktop-controls.is-collapsed{width:108px;min-width:108px}.desktop-controls.is-collapsed .desktop-controls-heading{width:108px;flex-basis:108px;border-right:0}.desktop-controls.is-collapsed .desktop-controls-guide{display:none;opacity:0}}@media(hover:hover)and (pointer:fine)and (min-width:901px)and (max-width:1180px){.desktop-controls{width:min(620px,calc(100vw - 400px));min-width:500px}.desktop-controls-heading{width:82px;flex-basis:82px}.desktop-controls-device{display:none}.desktop-controls-title{grid-column:1 / -1}.desktop-control-or,.desktop-control-label small{display:none}.desktop-controls-guide{gap:8px;padding-inline:9px}.desktop-action-grid{grid-template-columns:repeat(3,minmax(77px,1fr));gap:7px}}@media(hover:hover)and (pointer:fine)and (min-width:901px)and (max-width:1439px){.desktop-controls{bottom:64px}}@media(hover:hover)and (pointer:fine)and (min-width:1440px)and (max-height:720px){.desktop-controls{bottom:10px;transform:translate(-50%) scale(.9);transform-origin:bottom center}}@media(max-width:1080px){.start-layout{grid-template-columns:minmax(0,.9fr) minmax(410px,.85fr);gap:42px}.start-hero h1{font-size:clamp(3.6rem,7.3vw,5.4rem)}.hero-feature-row>div{padding:10px}}@media(max-width:860px){.city-colorwash{background:linear-gradient(180deg,#04081194,#040811d4),radial-gradient(circle at 50% 20%,rgba(24,202,181,.13),transparent 42%)}.start-topbar{height:76px;padding:16px 20px}.start-layout{width:min(570px,calc(100% - 28px));min-height:calc(100vh - 126px);grid-template-columns:1fr;gap:24px;padding:22px 0 34px}.start-hero{text-align:center}.hero-eyebrow{margin-inline:auto}.start-hero h1{font-size:clamp(3.1rem,12vw,5.3rem)}.start-hero>p{max-width:520px;margin-inline:auto}.hero-feature-row{max-width:500px;margin-inline:auto}.hero-controls{justify-content:center}.start-panel{width:100%;justify-self:center}.start-footer{justify-content:center}.start-footer span:not(:nth-child(2)){display:none}}@media(max-width:760px){.start-screen{padding:0}.start-panel{padding:24px}.start-panel .avatar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.hud-left,.hud-right{transform:scale(.78)}.hud-left{top:10px;left:10px}.hud-right{top:10px;right:10px}.hud-dock{top:200px;right:10px;bottom:auto;transform:scale(.78)}.hud-status{left:10px;right:10px;bottom:calc(158px + env(safe-area-inset-bottom));max-width:none}.toast-stack{bottom:calc(222px + env(safe-area-inset-bottom))}}@media(max-width:560px){.start-server-state .server-region{display:none}.start-server-state{font-size:.58rem}.start-layout{width:min(100% - 22px,520px);padding-top:12px}.start-hero h1{font-size:clamp(2.75rem,14vw,4.2rem);line-height:.9}.start-hero>p{margin-top:17px;font-size:.82rem;line-height:1.55}.hero-feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:22px}.hero-feature-row>div{min-height:58px;justify-content:center;padding:8px 5px;border-radius:13px}.hero-feature-row svg{display:none}.hero-feature-row strong{font-size:.62rem;text-align:center}.hero-feature-row small{font-size:.5rem;text-align:center}.hero-controls{display:none}.start-panel{padding:22px 18px;border-radius:23px}.panel-heading{margin-bottom:16px}.panel-heading h2{font-size:1.65rem}.resume-action{font-size:0}.resume-action svg{width:20px;height:20px}.start-panel .avatar-grid{gap:5px}.start-panel .avatar-option{border-radius:10px}.start-panel .mode-tabs button{gap:5px;padding-inline:5px}.start-footer{min-height:44px;padding:8px 16px 14px}}@media(max-height:760px)and (min-width:861px){.start-topbar{height:70px;padding-block:14px}.start-layout{min-height:calc(100vh - 110px);padding-block:14px 28px}.start-hero h1{font-size:clamp(3.6rem,6vw,5.6rem)}.start-hero>p{margin-top:18px}.hero-feature-row{margin-top:22px}.start-panel{padding:22px 26px}.panel-heading p{display:none}.panel-heading{margin-bottom:14px}.start-footer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.city-keyart{transform:none}}@keyframes zta-city-breathe{0%{transform:scale(1.04) translate3d(-.4%,-.2%,0)}to{transform:scale(1.095) translate3d(.7%,.45%,0)}}@keyframes zta-grain{0%{transform:translate3d(-1%,0,0)}50%{transform:translate3d(.5%,-.8%,0)}to{transform:translate3d(0,.6%,0)}}@keyframes zta-orb{0%{transform:translate3d(-3%,0,0) scale(.92)}to{transform:translate3d(6%,-4%,0) scale(1.08)}}@keyframes zta-drive-horizontal{0%{transform:translate3d(-10vw,0,0) rotate(90deg);opacity:0}5%{opacity:.74}88%{opacity:.74}to{transform:translate3d(118vw,0,0) rotate(90deg);opacity:0}}@keyframes zta-drive-vertical{0%{transform:translate3d(0,-12vh,0) rotate(180deg);opacity:0}7%{opacity:.6}90%{opacity:.6}to{transform:translate3d(0,118vh,0) rotate(180deg);opacity:0}}@keyframes zta-walk-down{0%{transform:translate3d(0,-18vh,0);opacity:0}8%{opacity:.66}92%{opacity:.66}to{transform:translate3d(0,82vh,0);opacity:0}}@keyframes zta-walk-up{0%{transform:translate3d(0,12vh,0);opacity:0}8%{opacity:.58}92%{opacity:.58}to{transform:translate3d(0,-112vh,0);opacity:0}}@keyframes zta-live-pulse{0%,to{opacity:.7;box-shadow:0 0 #52f4c647,0 0 12px #52f4c6b3}55%{opacity:1;box-shadow:0 0 0 6px #52f4c600,0 0 16px #52f4c6e6}}@keyframes zta-hero-in{0%{opacity:0;transform:translate3d(-28px,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes zta-panel-in{0%{opacity:0;transform:translate3d(18px,24px,0) scale(.975)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes zta-form-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes zta-loading{0%{transform:translate(-120%)}55%{transform:translate(80%)}to{transform:translate(260%)}}@keyframes zta-spin{to{transform:rotate(360deg)}}@keyframes zta-toast-in{0%{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:translateZ(0)}}