@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}[data-theme=vaporwave]{--bg-dark:#0f071e;--bg-surface:#190e2e;--bg-card:#20133a;--bg-card-hover:#2b1b4d;--neon-cyan:#01cdfe;--neon-pink:#ff71ce;--neon-yellow:#ffb86c;--neon-green:#05ffa1;--neon-orange:#ff9a76;--border-arcade:#ff71ce}[data-theme=matrix]{--bg-dark:#030a05;--bg-surface:#07150a;--bg-card:#0c2010;--bg-card-hover:#123018;--neon-cyan:#0f6;--neon-pink:#39ff14;--neon-yellow:#a6e22e;--neon-green:#0f6;--border-arcade:#0f6}[data-theme=solar-flare]{--bg-dark:#120505;--bg-surface:#1c0a0a;--bg-card:#281010;--bg-card-hover:#3a1616;--neon-cyan:#ffd200;--neon-pink:#ff4500;--neon-yellow:#ffea79;--neon-green:#fa0;--border-arcade:#ffd200}*{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;will-change:opacity;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;transition:opacity .3s;display:block;position:fixed;inset:0;transform:translateZ(0)}[data-crt=clean] body:after{display:none!important}[data-crt=crt] body:after{opacity:.32!important;background-size:100% 3px!important}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,.nav-user-pill{font-family:var(--font-pixel);color:var(--neon-green);border:1px solid var(--neon-green);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#00ff6614;border-radius:4px;align-items:center;gap:.45rem;height:32px;padding:0 .8rem;font-size:.65rem;text-decoration:none;transition:all .15s;display:inline-flex}.arcade-auth-badge:hover,.nav-user-pill:hover{background:var(--neon-green);color:#000;box-shadow:0 0 14px #00ff6680}.nav-signin-pill{font-family:var(--font-pixel);color:var(--neon-yellow);border:1px solid var(--neon-yellow);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#ffd20014;border-radius:4px;align-items:center;gap:.45rem;height:32px;padding:0 .8rem;font-size:.65rem;text-decoration:none;transition:all .15s;display:inline-flex}.nav-signin-pill:hover{background:var(--neon-yellow);color:#000;box-shadow:0 0 14px #ffd20080}.nav-online-dot{background:var(--neon-green);width:7px;height:7px;box-shadow:0 0 6px var(--neon-green);border-radius:50%;flex-shrink:0;animation:1.2s infinite alternate pulseGlow}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.5px;max-width:170px;line-height:1;display:inline-block;overflow:hidden}.retro-cabinet-frame{z-index:10;background:#090915;border:2px solid #28284c;border-radius:10px;padding:1.5rem;position:relative;box-shadow:0 15px 40px #000000e6,0 0 25px #00f2fe1f}.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}.nav-hud-controls{gap:.35rem!important}.hud-icon-btn{padding:.38rem .5rem!important}.nav-signin-pill,.nav-user-pill{padding:.38rem .55rem!important;font-size:.6rem!important}.nav-user-name{max-width:60px!important}}.hud-icon-btn{border:1px solid var(--border-dim);color:var(--text-muted);font-family:var(--font-pixel);cursor:pointer;background:#10101ccc;border-radius:4px;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.62rem;transition:all .15s;display:flex;position:relative}.hud-icon-btn:hover{border-color:var(--neon-cyan);color:#fff;box-shadow:0 0 10px #00f2fe4d}.hud-icon-btn.active-neon{border-color:var(--neon-pink);color:var(--neon-pink);background:#ff007f26;box-shadow:0 0 12px #ff007f66}.hud-icon-btn.active-cyan{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f2fe26}.hud-icon-btn.active-yellow{border-color:var(--neon-yellow);color:var(--neon-yellow);background:#ffd20026}.hud-icon-btn.muted{opacity:.5}.sound-wave-dot{background:var(--neon-pink);border-radius:50%;width:6px;height:6px;animation:.8s infinite alternate pulseGlow}.nav-tag-pill{font-family:var(--font-pixel);background:linear-gradient(135deg, var(--neon-cyan), var(--neon-pink));color:#000;border-radius:3px;margin-left:.35rem;padding:.15rem .35rem;font-size:.5rem;font-weight:700}.holo-card{will-change:transform;background:#0e0e1aeb;border:1px solid #00f2fe4d;border-radius:6px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.holo-card:hover{border-color:var(--neon-cyan);transform:translateY(-4px);box-shadow:0 8px 30px #00f2fe40,inset 0 0 15px #00f2fe1a}.holo-card:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(45deg,#0000 45%,#ffffff0d 50%,#0000 55%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}.holo-card:hover:before{opacity:1}.mobile-bottom-dock{display:none}@media (max-width:820px){.mobile-bottom-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:2px solid var(--border-arcade);z-index:990;background:#0a0a14f0;justify-content:space-around;align-items:center;height:64px;padding:0 .5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0009}.dock-item{color:var(--text-muted);font-family:var(--font-pixel);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .5rem;font-size:.55rem;text-decoration:none;transition:color .15s;display:flex}.dock-item:active,.dock-item.dock-active{color:var(--neon-cyan);text-shadow:0 0 8px #00f2fe99}main{padding-bottom:74px!important}.hud-btn-label{display:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%{opacity:.6;transform:scale(.85)}to{opacity:1;box-shadow:0 0 10px var(--neon-pink);transform:scale(1.3)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}