@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--c-bg:#050508;--c-panel:#121218d1;--c-border:#ffffff14;--c-text-primary:#fff;--c-text-secondary:#fff6;--c-accent:#f59e0b;--c-success:#10b981;--f-body:"Inter", sans-serif;--f-mono:"Space Mono", monospace;--ease-expo:cubic-bezier(.16, 1, .3, 1);--transition:all .3s var(--ease-expo)}.portal-home-link{z-index:1000;top:auto;bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));color:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:42px;font-family:var(--f-mono);letter-spacing:.05em;transition:var(--transition);background:#0c0c11b8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:8px 14px;font-size:clamp(12px,.35vw + 8px,16px);font-weight:700;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 12px 32px #0000004d}.portal-home-link:hover{color:#fff;border-color:#f59e0b73;transform:translateY(-2px)}.portal-home-link:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}:is(body:has(.start-menu-overlay) .console-controls-bar,body:has(.start-menu-overlay) .joystick-widget,body:has(.start-menu-overlay) .hud-instructions,body:has(.victory-overlay) .console-controls-bar,body:has(.victory-overlay) .joystick-widget,body:has(.victory-overlay) .hud-instructions){opacity:0;pointer-events:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--c-bg);color:var(--c-text-primary);font-family:var(--f-body);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;width:100vw;height:100%;overflow:hidden}#root{width:100vw;height:100dvh;overflow:hidden}.game-console-container{background-color:var(--c-bg);width:100vw;height:100dvh;position:relative;overflow:hidden}.game-viewport{z-index:10;width:100%;height:100%;position:absolute;inset:0}.hud-instructions{z-index:50;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:24px;left:28px}.hud-header{font-family:var(--f-mono);text-transform:uppercase;color:var(--c-text-primary);letter-spacing:.08em;opacity:.9;text-shadow:0 2px 6px #000000e6;font-size:16px;font-weight:700}.hud-sub{font-family:var(--f-mono);color:var(--c-text-secondary);letter-spacing:.05em;text-shadow:0 2px 4px #000000e6;font-size:13px}.victory-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;animation:fadeIn .4s var(--ease-expo);background:#050508a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.victory-card{background:var(--c-panel);border:1px solid var(--c-border);text-align:center;width:90%;max-width:480px;animation:scaleIn .5s var(--ease-expo);border-radius:20px;padding:48px 64px;box-shadow:0 30px 80px #0009}.victory-title{font-family:var(--f-mono);letter-spacing:.15em;color:var(--c-success);margin-bottom:var(--space-md);text-shadow:0 0 20px #10b9814d;font-size:32px;font-weight:700}.victory-desc{color:var(--c-text-secondary);margin-bottom:32px;font-size:14px;line-height:1.6}.victory-btn{background:var(--c-success);color:#fff;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition);border:none;border-radius:100px;padding:12px 32px;font-size:11px;font-weight:700;box-shadow:0 8px 24px #10b9814d}.victory-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.console-controls-bar{z-index:50;background:var(--c-panel);-webkit-backdrop-filter:blur(25px);border:1px solid var(--c-border);white-space:nowrap;border-radius:100px;flex-wrap:nowrap;align-items:center;gap:20px;padding:10px 28px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0009,inset 0 1px #ffffff0d}.console-group{align-items:center;gap:8px;display:flex}.console-label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-secondary);white-space:nowrap;flex-shrink:0;font-size:11px}.console-select{border:1px solid var(--c-border);color:var(--c-text-primary);font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition);white-space:nowrap;background:#ffffff08;border-radius:100px;outline:none;flex-shrink:0;padding:8px 18px;font-size:13px}.console-select:hover{background:#ffffff14;border-color:#fff3}.console-select option{color:#fff;background:#111116}.console-divider{background-color:var(--c-border);width:1px;height:20px}.console-actions{align-items:center;gap:8px;display:flex}.console-btn{color:var(--c-text-primary);font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition);white-space:nowrap;background:#ffffff0a;border:1px solid #0000;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:10px 22px;font-size:13px;display:inline-flex}.console-btn:hover{background:#ffffff14}.console-btn.active{color:var(--c-accent);background:#f59e0b26;border-color:#f59e0b4d}.console-presets{border:1px solid var(--c-border);background:#0003;border-radius:100px;align-items:center;padding:2px;display:flex}.preset-btn{color:var(--c-text-secondary);font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:9px 18px;font-size:12px;display:inline-flex}.preset-btn:hover{color:var(--c-text-primary)}.preset-btn.active{color:var(--c-text-primary);background:#ffffff14;box-shadow:0 2px 5px #0003}.telemetry-hud-box{z-index:50;border:1px solid var(--c-border);-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#121218bf;border-radius:14px;flex-direction:column;gap:16px;width:280px;padding:24px;display:flex;position:absolute;top:110px;left:28px;box-shadow:0 10px 30px #00000080}.tilt-gyro-circle{border:1.5px dashed #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.tilt-gyro-dot{background:var(--c-accent);width:10px;height:10px;box-shadow:0 0 10px var(--c-accent);border-radius:50%;transition:transform 50ms linear;position:absolute}.gyro-title{font-family:var(--f-mono);color:var(--c-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.gyro-val{font-family:var(--f-mono);color:var(--c-text-primary);margin-top:3px;font-size:13px}.gyro-val-large{font-family:var(--f-mono);color:var(--c-text-primary);margin-top:3px;font-size:28px;font-weight:700;line-height:1.1}.pip-hud-box{z-index:50;border:1px solid var(--c-border);pointer-events:none;background:0 0;border-radius:14px;flex-direction:column;gap:12px;width:280px;height:280px;padding:16px;display:flex;position:absolute;top:400px;left:28px;box-shadow:0 10px 30px #00000080}.pip-header{font-family:var(--f-mono);color:var(--c-text-primary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.pip-live-badge{color:#10b981;text-transform:uppercase;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.speed-bar-bg{background:#ffffff14;border-radius:2px;width:100%;height:5px;margin-top:6px;overflow:hidden}.speed-bar-fill{background:var(--c-accent);height:100%;box-shadow:0 0 6px var(--c-accent);border-radius:2px;transition:width 50ms linear}.log-empty-msg{font-family:var(--f-mono);color:var(--c-text-secondary);margin-top:4px;font-size:10px;font-style:italic}.joystick-widget{z-index:50;pointer-events:auto;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:140px;right:60px}.joystick-base{border:2px solid var(--c-border);touch-action:none;cursor:grab;-webkit-backdrop-filter:blur(10px);background:#121218a6;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 25px #0006}.joystick-base.active{cursor:grabbing;border-color:var(--c-accent);box-shadow:0 0 15px #f59e0b33,0 10px 25px #0006}.joystick-base:before{content:"";pointer-events:none;background:#ffffff0d;width:80%;height:1px;position:absolute}.joystick-base:after{content:"";pointer-events:none;background:#ffffff0d;width:1px;height:80%;position:absolute}.joystick-nub{background:var(--c-accent);pointer-events:none;border:2px solid #fff;border-radius:50%;width:36px;height:36px;transition:transform 50ms ease-out;box-shadow:0 4px 10px #00000080,inset 0 2px 4px #fff6}.joystick-label{font-family:var(--f-mono);color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px #000000e6;pointer-events:none;font-size:10px}.start-menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:120;animation:fadeIn .4s var(--ease-expo);background:#050508bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-menu-card{background:var(--c-panel);border:1px solid var(--c-border);text-align:center;width:95%;max-width:580px;animation:scaleIn .5s var(--ease-expo);border-radius:20px;padding:40px 48px;box-shadow:0 35px 80px #000000b3}.start-menu-title{font-family:var(--f-mono);letter-spacing:.15em;color:#fff;text-shadow:0 0 25px #ffffff1a;margin:0 0 6px;font-size:30px;font-weight:700}.start-menu-subtitle{font-family:var(--f-mono);color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px;font-size:11px}.difficulty-container{text-align:left;margin-bottom:24px}.difficulty-label{font-family:var(--f-mono);text-transform:uppercase;color:var(--c-text-secondary);letter-spacing:.05em;margin-bottom:10px;font-size:11px;display:block}.difficulty-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.diff-btn{border:1px solid var(--c-border);font-family:var(--f-mono);color:var(--c-text-primary);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;outline:none;justify-content:space-between;align-items:center;padding:10px 18px;font-size:12px;transition:all .2s;display:flex}.diff-btn:hover{background:#ffffff0f;border-color:#ffffff26}.diff-btn.active{border-color:var(--c-accent);color:var(--c-accent);background:#f59e0b26;box-shadow:0 0 10px #f59e0b1a}.diff-desc{color:var(--c-text-secondary);font-size:10px;font-weight:400}.start-menu-how{text-align:left;background:#00000040;border:1px solid #ffffff08;border-radius:10px;margin-bottom:28px;padding:14px 18px}.start-menu-how p{color:var(--c-text-primary);margin:0 0 6px;font-size:12px;font-weight:700}.start-menu-how ul{color:var(--c-text-secondary);margin:0;padding-left:16px;font-size:11px;line-height:1.6}.start-game-btn{background:var(--c-accent);color:#fff;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition);border:none;border-radius:100px;padding:12px 36px;font-size:13px;font-weight:700;box-shadow:0 8px 24px #f59e0b59}.start-game-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b73}.start-credits{color:#fff3;font-size:9px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.05em;margin-top:20px;margin-bottom:0}.victory-btn.btn-secondary{border:1px solid var(--c-border);color:var(--c-text-primary);font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:100px;padding:12px 28px;font-size:11px;font-weight:700}.victory-btn.btn-secondary:hover{color:#fff;background:#ffffff14}.ai-autopilot-hud{z-index:50;color:#10b981;font-family:var(--f-mono);letter-spacing:.05em;pointer-events:none;background:#10b98126;border:1px solid #10b9814d;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:700;animation:1.5s ease-in-out infinite alternate autopilotPulse;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #10b98133}@keyframes autopilotPulse{0%{opacity:.75;transform:translate(-50%)scale(.97);box-shadow:0 0 8px #10b9811a}to{opacity:1;transform:translate(-50%)scale(1.03);box-shadow:0 0 20px #10b98159}}.pip-viewfinder-grid{pointer-events:none;border:1px dashed #ffffff0d;position:absolute;inset:10px}.pip-viewfinder-grid:before{content:"";border:2px solid var(--c-accent);clip-path:polygon(0 0,12px 0,12px 2px,2px 2px,2px 12px,0 12px,0 0,100% 0,100% 12px,calc(100% - 2px) 12px,calc(100% - 2px) 2px,calc(100% - 12px) 2px,calc(100% - 12px) 0,100% 0,100% 100%,calc(100% - 12px) 100%,calc(100% - 12px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 12px),100% calc(100% - 12px),100% 100%,0 100%,0 calc(100% - 12px),2px calc(100% - 12px),2px calc(100% - 2px),12px calc(100% - 2px),12px 100%,0 100%);opacity:.8;position:absolute;inset:-2px}.pip-rec-indicator{font-family:var(--f-mono);color:#ff4a4a;text-shadow:0 1px 2px #000c;letter-spacing:.05em;pointer-events:none;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex;position:absolute;top:14px;left:14px}.pip-rec-dot{background:#ff4a4a;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite alternate recBlink}@keyframes recBlink{0%{opacity:.2;box-shadow:0 0 #ff4a4a00}to{opacity:1;box-shadow:0 0 6px #ff4a4acc}}@media (height<=560px) and (orientation:landscape){.portal-home-link{left:max(7px,env(safe-area-inset-left));bottom:max(7px,env(safe-area-inset-bottom));border-radius:50%;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;font-size:0;overflow:hidden}.portal-home-link:before{content:"←";font-size:18px;line-height:1}.start-menu-overlay{padding:6px 46px}.start-menu-card{border-radius:16px;grid-template-columns:minmax(330px,1.12fr) minmax(270px,.88fr);grid-template-areas:"title title""subtitle subtitle""difficulty how""difficulty start""difficulty credits";align-items:center;gap:4px 14px;width:min(850px,100vw - 92px);max-width:none;max-height:calc(100dvh - 12px);padding:10px 16px;display:grid;overflow:auto}.start-menu-title{grid-area:title;margin:0;font-size:clamp(21px,7vh,28px);line-height:1.05}.start-menu-subtitle{grid-area:subtitle;margin:0 0 2px;font-size:9px}.difficulty-container{grid-area:difficulty;align-self:stretch;margin:0}.difficulty-label{margin-bottom:4px;font-size:9px}.difficulty-grid{gap:5px}.diff-btn{border-radius:7px;min-height:34px;padding:5px 9px;font-size:10px}.diff-desc{font-size:8px}.start-menu-how{border-radius:8px;grid-area:how;align-self:stretch;margin:0;padding:7px 9px}.start-menu-how p{margin-bottom:3px;font-size:10px}.start-menu-how ul{padding-left:13px;font-size:9px;line-height:1.35}.start-game-btn{grid-area:start;width:100%;min-height:38px;padding:7px 12px;font-size:11px}.start-credits{grid-area:credits;margin:0;font-size:7px}.hud-instructions{gap:0;top:8px;left:12px}.hud-header{font-size:11px}.hud-sub,.telemetry-hud-box,.pip-hud-box{display:none}.ai-autopilot-hud{padding:6px 12px;font-size:10px;top:7px}.console-controls-bar{right:54px;bottom:max(6px,env(safe-area-inset-bottom));scrollbar-width:none;border-radius:14px;justify-content:flex-start;gap:6px;width:auto;max-width:none;padding:5px 8px;left:54px;overflow-x:auto;transform:none}.console-controls-bar::-webkit-scrollbar{display:none}.console-group,.console-actions{gap:4px}.console-label,.console-divider{display:none}.console-select{padding:5px 8px;font-size:9px}.console-btn{gap:3px;padding:6px 8px;font-size:9px}.console-btn svg,.preset-btn svg{width:11px;height:11px}.console-presets{padding:1px}.preset-btn{gap:3px;padding:5px 7px;font-size:9px}.console-slider{width:48px!important}.joystick-widget{gap:3px;bottom:58px;right:10px}.joystick-base{width:68px;height:68px}.joystick-nub{width:26px;height:26px}.joystick-label{font-size:8px}.victory-overlay{padding:6px 46px}.victory-card{border-radius:16px;width:min(650px,100vw - 92px);max-width:none;max-height:calc(100dvh - 12px);padding:15px 20px}.victory-title{margin-bottom:5px;font-size:clamp(22px,7vh,29px)}.victory-desc{margin-bottom:10px;font-size:11px}.victory-btn,.victory-btn.btn-secondary{padding:8px 15px;font-size:9px}}@media (height<=390px) and (orientation:landscape){.start-menu-card{grid-template-columns:minmax(310px,1.18fr) minmax(250px,.82fr)}.start-menu-title{font-size:21px}.start-menu-subtitle{display:none}.diff-btn{min-height:30px;padding:4px 8px}.start-menu-how{padding:5px 8px}.start-menu-how ul{font-size:8px;line-height:1.25}.start-credits{display:none}}