@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";
:root{--bg-dark:#07070c;--bg-surface:#10101a;--bg-card:#141424;--bg-card-hover:#1c1c32;--neon-cyan:#00f2fe;--neon-yellow:#ffd200;--neon-pink:#ff007f;--neon-green:#0f6;--neon-orange:#f60;--neon-red:#f34;--text-main:#f0f4f8;--text-muted:#8a99ad;--border-arcade:#00f2fe;--border-yellow:#ffd200;--border-pink:#ff007f;--border-dim:#262640;--font-pixel:"Press Start 2P", monospace;--font-arcade:"VT323", monospace;--font-sans:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.4;overflow-x:hidden}body:after{content:" ";z-index:999;pointer-events:none;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;display:block;position:fixed;inset:0}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1rem}.pixel-text{font-family:var(--font-pixel);letter-spacing:-.5px}.arcade-text{font-family:var(--font-arcade);letter-spacing:1px;font-size:1.4rem}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 8px #00f2fe99}.neon-yellow{color:var(--neon-yellow);text-shadow:0 0 8px #ffd20099}.neon-green{color:var(--neon-green);text-shadow:0 0 8px #0f69}.neon-pink{color:var(--neon-pink);text-shadow:0 0 8px #ff007f99}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s step-end infinite blink}.arcade-navbar{z-index:100;border-bottom:3px solid var(--neon-cyan);background:#090912;position:sticky;top:0;box-shadow:0 4px 15px #00f2fe33}.arcade-nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.arcade-logo{font-family:var(--font-pixel);color:#fff;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.arcade-logo-icon{background:var(--neon-cyan);color:#000;border-radius:2px;padding:.25rem .45rem;font-weight:900}.arcade-nav-links{align-items:center;gap:.75rem;display:flex}.arcade-nav-btn{font-family:var(--font-pixel);border:2px solid var(--border-dim);color:#fff;background:#141424;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.75rem;transition:all .1s;display:inline-flex}.arcade-nav-btn:hover,.arcade-nav-btn.active{border-color:var(--neon-yellow);color:var(--neon-yellow);background:#1c1c32;box-shadow:2px 2px #000}.arcade-auth-badge{font-family:var(--font-pixel);color:var(--neon-green);border:2px solid var(--neon-green);background:#00ff6614;padding:.4rem .75rem;font-size:.75rem}.btn-arcade{font-family:var(--font-pixel);cursor:pointer;text-transform:uppercase;border:3px solid #000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.85rem;transition:transform 50ms,box-shadow 50ms;display:inline-flex;position:relative}.btn-arcade-green{background:var(--neon-green);color:#000;box-shadow:0 5px #008033,0 5px 12px #0f66}.btn-arcade-green:hover{background:#33ff85}.btn-arcade-green:active{transform:translateY(4px);box-shadow:0 1px #008033}.btn-arcade-yellow{background:var(--neon-yellow);color:#000;box-shadow:0 5px #997d00,0 5px 12px #ffd20066}.btn-arcade-yellow:hover{background:#ffdb33}.btn-arcade-yellow:active{transform:translateY(4px);box-shadow:0 1px #997d00}.btn-arcade-cyan{background:var(--neon-cyan);color:#000;box-shadow:0 5px #089,0 5px 12px #00f2fe66}.btn-arcade-cyan:hover{background:#33f5fe}.btn-arcade-cyan:active{transform:translateY(4px);box-shadow:0 1px #089}.btn-arcade-outline{color:#fff;border:2px solid var(--neon-cyan);background:#141424;box-shadow:0 4px #000}.btn-arcade-outline:hover{border-color:var(--neon-yellow);color:var(--neon-yellow)}.btn-arcade-outline:active{transform:translateY(3px);box-shadow:0 1px #000}.retro-cabinet-hero{text-align:center;padding:2.5rem 0 2rem}.insert-coin-pill{font-family:var(--font-pixel);color:var(--neon-yellow);border:2px dashed var(--neon-yellow);background:#ffd2001a;margin-bottom:1.25rem;padding:.35rem .8rem;font-size:.75rem;display:inline-block}.retro-title{font-family:var(--font-pixel);color:#fff;text-shadow:3px 3px #000,0 0 15px #00f2fe80;margin-bottom:1rem;font-size:2.2rem;line-height:1.3}.retro-subtitle{font-family:var(--font-arcade);color:var(--text-muted);max-width:650px;margin:0 auto 2rem;font-size:1.5rem}.retro-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.retro-game-frame{border:4px solid var(--neon-cyan);background:#000;max-width:820px;margin:0 auto 1.5rem;position:relative;box-shadow:0 0 25px #00f2fe4d,inset 0 0 20px #000c}.retro-hud-bar{font-family:var(--font-pixel);background:#090912;border-bottom:3px solid #1a1a2e;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;font-size:.75rem;display:flex}.hud-item{align-items:baseline;gap:.5rem;display:flex}.hud-tag{color:var(--text-muted)}.hud-val{font-size:.85rem}.hud-btn-mini{color:#fff;cursor:pointer;background:#141424;border:2px solid #2a2a44;align-items:center;padding:.3rem .5rem;display:inline-flex}.hud-btn-mini:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.canvas-container{aspect-ratio:800/480;background:#080810;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.canvas-container canvas{display:block;width:100%!important;height:100%!important}.game-overlay{z-index:20;background:#000000e0;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:absolute;top:0;left:0}.retro-modal{border:3px solid var(--neon-cyan);text-align:center;background:#0c0c16;width:100%;max-width:480px;padding:1.75rem;box-shadow:0 0 25px #00f2fe59}.retro-modal h2{font-family:var(--font-pixel);color:#fff;margin-bottom:1rem;font-size:1.15rem}.retro-modal p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.retro-controls-list{font-family:var(--font-pixel);background:#05050a;border:2px solid #22223a;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.85rem;font-size:.7rem;display:flex}.retro-ctrl-row{justify-content:space-between;display:flex}.victory-modal{border-color:var(--neon-yellow);box-shadow:0 0 30px #ffd20066}.gameover-modal{border-color:var(--neon-red);box-shadow:0 0 30px #f056}.victory-points{font-family:var(--font-pixel);color:var(--neon-yellow);margin:1rem 0;font-size:1.8rem}.retro-stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.retro-stat-box{background:#06060c;border:2px solid #202038;padding:.7rem}.retro-stat-lbl{font-family:var(--font-pixel);color:var(--text-muted);font-size:.65rem}.retro-stat-num{font-family:var(--font-arcade);color:var(--neon-green);margin-top:.2rem;font-size:1.4rem}.retro-table-wrap{border:3px solid var(--neon-cyan);background:#0c0c16;margin-bottom:2.5rem;box-shadow:0 0 20px #00f2fe33}.retro-table{border-collapse:collapse;text-align:left;width:100%}.retro-table th{font-family:var(--font-pixel);color:var(--neon-yellow);border-bottom:3px solid var(--border-dim);background:#141424;padding:.9rem 1rem;font-size:.7rem}.retro-table td{border-bottom:1px solid #1a1a2e;padding:.85rem 1rem;font-size:.9rem}.retro-table tr:hover{background:#18182e}.rank-badge-pixel{font-family:var(--font-pixel);border:1px solid #444;padding:.2rem .45rem;font-size:.75rem;display:inline-block}.rank-1{color:var(--neon-yellow);border-color:var(--neon-yellow)}.rank-2{color:#cbd5e1;border-color:#cbd5e1}.rank-3{color:#f59e0b;border-color:#f59e0b}.retro-auth-wrap{justify-content:center;padding:3rem 0;display:flex}.retro-auth-box{border:3px solid var(--neon-cyan);background:#0d0d18;width:100%;max-width:420px;padding:2rem;box-shadow:0 0 25px #00f2fe40}.retro-auth-tabs{border-bottom:2px solid #22223c;margin-bottom:1.5rem;display:flex}.retro-tab{font-family:var(--font-pixel);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:.65rem .5rem;font-size:.75rem}.retro-tab.active{color:var(--neon-yellow);border-bottom:3px solid var(--neon-yellow)}.retro-input{color:#fff;width:100%;font-family:var(--font-sans);background:#05050a;border:2px solid #282845;outline:none;margin-bottom:1rem;padding:.75rem;font-size:.95rem}.retro-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f2fe66}.retro-label{font-family:var(--font-pixel);color:var(--text-muted);margin-bottom:.4rem;font-size:.65rem;display:block}.retro-footer{text-align:center;font-family:var(--font-pixel);color:var(--text-muted);border-top:2px solid #1a1a2e;margin-top:auto;padding:1.75rem 0;font-size:.65rem}.retro-mobile-touch-pad{display:none}@media (pointer:coarse),(max-width:820px){.retro-mobile-touch-pad{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#090914;border:2px solid #20203a;justify-content:space-between;align-items:stretch;gap:.5rem;width:100%;max-width:800px;margin:.5rem auto 0;padding:.5rem;display:flex;box-shadow:0 4px 15px #00000080}.desktop-controls-bar{display:none!important}}.touch-col-left,.touch-col-right{box-sizing:border-box;flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.touch-cluster{align-items:center;gap:.4rem;display:flex}.touch-row{gap:.4rem;width:100%;display:flex}.touch-pad-btn{border:2px solid var(--neon-cyan);color:#fff;font-family:var(--font-pixel);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;white-space:nowrap;background:#101020;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:48px;padding:.3rem;font-size:.7rem;transition:transform 40ms,background 40ms;display:flex;box-shadow:0 3px #000}.touch-pad-btn:active,.touch-pad-btn.pressed{background:#00f2fe40;transform:translateY(2px);box-shadow:0 0 #000}.touch-btn-wide{letter-spacing:.5px;width:100%;height:42px;font-size:.72rem}.touch-pad-green{border-color:var(--neon-green);color:var(--neon-green)}.touch-pad-green:active,.touch-pad-green.pressed{background:#00ff6640}.touch-pad-yellow{border-color:var(--neon-yellow);color:var(--neon-yellow)}.touch-pad-yellow:active,.touch-pad-yellow.pressed{background:#ffd20040}.touch-pad-pink{border-color:var(--neon-pink);color:var(--neon-pink)}.touch-pad-pink:active,.touch-pad-pink.pressed{background:#ff007f40}.touch-pad-red{border-color:var(--neon-red);color:var(--neon-red)}.touch-pad-red:active,.touch-pad-red.pressed{background:#ff005540}@media (max-width:640px){.retro-title{font-size:1.4rem}.arcade-nav-links{display:none}.retro-hud-bar{font-size:.65rem}}