@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,600;0,700;1,700&family=Press+Start+2P&family=Share+Tech+Mono&display=swap";:root{--bg-dark: #060913;--bg-surface: #0b1120;--panel-bg: rgba(15, 23, 42, .85);--border-color: #1e293b;--border-glow: rgba(0, 242, 254, .25);--neon-cyan: #00f2fe;--neon-pink: #ff007f;--neon-yellow: #ffe600;--neon-green: #39ff14;--neon-purple: #a855f7;--neon-orange: #ff6b00;--font-pixel: "Press Start 2P", monospace;--font-tech: "Chakra Petch", sans-serif;--font-mono: "Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 15%,rgba(0,242,254,.08) 0%,transparent 60%),linear-gradient(rgba(30,41,59,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(30,41,59,.2) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:0 0,-1px -1px,-1px -1px;color:#e2e8f0;font-family:var(--font-tech);min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;user-select:none;-webkit-user-select:none}.crt-overlay{position:relative}.crt-overlay:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0000004d 50%),linear-gradient(90deg,#ff00000a,#00ff0005,#0000ff0a);z-index:25;background-size:100% 3px,6px 100%;pointer-events:none;opacity:.85}.crt-overlay:after{content:" ";display:block;position:absolute;inset:0;background:radial-gradient(circle at center,transparent 65%,rgba(0,0,0,.6) 100%),linear-gradient(135deg,#ffffff12,#fff0 45%);z-index:26;pointer-events:none}.arcade-frame{position:relative;background:#090e1a;border:3px solid #1e293b;box-shadow:0 0 0 2px #04060a,0 0 35px #00f2fe33,inset 0 0 20px #000c;border-radius:8px;overflow:hidden}.arcade-frame:before{content:"ARCADE CHASSIS // HI-RES RGB MATRIX";position:absolute;top:4px;right:12px;font-family:var(--font-pixel);font-size:7px;letter-spacing:1px;color:#334155;z-index:30;pointer-events:none}.btn-retro{background:#0f172a;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:10px 18px;font-family:var(--font-tech);font-size:13px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-transform:uppercase;border-radius:4px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:0 0 10px #00f2fe26}.btn-retro:hover{background:var(--neon-cyan);color:#060913;box-shadow:0 0 20px #00f2fe99,inset 0 0 10px #ffffff80;transform:translateY(-2px)}.btn-retro:active{transform:translateY(1px)}.btn-retro-pink{color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 10px #ff007f26}.btn-retro-pink:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px #ff007fb3,inset 0 0 10px #ffffff80}.btn-retro-yellow{color:var(--neon-yellow);border-color:var(--neon-yellow);box-shadow:0 0 10px #ffe60026}.btn-retro-yellow:hover{background:var(--neon-yellow);color:#060913;box-shadow:0 0 20px #ffe600b3}.modal-backdrop{position:fixed;inset:0;background:#03060ee0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-box{background:#0c1427;border:2px solid var(--neon-cyan);box-shadow:0 0 40px #00f2fe59,inset 0 0 30px #00f2fe0d;width:92%;max-width:490px;padding:26px;border-radius:6px;transform:translateY(25px) scale(.97);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.modal-backdrop.active .modal-box{transform:translateY(0) scale(1)}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 6px rgba(0,242,254,.8),0 0 18px rgba(0,242,254,.6),0 0 35px rgba(0,242,254,.4);opacity:1}20%,24%,55%{text-shadow:none;opacity:.85}}.glow-title{animation:neonFlicker 6s infinite alternate}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#080c14}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}