*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden;background-color:#0a0a14;color:#fff;font-family:IBM Plex Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}img{display:block;max-width:100%;height:auto}:root{--color-bg: #0A0A14;--color-surface: #12121F;--color-accent-y: #F5F500;--color-accent-b: #0055FF;--color-accent-g: #B5FF00;--color-text: #FFFFFF;--color-muted: #6B7280;--color-hud: rgba(245,245,0,.85);--font-display: "Rajdhani", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-ui: "Barlow Condensed", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--radius-sm: 4px;--radius-md: 8px;--border-accent: 1px solid var(--color-accent-y)}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease}.screen.active{opacity:1;pointer-events:auto}.btn-primary{background:var(--color-accent-y);color:#000;padding:12px 32px;font-family:var(--font-display);font-weight:700;font-size:20px;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .2s;border:1px solid transparent}.btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #f5f50066}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary.disabled,.btn-primary:disabled{background:var(--color-muted);color:#aaa;cursor:not-allowed;opacity:.5}.btn-ghost{background:transparent;color:var(--color-text);padding:12px 24px;font-family:var(--font-mono);font-size:14px;border:1px solid rgba(255,255,255,.2);transition:all .2s}.btn-ghost:hover{background:#ffffff1a;border-color:var(--color-accent-y)}.tag-line{font-family:var(--font-mono);color:var(--color-accent-y);font-size:14px;letter-spacing:2px}#screen-intro{display:flex;justify-content:space-between;padding:var(--space-xl);background:radial-gradient(circle at center,#1a1a2e,#0a0a14)}.intro-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:1}.intro-header,.intro-center,.intro-footer{z-index:2}.intro-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-main{font-family:var(--font-display);font-size:120px;font-weight:700;line-height:1;color:var(--color-accent-y);text-shadow:0 0 20px rgba(245,245,0,.5);margin-bottom:8px}.logo-sub{font-family:var(--font-mono);font-size:18px;letter-spacing:6px;color:#fff;margin-bottom:64px}.ships-preview{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:80px;height:200px}.ship-silhouette{height:160px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));transition:transform .5s ease}.ship-center{height:220px;z-index:2}.intro-actions{display:flex;flex-direction:column;gap:16px;align-items:center}.intro-footer{display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--font-mono);font-size:12px;color:var(--color-muted)}.sponsors{letter-spacing:2px}.access-tag{color:#fff}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-panel{background:var(--color-surface);border:var(--border-accent);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-width:300px}.modal-panel h3{font-family:var(--font-display);font-size:24px;color:var(--color-accent-y)}.modal-body{display:flex;flex-direction:column;gap:var(--space-sm);font-family:var(--font-mono)}.modal-body label{display:flex;justify-content:space-between;align-items:center}.modal-body select{background:#000;color:#fff;border:1px solid rgba(255,255,255,.2);padding:4px;min-width:100px}@media(max-width:800px){#screen-intro{flex-direction:column;padding:var(--space-md)}.intro-header{flex-direction:column!important;align-items:center!important;gap:16px;margin-bottom:20px}.logo-main{font-size:64px}.logo-sub{font-size:12px;letter-spacing:3px;margin-bottom:30px}.ships-preview{gap:15px;margin-bottom:40px;height:auto}.ship-silhouette{height:80px}.ship-center{height:120px}.intro-footer{flex-direction:column;align-items:center;gap:10px;text-align:center}}#screen-select{padding:var(--space-xl);background:var(--color-bg)}.select-header{margin-bottom:var(--space-xl)}.select-header h2{font-family:var(--font-display);font-size:48px;font-weight:700;text-transform:uppercase;margin-top:8px}.ships-grid{display:flex;gap:var(--space-lg);justify-content:center;flex:1}.ship-card{flex:1;max-width:300px;background:var(--color-surface);border:1px solid rgba(255,255,255,.1);padding:var(--space-lg);display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .3s ease}.ship-card:hover{transform:translateY(-5px);border-color:#ffffff4d}.ship-card.selected{border-color:var(--ship-color);box-shadow:0 0 20px rgba(var(--ship-color-rgb),.2);transform:scale(1.02)}.card-number{position:absolute;top:20px;left:20px;font-family:var(--font-display);font-size:64px;font-weight:700;color:#ffffff0d;line-height:.8}.ship-card.selected .card-number{color:var(--ship-color);opacity:.2}.card-image{height:200px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:var(--space-md);z-index:2;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.card-name{font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:var(--space-xs);z-index:2}.card-sponsors{display:flex;gap:8px;margin-bottom:var(--space-lg);z-index:2}.sponsor-pill{font-family:var(--font-mono);font-size:10px;border:1px solid rgba(255,255,255,.2);padding:2px 6px;color:var(--color-muted)}.card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--space-lg)}.stat-row{display:flex;align-items:center;gap:16px}.stat-row>span:first-child{font-family:var(--font-mono);font-size:10px;color:var(--color-muted);width:40px}.stat-bar{flex:1;height:4px;background:#ffffff1a}.stat-fill{height:100%;background:var(--ship-color)}.card-skill{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-md)}.skill-label{font-family:var(--font-display);font-size:12px;color:var(--ship-color);display:block;margin-bottom:4px}.skill-name{font-family:var(--font-ui);font-weight:700;font-size:16px;display:block;margin-bottom:2px}.skill-desc{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);line-height:1.4}.select-footer{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl)}@media(max-width:1024px),(max-height:800px){#screen-select{padding:var(--space-md)}.select-header h2{font-size:32px}.card-image{height:160px;margin-bottom:var(--space-sm)}.card-name{font-size:20px}.ship-card{padding:var(--space-md);max-width:250px}.select-footer{margin-top:var(--space-md)}}@media(max-width:800px){.ships-grid{flex-direction:row;align-items:stretch;justify-content:flex-start;gap:var(--space-md);overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scroll-snap-type:x mandatory;scroll-behavior:smooth}.ship-card{min-width:80%;scroll-snap-align:center}.select-header{flex-direction:column!important;align-items:center!important;text-align:center;gap:12px}}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}#countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}#countdown-text{font-family:var(--font-display);font-size:15vw;font-weight:700;color:#fff;text-shadow:0 0 40px var(--color-accent-y)}#screen-results{background:#0a0a14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xl);display:flex;align-items:center;justify-content:center}.results-panel{background:var(--color-surface);border:var(--border-accent);padding:var(--space-xl);max-width:600px;width:100%;box-shadow:0 0 50px #00000080;position:relative;overflow:hidden}.results-panel h2{font-family:var(--font-display);font-size:48px;font-weight:700;margin-bottom:var(--space-lg);margin-top:8px}.results-grid{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.result-item{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px dotted rgba(255,255,255,.2);padding-bottom:8px}.result-label{font-family:var(--font-mono);font-size:14px;color:var(--color-muted)}.result-value{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-accent-y)}.results-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.barcode-deco{position:absolute;top:0;right:-50px;font-family:var(--font-mono);font-size:80px;color:#ffffff0d;transform:rotate(90deg);transform-origin:top right;letter-spacing:-2px;pointer-events:none}@media(max-width:800px){#screen-results,.results-panel{padding:var(--space-md)}.results-panel h2{font-size:32px}.results-actions{flex-direction:column;align-items:stretch;gap:8px}}#hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-lg)}.hud-top-left{position:absolute;top:var(--space-lg);left:var(--space-lg)}.hud-pos{font-family:var(--font-display);font-size:64px;font-weight:700;color:var(--color-accent-y);line-height:1;text-shadow:0 0 10px rgba(245,245,0,.5)}.hud-lap{font-family:var(--font-mono);font-size:14px;letter-spacing:2px;margin-top:8px}.hud-top-right{position:absolute;top:var(--space-lg);right:var(--space-lg);text-align:right}.hud-speed{display:flex;align-items:baseline;gap:8px}.speed-value{font-family:var(--font-display);font-size:64px;font-weight:700;line-height:1}.hud-speed small{font-family:var(--font-mono);font-size:14px;color:var(--color-muted)}.hud-bottom-center{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);width:300px}.skill-bar{height:8px;background:#ffffff1a;position:relative}.skill-fill{height:100%;width:0%;background:var(--color-accent-y);transition:width .1s linear}.skill-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--color-muted);letter-spacing:2px}.mobile-controls{display:none;position:absolute;bottom:calc(var(--space-xl) + 20px);left:0;width:100%;pointer-events:auto;justify-content:space-between;padding:0 var(--space-md)}.mc-left,.mc-right{display:flex;gap:var(--space-sm)}.mc-btn{width:65px;height:65px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;font-size:24px}.mc-btn:active{background:var(--color-primary);border-color:var(--color-primary)}.mc-action{font-family:var(--font-display);font-size:18px}@media(max-width:800px){.mobile-controls{display:flex}.hud-pos,.speed-value{font-size:32px}.hud-top-left{top:var(--space-sm);left:var(--space-sm)}.hud-top-right{top:var(--space-sm);right:var(--space-sm)}.hud-bottom-center{bottom:var(--space-sm);width:200px}.skill-label{top:-18px;font-size:10px}}