:root{--bg: #0c0b09;--bg-2: #14120f;--panel: #17140f;--ink: #f6edd8;--ink-2: #efe4c8;--line: rgba(224, 178, 90, .14);--text: #f4ead6;--paper: #1c1812;--muted: #a89a7c;--mint: #d4a24a;--mint-2: #b8862f;--mint-ink: #1a1408;--gold: #e0b25a;--gold-2: #8a6a2e;--navy: #100e0b;--navy-2: #1a1610;--sky: #c9a46a;--periwinkle: #b8a078;--danger: #e06a5a;--common: #8a8374;--uncommon: #3dba7a;--rare: #4c8fff;--epic: #d4a24a;--legendary: #e07ab0;--shadow: 0 28px 70px rgba(0, 0, 0, .45);--display: Syne, "Plus Jakarta Sans", system-ui, sans-serif;font-family:Manrope,Plus Jakarta Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% -10%,rgba(212,162,74,.16),transparent 36%),radial-gradient(circle at 88% 6%,rgba(224,178,90,.08),transparent 28%),var(--bg)}a{color:var(--mint);text-decoration:none}h1,h2,.brand strong,.auth-visual h2,.section-head h2{font-family:var(--display);letter-spacing:-.06em}button,input,select{font:inherit}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line);background:#0c0b09d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand strong{display:block;font-size:15px;font-weight:800}.brand span{color:var(--muted);font-size:12px}.logo-mark{width:38px;height:38px;border-radius:12px;background:#221c12;border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.logo-mark span{position:absolute;width:16px;height:22px;border-radius:3px;background:var(--mint)}.logo-mark span:nth-child(1){transform:translate(-7px,2px) rotate(-18deg);opacity:.35}.logo-mark span:nth-child(2){transform:translate(7px,2px) rotate(16deg);opacity:.55;background:var(--sky)}.logo-mark span:nth-child(3){transform:translateY(-1px)}.nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nav a{color:var(--muted);padding:8px 12px;border-radius:999px;font-size:14px;font-weight:600}.nav a.active{color:var(--mint-ink);background:var(--mint)}.user-chip{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.credits{color:var(--mint);font-weight:800;background:#d4a24a1f;border:1px solid rgba(212,162,74,.22);border-radius:999px;padding:6px 10px}.credits.dust{color:#e6d3a4;background:#c9b48a1f;border-color:#c9b48a47}.wick{width:min(1180px,calc(100% - 40px));margin:0 auto 80px}.wick-nav,.landing-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 8px}.wick-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.wick-links a:not(.btn){color:var(--text);font-weight:700}.wick-hero{min-height:78vh;padding:48px 0 20px;display:grid;justify-items:start;align-content:center}.wick-hero-small{min-height:auto;padding:36px 0 8px}.wick-hero h1,.wick-split h2,.wick-early h2,.wick-navy h2,.wick-cta h2{margin:0;font-size:clamp(48px,9vw,104px);line-height:.9;font-weight:800}.wick-lead{font-size:22px;color:var(--muted);margin:18px 0 0}.wick-fan{position:relative;width:min(560px,100%);height:280px;margin-top:48px}.plastic{position:absolute;width:220px;height:138px;border-radius:22px;padding:18px;color:#fff;display:grid;align-content:space-between;box-shadow:0 30px 50px #0006;animation:float 7s ease-in-out infinite}.plastic span,.plastic em{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.plastic b{font-family:var(--display);font-size:28px;letter-spacing:-.05em}.plastic-navy{background:linear-gradient(145deg,#2a2114,#16110a 60%,#d4a24a);left:28%;top:10px;z-index:2;animation-delay:-1.4s}.plastic-blue{background:linear-gradient(145deg,#d4a24a,#8a6a2e);right:0;top:46px;transform:rotate(12deg);animation-delay:-3s}.plastic-sky{background:linear-gradient(145deg,#c9a46a,#5a4630);left:0;top:58px;transform:rotate(-14deg)}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}.wick-split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:72px 0}.wick-points{list-style:none;margin:0;padding:0;display:grid;gap:22px}.wick-points li{display:grid;gap:6px}.wick-points b{font-size:20px}.wick-points span,.wick-early p,.wick-navy p{color:var(--muted);line-height:1.55;margin:0}.wick-early{background:linear-gradient(180deg,#221c12,#18140e);border:1px solid var(--line);border-radius:36px;padding:56px 48px}.wick-navy{margin:48px 0;padding:64px 48px;border-radius:36px;background:radial-gradient(circle at 80% 0%,rgba(212,162,74,.28),transparent 36%),var(--navy);color:#fff}.wick-navy .kicker{color:var(--gold)}.wick-navy p{color:#ffffffb3}.wick-guard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.wick-guard article{padding:22px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.wick-guard b{display:block;font-size:20px;margin-bottom:8px}.wick-cta{padding:48px 0 12px}.on-dark .brand,.on-dark .brand strong,.auth-visual .brand,.auth-visual .brand strong{color:#fff}.on-dark .brand span,.auth-visual .muted{color:#ffffffa3}.on-dark .logo-mark,.auth-visual .logo-mark{background:#ffffff14;border-color:#ffffff24}.landing-legal{margin-top:28px}.terms-list{display:grid;gap:12px;padding-left:18px;color:var(--muted)}.terms-list strong{color:var(--text)}.terms-panel{margin-top:12px}.page{width:min(1180px,calc(100% - 40px));margin:28px auto 72px}.hero,.panel,.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)}.hero{padding:36px;display:grid;gap:12px}.hero-split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.kicker{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.hero h1{margin:0;font-size:clamp(40px,6vw,72px);line-height:.92;font-weight:800}.hero p,.empty p{color:var(--muted);max-width:58ch;line-height:1.6}.progress-wrap{display:grid;gap:8px;margin-top:8px}.progress-bar{height:10px;border-radius:999px;background:#2a2418;overflow:hidden}.progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,#8a6a2e,var(--mint));border-radius:inherit}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:10px}.stat{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#1c1812}.stat span{color:var(--muted);font-size:13px}.stat b{display:block;font-size:26px;margin-top:6px;letter-spacing:-.04em}.stat.up b{color:var(--mint)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:22px 0 10px}.feature{padding:20px;border-radius:22px;border:1px solid var(--line);background:var(--panel);color:inherit;display:grid;gap:8px;min-height:150px;box-shadow:var(--shadow)}.feature:hover{border-color:#d4a24a6b;transform:translateY(-3px);transition:.2s ease}.feature b{font-family:var(--display);font-size:22px;letter-spacing:-.04em}.feature p{color:var(--muted);margin:0;line-height:1.45}.card-fan{position:relative;height:340px}.card-fan>*{position:absolute;width:210px;left:50%;top:20px}.card-fan>*:nth-child(1){transform:translate(-78%) rotate(-14deg)}.card-fan>*:nth-child(2){transform:translate(-50%) rotate(0) translateY(-8px);z-index:2}.card-fan>*:nth-child(3){transform:translate(-22%) rotate(13deg)}.empty{margin-top:22px;padding:28px;border:1px dashed var(--line);border-radius:18px}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn{border:0;border-radius:999px;padding:13px 20px;background:var(--mint);color:var(--mint-ink);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{padding:48px;display:grid;align-content:center;background:radial-gradient(circle at 20% 10%,rgba(212,162,74,.38),transparent 34%),var(--navy);color:#fff}.auth-visual h2{font-size:clamp(42px,6vw,72px);line-height:.9;margin:16px 0}.auth-card{width:min(440px,100%);padding:32px;margin:auto}.auth-card h1{margin:8px 0 6px;font-family:var(--display)}.auth-card p{color:var(--muted);margin-top:0}form{display:grid;gap:12px;margin-top:22px}label{display:grid;gap:6px;font-size:14px;color:var(--muted)}input,select{background:#1c1812;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.error{color:var(--danger);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.album-cover-art{height:220px}.album-cover-empty{background:linear-gradient(165deg,#16110a,#d4a24a 140%)}.album-card .tcg-meta h3{font-size:22px}.album-card .progress-bar{margin:10px 0 2px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 14px}.tcg-link{color:inherit}.tcg-card,.card{min-height:280px;border-radius:22px;border:1px solid var(--line);background:var(--panel);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);color:inherit}.tcg-art{height:148px;position:relative;display:grid;place-items:center;overflow:hidden}.tcg-art img,.binder-art img,.reveal-art,.card-detail-art,.art-preview,.art-thumb{width:100%;height:100%;object-fit:cover;display:block}.art-preview{width:120px;height:160px;border-radius:12px;border:1px solid var(--line)}.art-thumb{width:44px;height:58px;border-radius:8px}.file-btn{display:inline-flex}.card-detail-art{width:min(280px,100%);height:360px;border-radius:20px;object-fit:cover}.binder-art.missing{background:#2a2418;color:#8a8374}.reveal-art{height:88px;border-radius:10px;margin-bottom:6px}.tcg-initials{font-family:var(--display);font-size:42px;font-weight:800;letter-spacing:-.06em;color:#fff;text-shadow:0 8px 24px rgba(6,7,106,.35)}.tcg-foil{position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22),transparent 70%);mix-blend-mode:screen}.tcg-meta,.card{padding:14px}.card{padding:14px;justify-content:space-between}.card .code,.code{color:var(--muted);font-size:12px}.card h3,.tcg-meta h3{margin:8px 0;font-size:18px;line-height:1.15}.card .lore,.lore{color:var(--muted);font-size:13px;line-height:1.45}.tcg-foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.badge{align-self:flex-start;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid currentColor;font-weight:700}.badge.soft{color:var(--muted);border-color:var(--line)}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:22px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:600}.chip.on{color:var(--mint-ink);background:var(--mint);border-color:var(--mint)}.admin,.admin-block{margin-top:28px;padding:22px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.muted{color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.table{width:100%;border-collapse:collapse;margin:18px 0}.table th,.table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.table input,.table select{width:100%}.album-pages{display:grid;gap:22px}.slot-grid{display:grid;gap:8px;margin-top:10px}.slot{min-height:110px;border:1px dashed var(--line);border-radius:14px;background:#1c1812;color:var(--text);padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;text-align:left}.slot.filled{border-style:solid;background:var(--panel)}.slot.selected{outline:2px solid var(--mint)}.binder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.binder-slot{min-height:210px;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:8px;border:1px dashed var(--line);color:inherit;background:#1c1812}.binder-slot.filled{border-style:solid;background:var(--panel)}.binder-art{height:96px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#fff;font-family:var(--display)}.reveal-overlay{position:fixed;inset:0;background:#0c0b09d1;display:grid;place-items:center;z-index:40;padding:20px}.reveal-panel{width:min(980px,100%);background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:28px}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:22px 0}.flip{border:0;background:transparent;perspective:900px;height:210px;padding:0}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s ease}.flip.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px}.flip-back{background:linear-gradient(160deg,#16110a,#d4a24a);border:1px solid var(--line);color:#fff;font-size:28px;font-weight:800;align-items:center;font-family:var(--display)}.flip-front{background:var(--panel);border:1px solid var(--line);transform:rotateY(180deg);align-items:flex-start;overflow:hidden}.reveal-tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.reveal-tag.new{color:var(--mint)}.reveal-tag.dup{color:var(--muted)}.play-card{height:100%}.brand-link{color:inherit}.guest-shell>.wick-nav{width:min(1180px,calc(100% - 40px));margin:0 auto}.portal-hero{min-height:78vh;padding:36px 0 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.portal-hero h1{margin:0;font-size:clamp(48px,8vw,96px);line-height:.9;font-weight:800}.portal-hero-art{display:grid;justify-items:center;gap:14px}.portal-cover{width:min(340px,100%);height:420px;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line)}.portal-block{padding:28px 0 12px}.portal-cta{padding:64px 0 12px}.portal-cta h2{margin:0 0 8px;font-size:clamp(40px,7vw,80px);line-height:.92}.expansion-card{min-height:320px}.expansion-card .album-cover-art{height:240px}.portal-set-hero{grid-template-columns:auto 1fr;align-items:center}.portal-set-thumb{width:120px;height:160px;border-radius:18px}.portal-home-hero{background:radial-gradient(circle at 88% 12%,rgba(212,162,74,.18),transparent 32%),var(--panel)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.gallery-card{min-height:360px}.gallery-art{height:280px}.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.rule-grid .admin-block{margin-top:0}.rule-grid h2{margin:8px 0;font-size:26px}@media(max-width:900px){.hero-split,.auth-wrap,.feature-grid,.wick-split,.wick-guard,.portal-hero,.portal-set-hero{grid-template-columns:1fr}.auth-visual,.card-fan{display:none}.wick-hero h1,.wick-split h2,.wick-early h2,.wick-navy h2,.wick-cta h2,.portal-hero h1,.portal-cta h2{font-size:clamp(40px,14vw,72px)}.wick-early,.wick-navy{padding:36px 24px}}@media(max-width:720px){.binder,.stats{grid-template-columns:1fr}.topbar,.wick-nav,.landing-bar{flex-direction:column;align-items:flex-start}.wick-links,.user-chip,.nav{width:100%}.plastic{width:170px;height:110px}}