:root{--bg-main: #070a12;--bg-surface: #0e1422;--bg-surface-elevated: #151d30;--bg-surface-highlight: #1c2742;--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .14);--border-glow: rgba(56, 189, 248, .25);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-buy: #10b981;--color-buy-glow: rgba(16, 185, 129, .35);--color-buy-bg: rgba(16, 185, 129, .12);--color-buy-border: rgba(16, 185, 129, .45);--color-skip: #ef4444;--color-skip-glow: rgba(239, 68, 68, .35);--color-skip-bg: rgba(239, 68, 68, .12);--color-skip-border: rgba(239, 68, 68, .45);--tier-legendary: #f59e0b;--tier-legendary-glow: rgba(245, 158, 11, .35);--tier-legendary-bg: rgba(245, 158, 11, .12);--tier-epic: #a855f7;--tier-epic-glow: rgba(168, 85, 247, .35);--tier-epic-bg: rgba(168, 85, 247, .12);--tier-rare: #38bdf8;--tier-rare-glow: rgba(56, 189, 248, .35);--tier-rare-bg: rgba(56, 189, 248, .12);--genus-fera: #f97316;--genus-cogni: #06b6d4;--genus-natura: #84cc16;--genus-varian: #ec4899;--genus-special: #eab308;--font-gaming: "Cinzel Decorative", "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px;border:1px solid rgba(255,255,255,.05)}::-webkit-scrollbar-thumb:hover{background:#334155}body{background-color:var(--bg-main);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 10%,rgba(56,189,248,.05) 0%,transparent 40%),radial-gradient(circle at 85% 90%,rgba(168,85,247,.05) 0%,transparent 40%),linear-gradient(to bottom,#070a12,#0a0e1a);background-attachment:fixed}.glass-panel{background:#0e1422d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}.glass-panel:hover{border-color:var(--border-medium)}.brand-title{background:linear-gradient(135deg,#f8fafc 30%,#38bdf8 70%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-gaming);letter-spacing:.05em;text-shadow:0 0 25px rgba(56,189,248,.2)}.glow-pill-buy{background:var(--color-buy-bg);border:1px solid var(--color-buy-border);color:#34d399;box-shadow:0 0 12px var(--color-buy-glow)}.glow-pill-skip{background:var(--color-skip-bg);border:1px solid var(--color-skip-border);color:#f87171;box-shadow:0 0 12px var(--color-skip-glow)}.card-tier-legendary{border-left:4px solid var(--tier-legendary)!important;box-shadow:inset 3px 0 12px -2px var(--tier-legendary-glow)}.card-tier-epic{border-left:4px solid var(--tier-epic)!important;box-shadow:inset 3px 0 12px -2px var(--tier-epic-glow)}.card-tier-rare{border-left:4px solid var(--tier-rare)!important;box-shadow:inset 3px 0 12px -2px var(--tier-rare-glow)}.badge-legendary{color:#fbbf24;background:var(--tier-legendary-bg);border:1px solid rgba(245,158,11,.4)}.badge-epic{color:#c084fc;background:var(--tier-epic-bg);border:1px solid rgba(168,85,247,.4)}.badge-rare{color:#67e8f9;background:var(--tier-rare-bg);border:1px solid rgba(56,189,248,.4)}.banner-buy{background:linear-gradient(90deg,#10b98140,#10b98114);border:1px solid var(--color-buy-border);color:#6ee7b7}.banner-skip{background:linear-gradient(90deg,#ef444440,#ef444414);border:1px solid var(--color-skip-border);color:#fca5a5}@keyframes subtle-pulse-green{0%,to{box-shadow:0 0 10px #10b98140}50%{box-shadow:0 0 18px #10b98173}}@keyframes subtle-pulse-red{0%,to{box-shadow:0 0 10px #ef444433}50%{box-shadow:0 0 16px #ef444466}}.pulse-green{animation:subtle-pulse-green 3s infinite ease-in-out}.pulse-red{animation:subtle-pulse-red 3s infinite ease-in-out}.pet-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pet-card:hover{transform:translateY(-2px);border-color:#ffffff38}body.compact-mode .pet-card{padding:.65rem .85rem!important}body.compact-mode .pet-details-text{display:none}body.compact-mode .pet-source-text{font-size:.75rem}body.compact-mode .pet-card-header{margin-bottom:.25rem!important}.kbd-hint{font-family:var(--font-mono);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.1rem .35rem;font-size:.72rem;color:#cbd5e1}.modal-backdrop{background:#04070ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab-btn.active{background:var(--bg-surface-elevated);border-color:#38bdf880;color:#38bdf8;box-shadow:0 0 10px #38bdf833}