:root{--yellow: #FFD93D;--blue: #2121DE;--cyan: #2EC4B6;--cyan-dark: #23A99D;--red: #FF0000;--pink: #FFB8FF;--orange: #FFB852;--green: #00FF00;--purple: #7B2D8E;--purple-dark: #5B2A86;--dot: #2EC4B6;--bg: #0a0a1a;--dark: #111;--muted: #555}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);font-family:"Press Start 2P",Courier New,monospace;color:#fff;letter-spacing:1px;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 24px;flex:1;display:flex;flex-direction:column;width:100%}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;flex:1}.col-span-2{grid-column:span 2}.content{padding:24px 0;display:flex;flex-direction:column;gap:24px;flex:1}.card{border:2px solid var(--purple-dark);background:var(--bg);padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column}.card-glow{position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(123,45,142,.1) 0%,transparent 70%);pointer-events:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{color:var(--cyan);font-size:11px;text-shadow:0 0 8px rgba(46,196,182,.3)}.card-sub{color:var(--muted);font-size:7px;margin-top:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.float{animation:float 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1.5s step-end infinite}.bug-sprite{display:inline-block}