:root{color-scheme:dark;--bg: #080908;--bg-2: #10120f;--panel: rgba(20, 23, 19, .9);--panel-strong: rgba(12, 14, 12, .96);--surface: rgba(247, 239, 218, .07);--surface-strong: rgba(247, 239, 218, .12);--text: #f7efda;--text-soft: #dfd2b2;--text-muted: #9eaa9b;--line: rgba(247, 239, 218, .14);--line-strong: rgba(247, 239, 218, .24);--accent: #44d7a8;--accent-strong: #a7f5ce;--gold: #f5c76b;--berry: #e16f9d;--cyan: #68c7ff;--danger: #ff7f8f;--shadow: 0 18px 48px rgba(0, 0, 0, .42);--shadow-tight: 0 10px 24px rgba(0, 0, 0, .34);--radius: 8px;--radius-pill: 999px;--max-width: 470px;--font-display: "Sora", "Segoe UI", sans-serif;--font-body: "Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-height:100%;background:linear-gradient(135deg,rgba(68,215,168,.12),transparent 34%),linear-gradient(315deg,rgba(245,199,107,.1),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 18px),var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 180px),transparent}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}#app{min-height:100vh}.shell{width:min(100%,var(--max-width));margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 12px calc(104px + env(safe-area-inset-bottom))}.app-hero{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px}.brand-mark{width:52px;height:52px;border-radius:var(--radius);padding:4px;background:conic-gradient(from 140deg,#a7f5ce,#68c7ff,#e16f9d,#f5c76b,#a7f5ce);box-shadow:0 12px 26px #00000052}.brand-mark span{display:block;width:100%;height:100%;border-radius:6px;background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 42%),linear-gradient(135deg,#13231c,#080908);position:relative}.brand-mark span:before,.brand-mark span:after{content:"";position:absolute;background:var(--text)}.brand-mark span:before{width:22px;height:16px;left:11px;top:12px;border-radius:14px 14px 6px 6px;transform:rotate(-14deg)}.brand-mark span:after{width:17px;height:26px;right:10px;bottom:9px;border-radius:4px 14px 14px 4px;transform:rotate(21deg);opacity:.86}.hero-copy{min-width:0}.eyebrow{display:block;margin-bottom:5px;color:var(--accent-strong);font:800 .72rem/1 var(--font-display);letter-spacing:0;text-transform:uppercase}.title{margin:0;color:var(--text);font:900 2rem/.98 var(--font-display);letter-spacing:0}.subtitle{margin:6px 0 0;color:var(--text-muted);font-size:.86rem;line-height:1.35}.screen{display:none}.screen[data-active=true]{display:grid;gap:12px;animation:screen-in .28s cubic-bezier(.2,.9,.2,1)}.vault,.panel{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#f7efda17,#f7efda06),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.vault:before,.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(116deg,transparent 0 32%,rgba(255,255,255,.08) 45%,transparent 58%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 12px);pointer-events:none;opacity:.64}.vault>*,.panel>*{position:relative;z-index:1}.vault{display:grid;gap:13px;padding:16px}.vault-head,.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vault-head h2{margin:0;font:900 1.72rem/1 var(--font-display);letter-spacing:0}.vault-status{margin:0;color:var(--text-soft);font-size:.92rem;line-height:1.35}.vault-ring{width:74px;min-width:74px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#07100c;background:conic-gradient(var(--accent-strong),var(--cyan),var(--gold),var(--accent-strong));box-shadow:0 0 0 5px #a7f5ce14,var(--shadow-tight)}.vault-ring[data-empty=true]{color:var(--text);background:linear-gradient(135deg,#ffffff1f,#ffffff0a)}.vault-ring strong,.vault-ring small{grid-area:1 / 1}.vault-ring strong{transform:translateY(-5px);font:900 1.42rem/1 var(--font-display)}.vault-ring small{transform:translateY(15px);font:800 .64rem/1 var(--font-display)}.panel{padding:16px}.last-card{display:grid;gap:12px}.last-card[data-empty=false]{padding-bottom:10px}.binder-panel,.detail-panel,.settings-list{display:grid;gap:14px}.section-title{margin:0;color:var(--text);font:900 1.06rem/1.1 var(--font-display);letter-spacing:0}.section-copy{margin:5px 0 0;color:var(--text-muted);font-size:.86rem;line-height:1.35}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-soft);font:800 .76rem/1 var(--font-display);white-space:nowrap}.chip[data-rarity=common]{color:var(--rarity-common)}.chip[data-rarity=uncommon]{color:var(--rarity-uncommon)}.chip[data-rarity=rare]{color:var(--rarity-rare)}.chip[data-rarity=epic]{color:var(--rarity-epic)}.chip[data-rarity=legendary]{color:var(--rarity-legendary)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{min-width:0;padding:11px 9px;border-radius:var(--radius);border:1px solid rgba(247,239,218,.1);background:#f7efda0e}.metric strong{display:block;color:var(--text);font:900 1.15rem/1 var(--font-display)}.metric span{display:block;margin-top:6px;color:var(--text-muted);font-size:.75rem}.rarity-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.rarity-strip span{min-width:0;padding:8px 5px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--rarity-color) 36%,rgba(255,255,255,.08));background:linear-gradient(180deg,color-mix(in oklab,var(--rarity-color) 16%,transparent),#ffffff09);text-align:center}.rarity-strip strong,.rarity-strip small{display:block}.rarity-strip strong{color:var(--text);font:900 .95rem/1 var(--font-display)}.rarity-strip small{margin-top:5px;color:var(--text-muted);font-size:.58rem;text-transform:capitalize}.detail-actions,.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.button-secondary{min-width:0;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none;text-align:center;font:800 .86rem/1.1 var(--font-display)}.button-secondary:not(:disabled):active{transform:translateY(1px) scale(.99)}.button-secondary:disabled{opacity:.5}.button-secondary.danger{color:#ffd8de;border-color:#ff7f8f42;background:#ff7f8f14}.settings-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:11px;border-radius:var(--radius);border:1px solid rgba(247,239,218,.1);background:#f7efda0e}.settings-card strong{display:block;margin-bottom:4px;color:var(--text);font:900 .92rem/1.1 var(--font-display)}.settings-card span:not(.settings-icon){display:block;color:var(--text-muted);font-size:.82rem;line-height:1.3}.settings-icon{width:42px;height:42px;border-radius:var(--radius);display:block;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 45%),#a7f5ce1f;border:1px solid rgba(247,239,218,.12)}.settings-icon:before,.settings-icon:after{content:"";position:absolute;background:var(--accent-strong)}.adapter-icon:before{width:22px;height:22px;left:10px;top:10px;border-radius:50% 50% 6px;transform:rotate(-30deg)}.adapter-icon:after{width:13px;height:2px;right:7px;bottom:11px;background:var(--gold)}.pack-icon:before{width:22px;height:28px;left:10px;top:7px;border-radius:5px;transform:rotate(-8deg)}.pack-icon:after{width:26px;height:4px;left:8px;top:15px;background:#08100c}.storage-icon:before{width:24px;height:16px;left:9px;top:13px;border-radius:4px}.storage-icon:after{width:16px;height:2px;left:13px;top:20px;background:#08100c}.empty{display:grid;gap:8px;justify-items:center;text-align:center;padding:20px 14px;border-radius:var(--radius);border:1px dashed rgba(247,239,218,.18);background:#f7efda0b;color:var(--text-muted)}.empty span{width:52px;height:70px;border-radius:7px;border:1px solid rgba(247,239,218,.2);background:linear-gradient(145deg,rgba(167,245,206,.24),transparent 52%),#ffffff0d;transform:rotate(-6deg)}.empty strong{color:var(--text);font:900 .96rem/1.1 var(--font-display)}.empty small{color:var(--text-muted);font-size:.82rem}.nav{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 20px),440px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,#f7efda1a,#f7efda0a),#080908f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);z-index:10}.nav-item{min-width:0;min-height:58px;border:0;border-radius:8px;display:grid;place-items:center;gap:3px;color:var(--text-muted);background:transparent;font:800 .68rem/1 var(--font-display)}.nav-item[data-active=true]{color:var(--text);background:linear-gradient(145deg,#a7f5ce2e,#f5c76b1f),#ffffff0e;box-shadow:inset 0 0 0 1px #f7efda17}.nav-glyph{width:22px;height:22px;display:block;position:relative}.nav-glyph:before,.nav-glyph:after{content:"";position:absolute;background:currentColor}.pull-glyph:before{width:15px;height:20px;left:4px;top:1px;border-radius:4px;transform:rotate(-8deg)}.pull-glyph:after{width:18px;height:3px;left:2px;top:8px;background:#08100c}.collection-glyph:before,.collection-glyph:after{width:14px;height:18px;border-radius:3px;top:2px}.collection-glyph:before{left:3px;opacity:.55;transform:rotate(-8deg)}.collection-glyph:after{right:2px;transform:rotate(7deg)}.detail-glyph:before{width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:transparent;border:3px solid currentColor}.detail-glyph:after{width:8px;height:3px;right:0;bottom:2px;transform:rotate(45deg)}.settings-glyph:before{width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:transparent;border:3px solid currentColor}.settings-glyph:after{width:6px;height:6px;left:8px;top:8px;border-radius:50%}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.shell{padding-inline:16px}}@media(max-width:374px){.shell{padding-inline:10px}.title{font-size:1.72rem}.vault-head h2{font-size:1.45rem}.vault-ring{width:62px;min-width:62px}.rarity-strip small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}:root{--rarity-common: #9eaa9b;--rarity-uncommon: #58d68d;--rarity-rare: #68c7ff;--rarity-epic: #e16f9d;--rarity-legendary: #f5c76b}[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)}:root{--bg: #070a10;--bg-2: #12161f;--panel: rgba(17, 22, 31, .92);--panel-strong: rgba(9, 12, 18, .96);--surface: rgba(247, 239, 218, .075);--surface-strong: rgba(247, 239, 218, .13);--text: #f7efda;--text-soft: #e4d7b8;--text-muted: #a7b0bd;--line: rgba(247, 239, 218, .15);--line-strong: rgba(247, 239, 218, .25);--accent: #80dfff;--accent-strong: #b9f3ff;--gold: #f5c76b;--berry: #e16f9d;--cyan: #80dfff;--max-width: 480px}html{background:linear-gradient(135deg,rgba(128,223,255,.14),transparent 34%),linear-gradient(315deg,rgba(225,111,157,.12),transparent 44%),repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 18px),var(--bg)}.brand-mark{background:conic-gradient(from 140deg,#80dfff,#e16f9d,#f5c76b,#b9f3ff,#80dfff)}.brand-mark span{background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 42%),linear-gradient(135deg,#1b2330,#070a10)}.brand-mark span:before{content:"MG";inset:0;width:auto;height:auto;display:grid;place-items:center;color:#07100c;background:linear-gradient(135deg,#f5c76b,#80dfff);font:900 1.14rem/1 var(--font-display);transform:none;border-radius:6px}.brand-mark span:after{display:none}.detail-actions[data-single=true]{grid-template-columns:1fr}@supports (height: 100dvh){#app{min-height:100dvh}}