@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap";:root{--bg-base: #0f172a;--bg-deep: #0a0a14;--bg-header: #0f172a;--bg-panel: rgba(255,255,255,.04);--bg-panel-2: rgba(255,255,255,.07);--bg-modal: rgba(15,23,42,.97);--bg-overlay: rgba(0,0,0,.3);--bg-light: #ffffff;--grad-page: linear-gradient(160deg, #0f172a 0%, #1a1035 50%, #0f1a2e 100%);--purple-500: #6366f1;--purple-600: #4f46e5;--purple-700: #6d28d9;--violet-500: #8b5cf6;--violet-400: #a78bfa;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--grad-brand: linear-gradient(135deg, #6366f1, #8b5cf6);--grad-btn: linear-gradient(135deg, #4f46e5, #6d28d9);--wash-purple: rgba(99,102,241,.15);--wash-purple-18: rgba(99,102,241,.18);--fg-1: #f1f5f9;--fg-2: #e2e8f0;--fg-3: #94a3b8;--fg-4: #64748b;--fg-on-purple: #ffffff;--ok: #4ade80;--ok-strong: #059669;--ok-soft-bg: #f0fdf4;--warn: #fbbf24;--warn-strong: #d97706;--danger: #f87171;--danger-strong: #7f1d1d;--reconnect-bg: #78350f;--coin: #fbbf24;--coin-gold: #FFD700;--coin-wash: rgba(234,179,8,.12);--rarity-common-bg: #374151;--rarity-common-fg: #9ca3af;--rarity-uncommon-bg: #064e3b;--rarity-uncommon-fg: #34d399;--rarity-rare-bg: #1e3a8a;--rarity-rare-fg: #60a5fa;--rarity-legacy-bg: #3b1f6e;--rarity-legacy-fg: #c084fc;--border-1: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.12);--border-soft: rgba(255,255,255,.08);--border-purple: rgba(99,102,241,.35);--border-gold: rgba(255,200,0,.25);--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 14px;--r-2xl: 16px;--r-pill: 20px;--shadow-card: 0 2px 8px rgba(99,102,241,.4);--shadow-pop: 0 8px 32px rgba(0,0,0,.4);--shadow-modal: 0 8px 40px rgba(0,0,0,.5);--shadow-light: 0 8px 32px rgba(0,0,0,.15);--shadow-toast: 0 4px 12px rgba(0,0,0,.15);--shadow-pal: 0 4px 20px rgba(0,0,0,.5);--blur-modal: 10px;--blur-pop: 8px;--blur-header: 12px;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-pixel: "Press Start 2P", "Silkscreen", monospace;--font-display: "Silkscreen", "Press Start 2P", system-ui;--t-display: 20px;--t-h1: 17px;--t-h2: 16px;--t-h3: 14px;--t-body: 13px;--t-sm: 12px;--t-xs: 11px;--t-2xs: 10px;--t-9: 9px;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 10px;--sp-5: 12px;--sp-6: 14px;--sp-7: 16px;--sp-8: 20px;--sp-9: 24px;--sp-10: 28px}:root{--l-cloud: #faf9ff;--l-paper: #ffffff;--l-mist: #eef2ff;--l-violet: #f3effe;--l-cream: #fff7ed;--l-page: linear-gradient(160deg,#f5f3ff 0%,#fdf2f8 50%,#eff6ff 100%);--l-grad-brand: linear-gradient(135deg,#7c3aed,#a78bfa);--l-grad-energy: linear-gradient(135deg,#ec4899,#f59e0b);--l-grad-go: linear-gradient(135deg,#34d399,#10b981);--l-grad-cool: linear-gradient(135deg,#22d3ee,#3b82f6);--l-grad-hero: linear-gradient(135deg,#6366f1,#ec4899 55%,#f59e0b);--l-violet-50:#f5f3ff;--l-violet-100:#ede9fe;--l-violet-200:#ddd6fe;--l-violet-300:#c4b5fd;--l-violet-400:#a78bfa;--l-violet-500:#8b5cf6;--l-violet-600:#7c3aed;--l-violet-700:#6d28d9;--l-indigo-400:#818cf8;--l-ink: #211c3b;--l-ink-2: #4a4368;--l-muted: #8b82a8;--l-faint: #b3aacb;--l-ok:#16a34a;--l-ok-bg:#dcfce7;--l-warn:#d97706;--l-warn-bg:#fef3c7;--l-danger:#dc2626;--l-danger-bg:#fee2e2;--l-info:#7c3aed;--l-info-bg:#ede9fe;--l-coin:#b45309;--l-coin-bg:#fef3c7;--l-border: #ece9f7;--l-border-2: #e7e2f5;--l-border-on:#d6caf8;--l-r-chip:6px;--l-r-btn:11px;--l-r-card:16px;--l-r-modal:18px;--l-r-pill:22px;--l-shadow-card: 0 4px 14px rgba(99,102,241,.1);--l-shadow-lift: 0 10px 26px rgba(99,102,241,.18);--l-shadow-modal: 0 16px 40px rgba(76,29,149,.22);--l-glow-brand: 0 6px 16px rgba(124,58,237,.32);--l-glow-energy: 0 6px 16px rgba(236,72,153,.3);--l-glow-go: 0 6px 16px rgba(16,185,129,.3)}body{background:var(--bg-base);color:var(--fg-2);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,.h1{font-size:var(--t-h1);font-weight:700;color:var(--fg-1);letter-spacing:-.3px;margin:0}h2,.h2{font-size:var(--t-display);font-weight:700;color:var(--fg-1);margin:0}h3,.h3{font-size:var(--t-h3);font-weight:700;color:var(--fg-1);margin:0}p,.p{font-size:var(--t-body);color:var(--fg-2);line-height:1.5}.meta,.label{font-size:var(--t-xs);color:var(--fg-3)}code,.code{font-family:var(--font-mono);font-size:var(--t-sm)}.pixel-title{font-family:var(--font-display);color:var(--fg-1);letter-spacing:.04em}.pixel-cap{font-family:var(--font-pixel);font-size:var(--t-2xs);letter-spacing:.05em;text-transform:uppercase}.btn{font-family:var(--font-body);font-size:var(--t-body);font-weight:600;border-radius:var(--r-xs);padding:5px 12px;cursor:pointer;border:none;color:#fff;transition:opacity .15s,transform .1s,background .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad-btn);box-shadow:var(--shadow-card)}.btn-primary:hover{opacity:.92}.btn-ghost{background:var(--bg-panel-2);border:1px solid var(--border-2);color:#fff}.btn-ghost:hover{background:#ffffff1f}.btn-ghost.active{background:var(--purple-600)}.btn-gold{background:var(--coin-wash);border:1px solid var(--border-gold);color:var(--coin-gold)}.card{background:var(--bg-panel);border:1px solid var(--border-1);border-radius:var(--r-xl);overflow:hidden;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-2px);border-color:var(--border-purple)}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);padding:4px 12px;font-size:var(--t-xs)}.badge{font-size:var(--t-2xs);font-weight:600;border-radius:var(--r-xs);padding:2px 7px}.badge-size{color:var(--indigo-400);background:var(--wash-purple)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}@keyframes ovPop{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ovBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ovSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ov-input-wrap{display:flex;align-items:center;gap:9px;background:#fff;border:1.5px solid #e7e2f5;border-radius:11px;padding:0 13px;transition:border-color .15s,box-shadow .15s}.ov-input-wrap:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf624}.ov-input-wrap svg{color:#a99fc4;flex-shrink:0}.ov-input-wrap:focus-within svg{color:#8b5cf6}.ov-input-wrap input,.ov-input-wrap select{flex:1;border:none;outline:none;background:transparent;padding:11px 0;font-size:13px;color:#26203f;font-family:system-ui,-apple-system,sans-serif}.ov-input-wrap input::placeholder{color:#b3aacb}.ov-input-wrap select{cursor:pointer}