@font-face{font-family:PIXY;src:url(/fonts/PIXY.otf) format("opentype"),url(/fonts/PIXY.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary: #0a0a0f;--bg-card: #111118;--bg-card-hover: #1a1a24;--bg-modal: #0e0e16;--bg-overlay: rgba(0, 0, 0, .75);--bg-input: #111118;--accent: #39ff14;--accent-hover: #32e612;--accent-light: rgba(57, 255, 20, .12);--accent-dim: rgba(57, 255, 20, .5);--text-primary: #e0e0e0;--text-secondary: #6a6a7a;--text-muted: #3a3a4a;--border: #1e1e2e;--border-pixel: #39ff14;--success: #39ff14;--error: #ff3333;--warning: #ffaa00;--radius: 0px;--radius-sm: 0px;--radius-xs: 0px;--font-logo: "PIXY", monospace;--font-body: "PIXY", monospace;--pixel-border: 2px solid #39ff14;--pixel-border-dim: 2px solid #1a3a12;--pixel-shadow: 4px 4px 0px rgba(57, 255, 20, .15)}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}#root{display:flex;flex-direction:column;min-height:100vh;position:relative}a{color:var(--accent);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;font-size:14px}input{font-family:var(--font-body);outline:none;border:none;font-size:14px}.page{flex:1;padding:16px 16px 28px;max-width:100%;width:100%;animation:pageEnter .3s ease-out;position:relative;z-index:1}.starry-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#0d0d1a,#050508 60%,#000);pointer-events:none}.star{position:absolute;background:#fff;width:2px;height:2px}.star.small{width:1px;height:1px;opacity:.4}.star.medium{width:2px;height:2px;opacity:.7}.star.large{width:3px;height:3px;opacity:.9;box-shadow:0 0 4px #39ff144d}.star.twinkle-1{animation:twinkle 3s ease-in-out infinite}.star.twinkle-2{animation:twinkle 4s ease-in-out infinite 1s}.star.twinkle-3{animation:twinkle 5s ease-in-out infinite 2s}.star.twinkle-4{animation:twinkle 3.5s ease-in-out infinite .5s}.star.twinkle-5{animation:twinkle 4.5s ease-in-out infinite 1.5s}.shooting-star{position:absolute;width:2px;height:2px;background:var(--accent);box-shadow:0 0 6px var(--accent),-20px 0 10px var(--accent-dim),-40px 0 6px transparent;animation:shoot 2s linear infinite;opacity:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes shoot{0%{transform:translate(0) translateY(0);opacity:0}5%{opacity:1}70%{opacity:1}to{transform:translate(300px) translateY(150px);opacity:0}}@keyframes pixelGlow{0%,to{box-shadow:0 0 4px #39ff1433}50%{box-shadow:0 0 12px #39ff1480}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.fade-in{animation:fadeIn .3s ease-out}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .4s ease,visibility .4s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{font-family:var(--font-logo);font-size:34px;letter-spacing:4px;margin-bottom:24px;animation:scaleIn .6s ease-out}.loading-bar-track{width:120px;height:4px;background:var(--border);overflow:hidden}.loading-bar-fill{height:100%;width:40%;background:var(--accent);animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--accent) 0%,#7fff50 50%,var(--accent) 100%);background-size:200% 100%}.pixel-card{background:var(--bg-card);border:var(--pixel-border-dim);padding:16px;position:relative;transition:border-color .2s}.pixel-card:hover{border-color:var(--accent-dim)}.pixel-card.active{border-color:var(--accent);box-shadow:var(--pixel-shadow)}.pixel-btn{font-family:var(--font-body);background:var(--accent);color:#000;border:2px solid var(--accent);padding:12px 24px;font-size:14px;font-weight:400;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s;position:relative}.pixel-btn:hover{background:#4dff28;box-shadow:0 0 10px #39ff1466}.pixel-btn:active{transform:translate(2px,2px);box-shadow:none}.pixel-btn:disabled{background:var(--text-muted);border-color:var(--text-muted);color:#666;cursor:not-allowed;box-shadow:none}.pixel-btn.secondary{background:transparent;color:var(--accent);border:var(--pixel-border)}.pixel-btn.secondary:hover{background:var(--accent-light)}