:root{color-scheme:dark;--bg: #0a0a0f;--bg-soft: #14151c;--panel: rgba(19, 24, 34, .88);--panel-strong: rgba(16, 20, 30, .96);--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--text: #eff6f1;--text-muted: #a7b1bd;--line: rgba(255, 255, 255, .12);--accent: #22b58a;--accent-strong: #7ef2c8;--danger: #fb7185;--shadow: 0 22px 50px rgba(0, 0, 0, .32);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 32px;--max-width: 560px;--font-display: "Sora", "Segoe UI", sans-serif;--font-body: "Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top,rgba(34,181,138,.18),transparent 32%),radial-gradient(circle at 80% 20%,rgba(73,144,226,.12),transparent 24%),var(--bg);min-height:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);background:transparent}button,input,select{font:inherit}a{color:inherit}#app{min-height:100vh}.shell{width:min(100%,var(--max-width));margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(108px + env(safe-area-inset-bottom))}.hero{display:grid;gap:14px;margin-bottom:20px}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.title{margin:0;font:700 clamp(2.2rem,8vw,3.25rem) / .95 var(--font-display)}.subtitle{margin:0;color:var(--text-muted);max-width:32ch}.panel{padding:18px;border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.stack{display:grid;gap:14px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{margin:0;font:700 1rem / 1.1 var(--font-display)}.section-copy{margin:6px 0 0;color:var(--text-muted);font-size:.94rem}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chip{padding:10px 12px;border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.82rem}.metric{padding:14px;border-radius:var(--radius-sm);background:var(--surface)}.metric strong{display:block;font:700 1.2rem / 1 var(--font-display);color:var(--text)}.metric span{display:block;margin-top:8px;color:var(--text-muted);font-size:.82rem}.nav{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 24px),460px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border-radius:999px;border:1px solid var(--line);background:#0a0a0ff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.nav button{min-height:48px;border:0;border-radius:999px;color:var(--text-muted);background:transparent}.nav button[data-active=true]{background:linear-gradient(135deg,#7ef2c82e,#22b58a47);color:var(--text)}.screen{display:none}.screen[data-active=true]{display:grid;gap:16px}.actions{display:flex;gap:10px}.button-secondary{width:100%;min-height:48px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text)}.empty{text-align:center;padding:22px 16px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted)}.legend{display:flex;gap:8px;flex-wrap:wrap}.legend span{padding:8px 10px;border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.76rem}@media(min-width:768px){.shell{padding-inline:28px}}:root{--rarity-common: #8ea2b5;--rarity-uncommon: #47c986;--rarity-rare: #55a7ff;--rarity-epic: #f08ec0;--rarity-legendary: #ffd166}[data-rarity=common]{--rarity-color: var(--rarity-common)}[data-rarity=uncommon]{--rarity-color: var(--rarity-uncommon)}[data-rarity=rare]{--rarity-color: var(--rarity-rare)}[data-rarity=epic]{--rarity-color: var(--rarity-epic)}[data-rarity=legendary]{--rarity-color: var(--rarity-legendary)}.last-card,.card-shell{display:grid;gap:14px}.settings-list{display:grid;gap:10px}.settings-list strong{display:block;margin-bottom:6px}