:root{--surface-base: #f5f2ec;--surface-primary: #ffffff;--surface-secondary: #eef5e8;--surface-tertiary: #e0edda;--surface-overlay: rgba(245, 242, 236, .94);--surface-glass: rgba(255, 255, 255, .88);--tactical-400: #239f40;--tactical-300: #2ec050;--tactical-600: #1a7830;--tactical-glow: rgba(35, 159, 64, .35);--amber-400: #f0c040;--amber-300: #f5d060;--amber-200: #f8dc80;--amber-glow: rgba(240, 192, 64, .35);--signal-300: #da0000;--signal-400: #b80000;--signal-glow: rgba(218, 0, 0, .4);--naval-300: #3a8fd4;--naval-400: #2870b0;--naval-glow: rgba(58, 143, 212, .35);--status-health-high: var(--tactical-400);--status-health-mid: var(--amber-400);--status-health-low: var(--signal-300);--status-boost: var(--naval-300);--status-score: var(--amber-300);--status-multiplier: var(--amber-200);--text-primary: #1a2a1a;--text-secondary: #4a6050;--text-muted: #8a9a8e;--text-tactical: var(--tactical-400);--speaker-trump: #cc4422;--speaker-bibi: var(--naval-300);--speaker-command: var(--tactical-400);--powerup-oil: #ffaa00;--powerup-oil-bg: rgba(255, 170, 0, .1);--powerup-ceasefire: var(--naval-300);--powerup-ceasefire-bg: rgba(58, 143, 212, .1);--powerup-pakflag: #01411C;--powerup-pakflag-bg: rgba(1, 65, 28, .12);--font-display: "Share Tech Mono", "Courier New", monospace;--font-ui: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-body: "IBM Plex Mono", "Courier New", monospace;--text-xs: clamp(.625rem, .55rem + .25vw, .75rem);--text-sm: clamp(.6875rem, .625rem + .25vw, .8125rem);--text-base: clamp(.8125rem, .75rem + .25vw, .9375rem);--text-lg: clamp(1rem, .875rem + .5vw, 1.25rem);--text-xl: clamp(1.125rem, 1rem + .5vw, 1.5rem);--text-2xl: clamp(1.375rem, 1.125rem + 1vw, 2rem);--text-3xl: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);--text-4xl: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);--tracking-wide: .08em;--tracking-wider: .15em;--tracking-widest: .25em;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--touch-min: 48px;--touch-comfortable: 56px;--touch-large: 64px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--z-water: 0;--z-ceasefire: 5;--z-hud: 10;--z-radio: 20;--z-overlay: 100;--z-transition: 150;--z-scanlines: 1000;--dur-instant: 75ms;--dur-fast: .15s;--dur-normal: .3s;--dur-slow: .5s;--dur-slower: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--shadow-glow-green: 0 0 12px var(--tactical-glow), 0 0 4px var(--tactical-glow);--shadow-glow-amber: 0 0 12px var(--amber-glow), 0 0 4px var(--amber-glow);--shadow-glow-red: 0 0 12px var(--signal-glow), 0 0 4px var(--signal-glow);--shadow-glow-blue: 0 0 12px var(--naval-glow), 0 0 4px var(--naval-glow);--result-defeat-accent: rgba(218, 0, 0, .15);--result-defeat-bg: rgba(218, 0, 0, .04);--result-blockade-accent: rgba(58, 143, 212, .15);--result-blockade-bg: rgba(58, 143, 212, .04);--result-victory-accent: rgba(240, 192, 64, .15);--result-victory-bg: rgba(240, 192, 64, .06)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}body{overflow:hidden;background:var(--surface-base);font-family:var(--font-ui);color:var(--text-primary);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;height:100dvh;height:100vh}@supports (height: 100dvh){body{height:100dvh}}#game-canvas{display:block;width:100vw;height:100dvh;height:100vh;touch-action:none}@supports (height: 100dvh){#game-canvas{height:100dvh}}body.scanlines:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-scanlines);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(35,159,64,.02) 2px,rgba(35,159,64,.02) 4px)}#damage-overlay{position:fixed;inset:0;pointer-events:none;z-index:999;border:3px solid transparent;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}#damage-overlay.active{border-color:var(--signal-300);box-shadow:inset 0 0 40px var(--signal-glow);opacity:1;animation:damage-flash .4s var(--ease-out) forwards}#transition-overlay{position:fixed;inset:0;background:var(--surface-base);pointer-events:none;z-index:var(--z-transition);opacity:0;transition:opacity var(--dur-normal) var(--ease-in-out)}#transition-overlay.active{opacity:1;pointer-events:all}.steer-indicator{position:fixed;top:0;bottom:0;width:60px;pointer-events:none;z-index:var(--z-hud);opacity:0;transition:opacity 80ms linear}.steer-indicator--left{left:0;background:linear-gradient(90deg,rgba(35,159,64,.18),transparent)}.steer-indicator--right{right:0;background:linear-gradient(-90deg,rgba(35,159,64,.18),transparent)}:focus-visible{outline:2px solid var(--tactical-400);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes damage-flash{0%{border-color:var(--signal-300);box-shadow:inset 0 0 40px var(--signal-glow);opacity:1}to{border-color:transparent;box-shadow:none;opacity:0}}@keyframes multiplier-pulse{0%{transform:scale(1);text-shadow:0 0 8px var(--amber-glow)}50%{transform:scale(1.12);text-shadow:0 0 20px var(--amber-glow)}to{transform:scale(1);text-shadow:0 0 8px var(--amber-glow)}}@keyframes hull-critical{0%{border-color:var(--signal-300)}50%{border-color:#900}to{border-color:var(--signal-300)}}@keyframes phase-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.5}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes slot-ready-pulse{0%{box-shadow:0 0 6px var(--current-slot-glow)}50%{box-shadow:0 0 14px var(--current-slot-glow)}to{box-shadow:0 0 6px var(--current-slot-glow)}}@keyframes ceasefire-pulse{0%{border-color:#4488ff1a}to{border-color:#48f6}}@keyframes radio-slide-in-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sonar-sweep{0%{background:conic-gradient(from 0deg,transparent 0%,rgba(0,224,110,.04) 10%,transparent 20%)}to{background:conic-gradient(from 360deg,transparent 0%,rgba(0,224,110,.04) 10%,transparent 20%)}}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glow-breathe{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes countdown-drain{0%{width:100%}to{width:0%}}@keyframes white-flash{0%{opacity:.8}to{opacity:0}}@keyframes rotate-hint{0%{transform:rotate(0)}25%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes title-glow-pulse{0%{text-shadow:0 2px 8px rgba(35,159,64,.2)}50%{text-shadow:0 2px 16px rgba(35,159,64,.5),0 0 30px rgba(35,159,64,.15)}to{text-shadow:0 2px 8px rgba(35,159,64,.2)}}@keyframes btn-glow-pulse{0%{box-shadow:0 0 8px var(--tactical-glow)}50%{box-shadow:0 0 20px var(--tactical-glow),0 0 6px var(--tactical-glow)}to{box-shadow:0 0 8px var(--tactical-glow)}}@keyframes terminal-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes pip-fill{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes card-flash{0%{border-color:var(--tactical-400);box-shadow:0 0 8px var(--tactical-glow)}to{border-color:#4a5f824d;box-shadow:none}}@keyframes gold-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}#hud{position:fixed;top:0;left:0;right:0;pointer-events:none;padding:var(--space-2) var(--space-3);padding-top:max(var(--space-2),env(safe-area-inset-top));padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right));display:none;z-index:var(--z-hud);opacity:0;transition:opacity var(--dur-normal) var(--ease-out)}#hud.visible{display:block;opacity:1;animation:fade-in var(--dur-normal) var(--ease-out)}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.hud-left,.hud-right{display:flex;flex-direction:column;gap:2px;background:#00000059;border-radius:var(--radius-lg);padding:var(--space-1) var(--space-2)}.hud-right{text-align:right}.hud-label{font-family:var(--font-ui);font-size:9px;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:#fff9;line-height:1}.hull-bar-container{width:clamp(100px,22vw,160px);height:14px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);overflow:hidden;position:relative}.hull-bar-container.hull-critical{animation:hull-critical .8s ease-in-out infinite}#hull-fill{height:100%;width:100%;border-radius:var(--radius-full);transition:width var(--dur-normal) var(--ease-out),background-color var(--dur-normal) var(--ease-out);background:linear-gradient(90deg,currentColor,currentColor);background-size:100% 100%}#hull-fill.hull-high{color:var(--status-health-high)}#hull-fill.hull-mid{color:var(--status-health-mid)}#hull-fill.hull-low{color:var(--status-health-low)}#hull-text{position:absolute;top:0;left:0;right:0;text-align:center;font-family:var(--font-ui);font-size:9px;line-height:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.boost-bar-container{width:clamp(100px,22vw,160px);height:4px;background:#0000004d;border-radius:var(--radius-full);overflow:hidden;margin-top:2px}#boost-fill{height:100%;width:100%;border-radius:var(--radius-full);background:var(--status-boost);transition:width .2s var(--ease-out)}#boost-fill.boost-ready{box-shadow:0 0 4px var(--naval-glow)}#score-value{font-family:var(--font-ui);font-size:var(--text-base);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:transform var(--dur-fast) var(--ease-bounce);line-height:1.2}#score-value.pop{animation:score-pop var(--dur-fast) var(--ease-bounce)}#distance-value{font-family:var(--font-ui);font-size:var(--text-base);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1.2}#yuan-value{font-family:var(--font-ui);font-size:var(--text-base);font-weight:700;color:var(--amber-400);text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1.2}#multiplier{display:none;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--status-multiplier);text-shadow:0 1px 4px rgba(0,0,0,.4);text-align:center;animation:multiplier-pulse 1s ease-in-out infinite}#multiplier.visible{display:block;animation:scale-in var(--dur-normal) var(--ease-spring),multiplier-pulse 1s ease-in-out infinite}#phase-name{position:fixed;top:var(--space-16);left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;max-width:calc(100vw - 2rem);text-align:center;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none;z-index:var(--z-hud);opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}#phase-name.visible{opacity:1;animation:phase-reveal var(--dur-slow) var(--ease-out)}#phase-name.phase-calm{color:#fff;text-shadow:0 1px 6px rgba(35,159,64,.6)}#phase-name.phase-awakening{color:#fff;text-shadow:0 1px 6px rgba(240,192,64,.6)}#phase-name.phase-escalation{color:#fff;text-shadow:0 1px 6px rgba(218,0,0,.6)}#phase-name.phase-war{color:#fff;text-shadow:0 1px 8px rgba(218,0,0,.8);animation:phase-reveal var(--dur-slow) var(--ease-out),glow-breathe 1.5s ease-in-out infinite}.inventory-bar{position:fixed;bottom:var(--space-4);bottom:max(var(--space-4),env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);z-index:var(--z-hud);pointer-events:auto}.slot{width:var(--touch-min);height:var(--touch-min);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);background:#00000059;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease-bounce);position:relative;touch-action:none;-webkit-tap-highlight-color:transparent}.slot:active{transform:scale(.92)}.slot.empty{color:#fff6}.slot.filled{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.slot.slot-oil{border-color:var(--powerup-oil);background:var(--powerup-oil-bg);--current-slot-glow: var(--amber-glow);animation:slot-ready-pulse 2s ease-in-out infinite}.slot.slot-ceasefire{border-color:var(--powerup-ceasefire);background:var(--powerup-ceasefire-bg);--current-slot-glow: var(--naval-glow);animation:slot-ready-pulse 2s ease-in-out infinite}.slot.slot-pakFlag{border-color:var(--powerup-pakflag);background:var(--powerup-pakflag-bg);--current-slot-glow: rgba(1, 65, 28, .4);animation:slot-ready-pulse 2s ease-in-out infinite}.slot-key{position:absolute;top:2px;left:5px;font-size:9px;color:var(--text-muted)}@media(max-width:767px){.slot-key{display:none}}#btn-boost,#btn-boost-left{display:none;position:fixed;bottom:var(--space-4);bottom:max(var(--space-4),env(safe-area-inset-bottom));width:var(--touch-large);height:var(--touch-large);border-radius:var(--radius-full);border:2px solid var(--naval-300);background:#3a8fd426;color:var(--naval-300);font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:1px;cursor:pointer;z-index:var(--z-hud);pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease-bounce),background var(--dur-fast),opacity var(--dur-fast)}#btn-boost{right:var(--space-4);right:max(var(--space-4),env(safe-area-inset-right))}#btn-boost-left{left:var(--space-4);left:max(var(--space-4),env(safe-area-inset-left))}#btn-boost:active,#btn-boost-left:active{transform:scale(.9);background:#3a8fd44d}#btn-boost.on-cooldown,#btn-boost-left.on-cooldown{opacity:.4;border-color:#3a8fd44d}body.touch-device #btn-boost,body.touch-device #btn-boost-left{display:flex}#ceasefire-overlay{display:none;position:fixed;inset:0;background:#3a8fd40f;border:3px solid rgba(58,143,212,.3);pointer-events:none;z-index:var(--z-ceasefire);animation:ceasefire-pulse 2s ease-in-out infinite alternate}#pakflag-overlay{display:none;position:fixed;inset:0;background:#01411c14;border:3px solid rgba(1,65,28,.4);pointer-events:none;z-index:var(--z-ceasefire);animation:ceasefire-pulse 2s ease-in-out infinite alternate}#radio-bar{display:none;position:fixed;top:calc(max(var(--space-2),env(safe-area-inset-top)) + 80px);right:var(--space-3);right:max(var(--space-3),env(safe-area-inset-right));max-width:min(360px,calc(100vw - 2rem));background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-left:3px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);z-index:var(--z-radio);align-items:center;gap:var(--space-3);animation:radio-slide-in-right var(--dur-normal) var(--ease-spring)}#radio-bar.speaker-trump-active{border-left-color:var(--speaker-trump)}#radio-bar.speaker-bibi-active{border-left-color:var(--speaker-bibi)}#radio-bar.speaker-command-active{border-left-color:var(--speaker-command)}.radio-speaker{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap;padding:2px 8px;border-radius:var(--radius-sm)}.speaker-trump{color:var(--speaker-trump);background:#cc44221a}.speaker-bibi{color:var(--speaker-bibi);background:#3a8fd41a}.speaker-command{color:var(--speaker-command);background:#239f401a}#radio-text{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:#ffffffe6}.btn{padding:var(--space-3) var(--space-8);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;border:2px solid var(--tactical-400);background:transparent;color:var(--tactical-400);cursor:pointer;border-radius:var(--radius-md);transition:background var(--dur-fast),transform var(--dur-instant),box-shadow var(--dur-fast);margin:var(--space-2);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:var(--touch-min);position:relative}.btn:hover{background:#239f401a;box-shadow:var(--shadow-glow-green);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.98);box-shadow:none}.btn:disabled{opacity:.35;pointer-events:none}.btn-primary{background:var(--tactical-400);color:#fff;border-color:var(--tactical-400);box-shadow:var(--shadow-glow-green)}.btn-primary:hover{background:var(--tactical-300);border-color:var(--tactical-300);box-shadow:var(--shadow-glow-green),0 4px 16px var(--tactical-glow);transform:translateY(-1px)}.btn-primary:active{background:var(--tactical-600);border-color:var(--tactical-600);box-shadow:none;transform:translateY(1px) scale(.98)}.btn-secondary{border-color:var(--text-muted);color:var(--text-secondary);background:transparent}.btn-secondary:hover{border-color:var(--text-secondary);background:#8a9bbd14;box-shadow:none}.btn-share{border-color:var(--amber-400);color:var(--amber-400)}.btn-share:hover{background:#f0c0401a;box-shadow:0 0 12px #f0c0404d}.btn-hero{animation:btn-glow-pulse 3s ease-in-out infinite}.btn-hero:hover{animation:none;box-shadow:var(--shadow-glow-green),0 4px 16px var(--tactical-glow)}.btn-hero:active{animation:none;transform:translateY(1px) scale(.98)}.btn-danger{border-color:var(--signal-300);color:var(--signal-300)}.btn-danger:hover{background:#ff44441a;box-shadow:var(--shadow-glow-red)}@media(max-width:479px){.slot{width:var(--touch-min);height:var(--touch-min);font-size:9px}.btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);width:100%;max-width:320px}#pickup-notification{white-space:normal;text-align:center;font-size:var(--text-sm)}#radio-bar{max-width:calc(100vw - 1.5rem)}}@media(orientation:landscape)and (max-height:500px){.inventory-bar{position:fixed;bottom:auto;top:50%;left:auto;right:var(--space-3);right:max(var(--space-3),env(safe-area-inset-right));transform:translateY(-50%);flex-direction:column}#radio-bar{top:calc(max(var(--space-2),env(safe-area-inset-top)) + 60px);max-width:320px}#phase-name{top:var(--space-10)}}#pickup-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#fff;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-5);pointer-events:none;z-index:var(--z-radio);opacity:0;transition:opacity var(--dur-normal) var(--ease-out);white-space:nowrap;max-width:calc(100vw - 2rem);text-shadow:0 1px 3px rgba(0,0,0,.4)}#pickup-notification.active{opacity:1;animation:scale-in var(--dur-normal) var(--ease-spring)}#rotate-overlay{display:none;position:fixed;inset:0;background:var(--surface-base);z-index:9999;align-items:center;justify-content:center;flex-direction:column}.rotate-content{text-align:center;padding:var(--space-8)}.rotate-icon{font-size:64px;color:var(--text-primary);animation:rotate-hint 2s ease-in-out infinite;margin-bottom:var(--space-4)}.rotate-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-wider)}@media(orientation:portrait)and (max-width:767px){body.touch-device #rotate-overlay{display:flex}}.screen-overlay{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-overlay);z-index:var(--z-overlay);padding:var(--space-8);padding-top:max(var(--space-8),env(safe-area-inset-top));padding-bottom:max(var(--space-8),env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.screen-overlay.visible{display:flex}.screen-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;text-align:center;margin-bottom:var(--space-3);line-height:var(--leading-tight);animation:fade-in-down var(--dur-slow) var(--ease-out)}.screen-subtitle{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4);animation:fade-in var(--dur-slow) var(--ease-out) .1s backwards}#menu-screen{background:radial-gradient(ellipse at 50% 40%,rgba(35,159,64,.1) 0%,transparent 60%),var(--surface-overlay)}.menu-coords{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.2em;margin-bottom:var(--space-6);animation:fade-in-down var(--dur-slow) var(--ease-out) backwards}#menu-screen .screen-title{color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:var(--space-4)}.title-line-1{font-size:var(--text-3xl);letter-spacing:var(--tracking-widest);animation:fade-in var(--dur-slow) var(--ease-out) .1s backwards}.title-line-2{font-size:clamp(2.5rem,2rem + 3vw,4rem);letter-spacing:.35em;animation:fade-in var(--dur-slow) var(--ease-out) .2s backwards,title-glow-pulse 4s ease-in-out 1s infinite;text-shadow:0 2px 8px rgba(35,159,64,.3)}#menu-screen .screen-subtitle{margin-bottom:var(--space-5);animation:fade-in var(--dur-slow) var(--ease-out) .4s backwards}.menu-tagline{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);font-style:italic;border-left:2px solid var(--tactical-400);background:#239f400a;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-8);animation:terminal-reveal var(--dur-slow) var(--ease-out) .5s backwards}.menu-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:320px}.menu-actions .btn{width:100%;margin:0}.menu-actions .btn-hero{animation:fade-in-up var(--dur-slow) var(--ease-out) .7s backwards,btn-glow-pulse 3s ease-in-out 1.5s infinite}.menu-actions .btn-secondary{animation:fade-in-up var(--dur-slow) var(--ease-out) .85s backwards;border-color:var(--text-secondary)}.controls-hint{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:1px;margin-top:var(--space-8);text-align:center;line-height:var(--leading-normal);animation:fade-in var(--dur-slow) var(--ease-out) 1s backwards;opacity:.5}.hint-line{margin-bottom:4px}.result-hero{display:flex;align-items:center;justify-content:center;gap:var(--space-5);background:var(--surface-secondary);border:1px solid var(--result-defeat-accent);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-5) 0;width:100%;max-width:380px;animation:fade-in-up var(--dur-slow) var(--ease-out) .6s backwards}.result-hero--victory{border-color:var(--result-victory-accent)}.result-hero--blockade{border-color:var(--result-blockade-accent)}.result-hero-stat{text-align:center;flex:1}.result-hero-value{font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1.2}.result-hero-earned{color:var(--amber-400);text-shadow:0 0 8px rgba(240,192,64,.2)}.result-hero-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-1)}.result-hero-divider{width:1px;height:40px;background:#8a9a8e40;flex-shrink:0}.result-secondary{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-5);width:100%;max-width:380px;animation:fade-in-up var(--dur-normal) var(--ease-out) .8s backwards}.result-sec-stat{text-align:center;flex:1}.result-sec-value{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.result-sec-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-top:2px}.result-quote{font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;color:var(--text-secondary);max-width:min(380px,calc(100vw - 2rem));text-align:left;line-height:var(--leading-normal);border-left:2px solid var(--text-muted);background:#00000008;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);animation:terminal-reveal var(--dur-slow) var(--ease-out) 1.1s backwards}.share-card{width:100%;max-width:380px;background:var(--surface-secondary);border:1px solid rgba(240,192,64,.25);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5);animation:fade-in var(--dur-normal) var(--ease-out) 1.3s backwards}.share-card-header{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--amber-400);margin-bottom:var(--space-3)}.share-card-preview{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-primary);border:1px solid rgba(138,154,142,.15);border-radius:var(--radius-md);padding:var(--space-3);line-height:var(--leading-normal);margin-bottom:var(--space-3);white-space:pre-line}.share-card .btn-share{width:100%;margin:0;min-height:var(--touch-min)}.share-card .btn-share.share-copied{border-color:var(--tactical-400);color:var(--tactical-400)}.result-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:380px;animation:fade-in-up var(--dur-normal) var(--ease-out) 1.5s backwards}.result-actions .btn{width:100%;margin:0}#gameover-screen .screen-title{color:var(--signal-300);text-shadow:0 2px 8px rgba(218,0,0,.3)}#gameover-screen{background:radial-gradient(ellipse at 50% 30%,var(--result-defeat-bg) 0%,transparent 60%),var(--surface-overlay)}#gameover-screen:before{content:"";position:absolute;inset:0;background:#fff;pointer-events:none;animation:white-flash .8s var(--ease-out) forwards;z-index:1}#victory-screen .screen-title{color:var(--amber-400);text-shadow:0 2px 12px rgba(240,192,64,.4)}#victory-screen .screen-subtitle{color:var(--tactical-400)}#victory-screen{background:radial-gradient(ellipse at 50% 30%,var(--result-victory-bg) 0%,transparent 60%),var(--surface-overlay)}#victory-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(240,192,64,.08) 50%,transparent 100%);background-size:200% 100%;animation:gold-shimmer 1s var(--ease-out) forwards;z-index:1}#toll-dialog{display:none;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(to bottom,transparent 40%,rgba(245,242,236,.9) 100%);z-index:var(--z-overlay)}#toll-dialog.visible{display:flex}.toll-content{background:var(--surface-secondary);border:2px solid var(--amber-400);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6) var(--space-8);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));text-align:center;width:100%;max-width:min(480px,100vw);animation:slide-up var(--dur-slow) var(--ease-out);position:relative;overflow:hidden}.toll-title{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--amber-400);margin-bottom:var(--space-3)}.toll-message{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-4);line-height:var(--leading-normal)}.toll-message span{color:var(--amber-300);font-weight:700}.toll-buttons{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-3)}.toll-buttons .btn{flex:1;min-height:var(--touch-large)}.toll-countdown{position:absolute;bottom:0;left:0;height:3px;background:var(--amber-400);animation:countdown-drain 8s linear forwards}#port-hub-screen{background:radial-gradient(ellipse at 50% 20%,rgba(42,120,136,.12) 0%,transparent 60%),var(--surface-overlay);padding:0;justify-content:flex-start;align-items:center;gap:0;overflow:hidden}.port-hud{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);padding-top:max(var(--space-3),env(safe-area-inset-top));background:var(--surface-secondary);border-bottom:1px solid rgba(138,154,142,.15);flex-shrink:0;animation:fade-in-down var(--dur-normal) var(--ease-out) backwards}.port-hud-title{text-align:center;flex:1}.port-hud-title .screen-title{font-size:var(--text-lg);margin-bottom:0;animation:none}.port-hud-title .screen-subtitle{font-size:9px;color:var(--text-muted);margin-bottom:0;animation:none}.port-hud-stat{display:flex;align-items:center;gap:var(--space-2);min-width:80px}.port-hud-stat:last-child{justify-content:flex-end}.port-hud-icon{font-size:var(--text-lg);opacity:.6}.port-hud-value{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:700;color:var(--amber-400)}.port-hud-dist{color:var(--tactical-400)}.port-body{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.dock-ship-viewport{width:100%;height:clamp(140px,30vh,240px);flex-shrink:0;position:relative;background:linear-gradient(to bottom,#1e4a54,#2a7888 40%,#1a5a6a);border-bottom:1px solid rgba(138,154,142,.15);overflow:hidden}.dock-ship-viewport canvas{display:block;width:100%;height:100%}.dock-ship-viewport:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--surface-overlay));pointer-events:none}.port-content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;padding:var(--space-4) var(--space-5);padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.port-section-label{font-family:var(--font-ui);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-3);border-bottom:1px solid rgba(138,154,142,.15);margin-bottom:var(--space-4);width:100%;max-width:440px;text-align:center}#upgrades-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:var(--space-1);width:100%;max-width:440px}.upgrade-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-secondary);border:1px solid rgba(35,159,64,.22);border-left:3px solid var(--tactical-400);border-radius:var(--radius-lg);box-shadow:0 1px 4px #1a2a1a14;transition:border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast);animation:fade-in-up var(--dur-normal) var(--ease-out) backwards;position:relative}.upgrade-item:nth-child(1){animation-delay:.1s}.upgrade-item:nth-child(2){animation-delay:.16s}.upgrade-item:nth-child(3){animation-delay:.22s}.upgrade-item:nth-child(4){animation-delay:.28s}.upgrade-item:nth-child(5){animation-delay:.34s}.upgrade-item:hover{border-color:#239f4080;background:var(--surface-tertiary);box-shadow:0 3px 12px #1a2a1a1f,0 0 0 1px #239f401a;transform:translateY(-1px)}.upgrade-item.too-expensive{opacity:.6;border-left-color:var(--text-muted);background:#f5f2ec99}.upgrade-item.too-expensive .upgrade-icon{opacity:.4;border-color:#8a9a8e26;background:#8a9a8e0f}.upgrade-item.maxed{border-color:#f0c0404d;background:#f0c0400a}.upgrade-item.maxed .upgrade-icon{color:var(--amber-400);text-shadow:0 0 8px var(--amber-glow)}.upgrade-item.card-flash{animation:card-flash .4s var(--ease-out)}.upgrade-icon{font-size:clamp(1.3rem,1rem + 1vw,1.6rem);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#239f4014;border:1px solid rgba(35,159,64,.2);border-radius:var(--radius-lg);flex-shrink:0;color:var(--text-primary);transition:color var(--dur-fast),text-shadow var(--dur-fast),background var(--dur-fast)}.upgrade-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.upgrade-header{display:flex;align-items:baseline;gap:var(--space-2)}.upgrade-name{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.upgrade-level{font-family:var(--font-ui);font-size:9px;color:var(--text-muted);letter-spacing:var(--tracking-wide)}.maxed .upgrade-level{color:var(--amber-400);font-weight:700}.upgrade-desc{font-family:var(--font-body);font-size:clamp(.5625rem,.5rem + .2vw,.6875rem);color:var(--text-muted);line-height:1.3}.upgrade-pips{display:flex;gap:3px;margin:3px 0}.pip{display:inline-block;width:16px;height:6px;background:#8a9a8e26;border:1px solid rgba(138,154,142,.25);border-radius:2px;transition:background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.pip.filled{background:var(--tactical-400);border-color:var(--tactical-300);box-shadow:0 0 6px var(--tactical-glow),inset 0 1px #fff3}.pip.pip-animating{animation:pip-fill .3s var(--ease-spring)}.maxed .pip.filled{background:var(--amber-400);border-color:var(--amber-300);box-shadow:0 0 6px var(--amber-glow)}.upgrade-btn{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;padding:var(--space-2) var(--space-3);border:1px solid var(--tactical-400);background:#239f400f;color:var(--tactical-400);cursor:pointer;border-radius:var(--radius-md);min-height:40px;min-width:72px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast);flex-shrink:0}.upgrade-btn:hover{background:#239f4026;box-shadow:0 0 10px var(--tactical-glow);transform:scale(1.03)}.upgrade-btn:active{transform:scale(.95);box-shadow:none}.upgrade-btn:disabled{border-color:#8a9a8e33;color:var(--text-muted);background:transparent;cursor:default;box-shadow:none}.upgrade-btn.maxed-label{border-color:var(--amber-400);color:var(--amber-400);background:#f0c0400f;letter-spacing:.15em;cursor:default;font-size:9px}.port-actions{display:flex;gap:var(--space-3);flex-shrink:0;width:100%;max-width:440px}.port-actions .btn{flex:1;margin:0;animation:fade-in-up var(--dur-normal) var(--ease-out) .4s backwards}.promo-slot{width:100%;max-width:380px;margin-top:var(--space-4);min-height:48px;display:flex;flex-direction:column;align-items:center;animation:fade-in var(--dur-slow) var(--ease-out) 1.8s backwards}.promo-divider{font-family:var(--font-ui);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);text-align:center;width:100%;padding-bottom:var(--space-3);border-top:1px dashed rgba(138,154,142,.2);padding-top:var(--space-3);margin-bottom:var(--space-2)}.promo-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-3) var(--space-4);border:1px solid rgba(138,154,142,.12);border-radius:var(--radius-md);width:100%}.promo-text{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);font-style:italic;line-height:var(--leading-normal);margin:0}.promo-hint{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.promo-hint strong{color:var(--text-primary)}.btn-pwa{font-size:var(--text-xs);padding:var(--space-2) var(--space-6);border-color:var(--tactical-400);color:var(--tactical-400)}.btn-coffee{display:inline-block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;text-decoration:none;text-align:center;padding:var(--space-2) var(--space-6);border:2px solid var(--amber-400);color:var(--amber-400);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast),box-shadow var(--dur-fast);min-height:var(--touch-min);touch-action:manipulation}.btn-coffee:hover{background:#f0c0401a;box-shadow:0 0 12px #f0c0404d}.btn-coffee:active{transform:translateY(1px) scale(.98)}@media(max-width:479px){.toll-content{padding:var(--space-5) var(--space-4)}.toll-buttons{flex-direction:column}.toll-buttons .btn{width:100%}}@media(max-width:767px){.screen-overlay{justify-content:center;padding-top:max(var(--space-5),env(safe-area-inset-top));padding-bottom:max(var(--space-5),env(safe-area-inset-bottom))}#menu-screen .btn{min-height:var(--touch-comfortable);font-size:var(--text-lg)}.controls-hint{font-size:clamp(.5625rem,.5rem + .2vw,.625rem);opacity:.4;margin-top:var(--space-4)}}@media(orientation:landscape)and (max-height:500px){.screen-overlay{padding:var(--space-2) var(--space-8);padding-left:max(var(--space-8),env(safe-area-inset-left));padding-right:max(var(--space-8),env(safe-area-inset-right));flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:0}.screen-title{font-size:var(--text-xl);margin-bottom:0}.screen-subtitle{margin-bottom:2px}.menu-coords,.menu-tagline,.controls-hint{display:none}.title-line-1{font-size:var(--text-lg)}.title-line-2{font-size:var(--text-xl)}.menu-actions{flex-direction:row;gap:var(--space-2)}.menu-actions .btn{width:auto;flex:1}.screen-title,.screen-subtitle,.result-quote,.controls-hint{flex:0 0 100%;text-align:center;max-width:100%}.result-hero{margin:var(--space-1) 0;padding:var(--space-2) var(--space-4);max-width:100%;flex:0 0 100%}.result-hero-value{font-size:var(--text-lg)}.result-hero-divider{height:24px}.result-secondary{flex:0 0 100%;margin-bottom:var(--space-1);gap:var(--space-4)}.result-sec-value{font-size:var(--text-sm)}.result-sec-label{font-size:9px}.result-quote{margin-bottom:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.share-card{flex:0 0 100%;max-width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1)}.share-card-preview{display:none}.result-actions{flex-direction:row;gap:var(--space-2);flex:0 0 auto}.result-actions .btn{width:auto;flex:1;min-height:32px;padding:var(--space-1) var(--space-5);font-size:var(--text-xs)}.promo-slot{flex:0 0 100%;max-width:100%;margin-top:var(--space-1)}.promo-divider{padding-top:var(--space-1);padding-bottom:var(--space-1);margin-bottom:var(--space-1)}.promo-card{padding:var(--space-2) var(--space-3);flex-direction:row;gap:var(--space-3)}#port-hub-screen{flex-direction:column;align-items:stretch}.port-hud{padding:var(--space-1) var(--space-4)}.port-hud-title .screen-title{font-size:var(--text-base)}.port-hud-title .screen-subtitle{display:none}.port-hud-value{font-size:var(--text-sm)}.port-body{flex-direction:row}.dock-ship-viewport{width:45%;height:auto;border-bottom:none;border-right:1px solid rgba(138,154,142,.15)}.dock-ship-viewport:after{display:none}.port-content{width:55%;flex:1;padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.port-section-label{display:none}#upgrades-list{flex:1;margin-bottom:var(--space-2)}.upgrade-item{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.upgrade-icon{width:32px;height:32px;font-size:1rem}.pip{width:10px;height:4px}.upgrade-desc{display:none}.port-actions{flex-direction:row;gap:var(--space-2);padding-top:var(--space-1)}.port-actions .btn{flex:1;min-height:32px;padding:var(--space-1) var(--space-5);font-size:var(--text-xs)}.toll-content{padding:var(--space-3) var(--space-5)}.toll-message{font-size:var(--text-sm);margin-bottom:var(--space-2)}}#tutorial-overlay{position:fixed;inset:0;z-index:50;pointer-events:none;display:none}#tutorial-overlay.active{display:block}#tutorial-overlay.tappable{pointer-events:auto}#tutorial-letterbox-top,#tutorial-letterbox-bottom{position:fixed;left:0;right:0;height:0;background:#000;z-index:51;transition:height var(--dur-slow) var(--ease-out)}#tutorial-letterbox-top{top:0}#tutorial-letterbox-bottom{bottom:0}#tutorial-overlay.letterbox #tutorial-letterbox-top,#tutorial-overlay.letterbox #tutorial-letterbox-bottom{height:40px}#tutorial-textbox{position:fixed;bottom:80px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100vw - 2rem));width:90%;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(35,159,64,.25);border-left:3px solid var(--tactical-400);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);z-index:52;opacity:0;transform-origin:bottom center;transition:opacity var(--dur-normal) var(--ease-out);pointer-events:none}#tutorial-textbox.visible{opacity:1}#tutorial-speaker{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;display:block;margin-bottom:var(--space-1)}#tutorial-speaker.speaker-command{color:var(--speaker-command)}#tutorial-speaker.speaker-trump{color:var(--speaker-trump)}#tutorial-speaker.speaker-bibi{color:var(--speaker-bibi)}#tutorial-text{font-family:var(--font-body);font-size:var(--text-base);color:#ffffffe6;line-height:var(--leading-normal)}#tutorial-text.typing:after{content:"█";animation:blink-cursor .6s step-end infinite;color:var(--tactical-400);margin-left:2px}@keyframes blink-cursor{50%{opacity:0}}#tutorial-spotlight{position:fixed;display:none;border:2px solid var(--tactical-400);border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #00000073,0 0 16px var(--tactical-glow),inset 0 0 10px var(--tactical-glow);z-index:53;pointer-events:none;transition:all var(--dur-normal) var(--ease-out);animation:spotlight-pulse 2s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #00000073,0 0 10px var(--tactical-glow),inset 0 0 8px var(--tactical-glow)}50%{box-shadow:0 0 0 9999px #00000073,0 0 24px var(--tactical-glow),inset 0 0 14px var(--tactical-glow)}}#tutorial-prompt{position:fixed;bottom:48px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#fff6;z-index:52;opacity:0;transition:opacity var(--dur-normal);pointer-events:none;animation:prompt-breathe 2.5s ease-in-out infinite}#tutorial-prompt.visible{opacity:1}@keyframes prompt-breathe{0%,to{opacity:.35}50%{opacity:.7}}#tutorial-skip{position:fixed;top:var(--space-4);right:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#ffffffb3;background:#0000008c;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;z-index:54;pointer-events:auto;touch-action:manipulation;min-height:var(--touch-min);transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}#tutorial-skip:hover,#tutorial-skip:active{color:#fff;background:#000000b3;border-color:#ffffff73}@media(max-height:500px){#tutorial-textbox{bottom:50px;padding:var(--space-3) var(--space-4)}#tutorial-prompt{bottom:28px}#tutorial-overlay.letterbox #tutorial-letterbox-top,#tutorial-overlay.letterbox #tutorial-letterbox-bottom{height:20px}}