:root{--bg: #07080d;--bg-2: #0b0d14;--surface: #12141d;--surface-2: #171a25;--surface-3: #1e2230;--line: #262b3a;--line-soft: #1c2029;--text: #eef1f8;--text-dim: #a3abbe;--text-faint: #6d768b;--accent: #7c5cff;--accent-2: #29d6ff;--gold: #f5b642;--danger: #f4585d;--good: #4ade80;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-full: 999px;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 8px 24px -8px rgb(0 0 0 / .65);--shadow-3: 0 24px 60px -20px rgb(0 0 0 / .8);--maxw: 780px;--rarity: #9ba6b8;--rarity-deep: #4a5364;color-scheme:dark}*{box-sizing:border-box}button,.navtab,.chip,.gcard,.set-row{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.015em}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.05rem;font-weight:650}p{margin:0}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--text-dim);font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;font-weight:650;color:var(--text-faint)}.empty{color:var(--text-dim);font-size:.9rem;text-align:center;padding:1.6rem 1rem;border:1px dashed var(--line);border-radius:var(--r-md)}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;background:radial-gradient(120% 90% at 50% 0%,#171436 0%,var(--bg) 60%)}.boot-mark{font-weight:800;letter-spacing:.3em;font-size:1.1rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.boot-bar{width:180px;height:3px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.boot-bar span{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:boot-slide 1.1s ease-in-out infinite}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.boot-note{color:var(--text-faint);font-size:.8rem}.app-shell{position:relative;height:100%;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 40% at 15% 0%,rgb(124 92 255 / .16),transparent 70%),radial-gradient(50% 40% at 90% 8%,rgb(41 214 255 / .1),transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg) 45%)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;background:#090a10d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.topbar-brand{display:flex;align-items:baseline;gap:.5rem;min-width:0}.topbar-mark{font-weight:800;font-size:.9rem;letter-spacing:.22em;background:linear-gradient(90deg,#fff,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lang-toggle{flex:none;font:inherit;font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-full);padding:.15rem .45rem;cursor:pointer;transition:color .15s ease,border-color .15s ease}.lang-toggle:hover{color:var(--text);border-color:var(--accent)}.lang-toggle.icon-toggle{display:inline-flex;align-items:center;padding:.2rem .3rem;align-self:center}.volume-row{display:flex;align-items:center;gap:.65rem}.volume-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.volume-row input[type=range]:disabled{opacity:.45}.topbar-level{font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--text-faint);border:1px solid var(--line);border-radius:var(--r-full);padding:.1rem .4rem;white-space:nowrap}@media (max-width: 400px){.topbar{padding:.55rem .7rem}.topbar-mark{letter-spacing:.1em;font-size:.78rem}.topbar-level{display:none}.wallet-chip{padding:.26rem .45rem;font-size:.74rem}}.wallet{display:flex;gap:.35rem}.wallet-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .55rem;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line);font-size:.78rem;font-variant-numeric:tabular-nums}.wallet-chip b{font-weight:650}.wallet-coins{color:var(--gold)}.wallet-essence{color:var(--accent-2)}.wallet-tickets{color:var(--accent)}.app-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1rem 1rem 1.5rem}.app-shell.has-coach .app-main{padding-bottom:12rem}.screen{display:flex;flex-direction:column;gap:1rem;animation:screen-in .24s ease}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.screen-head{display:flex;flex-direction:column;gap:.5rem}.navbar{flex:none;z-index:30;display:flex;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));background:#090a10e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line-soft)}.navtab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .2rem;min-height:52px;background:none;border:none;border-radius:var(--r-md);color:var(--text-faint);cursor:pointer;transition:color .15s ease,background .15s ease}.navtab:hover{color:var(--text-dim)}.navtab.is-active{color:var(--text);background:#7c5cff1f}.navtab-icon{position:relative;display:grid;place-items:center}.navtab.is-active .navtab-icon{color:var(--accent)}.navtab-label{font-size:.66rem;font-weight:600;letter-spacing:.02em}.navtab-badge{position:absolute;top:-4px;right:-8px;min-width:15px;height:15px;padding:0 3px;border-radius:var(--r-full);background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;display:grid;place-items:center}.panel{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:.95rem;box-shadow:var(--shadow-1)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:.55rem .95rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-3);color:var(--text);font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover:not(:disabled){border-color:#3a4257;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),#5a3fe0);border-color:transparent;color:#fff;box-shadow:0 6px 18px -8px #7c5cffe6}.btn-ghost{background:transparent}.btn-danger{background:linear-gradient(135deg,var(--danger),#b3282d);border-color:transparent;color:#fff}.btn-sm{min-height:34px;padding:.35rem .7rem;font-size:.8rem;border-radius:var(--r-sm)}.btn-block{width:100%}.link{background:none;border:none;padding:0;color:var(--accent-2);font:inherit;font-size:.82rem;cursor:pointer;text-decoration:none;border-bottom:1px solid transparent}.link:hover{border-bottom-color:currentColor}.pill{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .5rem;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line);font-size:.7rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.pill-hot{background:#f4585d24;border-color:#f4585d66;color:#ff9498}.pill-completed,.pill-mastered{background:#4ade8021;border-color:#4ade8059;color:var(--good)}.pill-inprogress{background:#7c5cff24;border-color:#7c5cff66;color:#b9a5ff}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.34rem .7rem;min-height:34px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip:hover{color:var(--text);border-color:#39415a}.chip.is-on{background:#7c5cff29;border-color:#7c5cff8c;color:#fff}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip-row-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.rarity-dot{width:8px;height:8px;border-radius:var(--r-full);display:inline-block;flex:none}.meter{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s cubic-bezier(.22,1,.36,1)}.meter-gold .meter-fill{background:linear-gradient(90deg,#d98c1f,var(--gold))}.meter-rarity .meter-fill{background:linear-gradient(90deg,var(--rarity-deep),var(--rarity))}.ring{position:relative;display:grid;place-items:center;flex:none}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.ring-track{fill:none;stroke:var(--surface-3)}.ring-fill{fill:none;stroke:url(#ring-gradient);stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.22,1,.36,1)}.ring-content{display:flex;flex-direction:column;align-items:center;line-height:1.1;text-align:center}.ring-content b{font-size:.95rem;font-variant-numeric:tabular-nums}.ring-content small{font-size:.55rem;letter-spacing:.12em;color:var(--text-faint)}.rarity-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:var(--r-full);background:color-mix(in srgb,var(--rarity) 18%,#0b0d14);border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);color:var(--rarity);font-size:.68rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.rarity-badge-sm{padding:.08rem .35rem;font-size:.6rem}.rarity-glyph{font-size:.8em;line-height:1}.gcard{--card-radius: 14px;position:relative;display:block;width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:default}.gcard.is-interactive{cursor:pointer}.gcard-frame{position:relative;aspect-ratio:3 / 4;content-visibility:auto;border-radius:var(--card-radius);overflow:hidden;background:linear-gradient(160deg,var(--rarity-deep),#0a0c12 65%);border:1px solid color-mix(in srgb,var(--rarity) 45%,var(--line));box-shadow:var(--shadow-2),inset 0 0 0 1px #ffffff0a;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease}.gcard.is-interactive:hover .gcard-frame,.gcard.is-interactive:focus-visible .gcard-frame{transform:translateY(-4px);border-color:var(--rarity);box-shadow:var(--shadow-3),0 0 22px -6px color-mix(in srgb,var(--rarity) 70%,transparent)}.gcard.is-interactive:focus-visible{outline:none}.gcard-art{position:absolute;top:0;right:0;bottom:0;left:0}.gcard-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .3s ease}.gcard.is-interactive:hover .gcard-art img{transform:scale(1.06)}.gcard-art-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:2rem;color:color-mix(in srgb,var(--rarity) 60%,transparent)}.gcard.is-hidden .gcard-art img{filter:blur(13px) saturate(.3) brightness(.62);transform:scale(1.2)}.gcard.is-hidden .gcard-frame{border-color:var(--line);background:#0a0c12}.gcard.is-hidden .gcard-scrim{background:radial-gradient(70% 55% at 50% 42%,color-mix(in srgb,var(--rarity) 14%,transparent),transparent 70%),linear-gradient(180deg,#06080d80,#06080d9e 45%,#06080df0)}.gcard.is-hidden .gcard-title{color:var(--text-faint);letter-spacing:.2em}.gcard-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06080d0d,#06080d1a 42%,#06080deb);pointer-events:none}.gcard-shine{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(115deg,transparent 38%,rgb(255 255 255 / .14) 47%,rgb(255 255 255 / .3) 50%,rgb(255 255 255 / .14) 53%,transparent 62%);opacity:0;pointer-events:none}.gcard.is-foil.is-revealed .gcard-shine{opacity:1;transform:translate(-30%);animation:foil-sweep 5s ease-in-out infinite}@keyframes foil-sweep{0%,70%{transform:translate(-45%)}to{transform:translate(45%)}}.gcard.is-holo.is-revealed .gcard-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.24;background:linear-gradient(125deg,transparent 20%,color-mix(in srgb,var(--rarity) 70%,transparent) 40%,#29d6ff55 50%,color-mix(in srgb,var(--rarity) 70%,transparent) 60%,transparent 80%);background-size:250% 250%;animation:holo-drift 7s ease-in-out infinite alternate}@keyframes holo-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}.gcard.is-crest .gcard-art img{filter:saturate(.35) brightness(.42) contrast(1.05);transform:scale(1.08)}.gcard.is-crest .gcard-scrim{background:radial-gradient(65% 50% at 50% 38%,color-mix(in srgb,var(--rarity) 26%,transparent),transparent 72%),linear-gradient(180deg,#06080d73,#06080d80 45%,#06080df2)}.gcard-crest{position:absolute;top:0;right:0;bottom:24%;left:0;display:grid;place-items:center;pointer-events:none}.gcard-monogram{font-size:clamp(1.7rem,22cqw,3.4rem);font-weight:800;letter-spacing:.04em;color:color-mix(in srgb,var(--rarity) 78%,#ffffff);text-shadow:0 3px 18px rgb(0 0 0 / .75);border:2px solid color-mix(in srgb,var(--rarity) 55%,transparent);border-radius:var(--r-full);width:2.1em;height:2.1em;display:grid;place-items:center;background:#080a106b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gcard-frame{container-type:inline-size}.gcard-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:var(--text-faint);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.gcard-corner-tl{position:absolute;top:6px;left:6px}.gcard-corner-tr{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.gcard-chip{display:inline-flex;align-items:center;gap:2px;padding:.1rem .32rem;border-radius:var(--r-full);background:#080a10c7;border:1px solid rgb(255 255 255 / .12);font-size:.62rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gcard-chip-new{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;letter-spacing:.08em}.gcard-chip-fav{color:var(--gold)}.gcard-chip-lvl{color:var(--accent-2)}.gcard-caption{position:absolute;left:0;right:0;bottom:0;padding:.5rem .55rem .55rem;display:flex;flex-direction:column;gap:1px}.gcard-title{font-size:.78rem;font-weight:650;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 6px rgb(0 0 0 / .9)}.gcard-type{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.gcard-sm .gcard-title{font-size:.68rem;-webkit-line-clamp:2}.gcard-sm .gcard-type{font-size:.53rem}.gcard-lg{max-width:260px;margin:0 auto}.gcard-lg .gcard-title{font-size:1rem}.gcard.is-lv2 .gcard-frame{border-width:2px;box-shadow:var(--shadow-2),inset 0 0 0 1px color-mix(in srgb,var(--rarity) 35%,transparent)}.gcard.is-lv3 .gcard-frame{border-width:2px;border-color:color-mix(in srgb,var(--rarity) 75%,var(--line));box-shadow:var(--shadow-2),inset 0 0 0 2px color-mix(in srgb,var(--rarity) 45%,transparent),0 0 18px -6px color-mix(in srgb,var(--rarity) 60%,transparent)}.gcard.is-lv4 .gcard-frame{border-width:3px;border-color:var(--rarity);box-shadow:var(--shadow-3),inset 0 0 0 2px color-mix(in srgb,var(--rarity) 60%,transparent),0 0 26px -4px color-mix(in srgb,var(--rarity) 80%,transparent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.7rem}@media (min-width: 480px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}.offline-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-color:#7c5cff66;background:linear-gradient(135deg,rgb(124 92 255 / .16),var(--surface))}.offline-banner p{color:var(--text-dim);font-size:.85rem}.event-banner,.daily-reward{display:flex;align-items:center;gap:.75rem}.daily-reward{justify-content:space-between}.event-banner{border-color:#f5b64266;background:linear-gradient(135deg,rgb(245 182 66 / .14),var(--surface));color:var(--gold)}.event-banner div,.daily-reward-text{display:flex;flex-direction:column;min-width:0}.event-banner small,.daily-reward-text small{color:var(--text-dim);font-size:.78rem}.daily-reward{border-color:#4ade8059;background:linear-gradient(135deg,rgb(74 222 128 / .12),var(--surface))}.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.4rem 1rem 1.2rem;border-radius:var(--r-lg);border:1px solid var(--line-soft);background:linear-gradient(180deg,#161a2b,var(--surface) 70%);overflow:hidden}.hero-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:340px;height:340px;border-radius:var(--r-full);background:radial-gradient(circle,rgb(124 92 255 / .35),transparent 65%);pointer-events:none}.hero-coins{display:flex;align-items:center;gap:.5rem;color:var(--gold);font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;z-index:1}.hero-cps{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-dim);font-size:.82rem;z-index:1}.orb{position:relative;width:168px;height:168px;margin:1rem 0 .4rem;border-radius:var(--r-full);border:none;background:radial-gradient(circle at 35% 28%,#9b7dff,#5a3fe0 45%,#2a1c6b);color:#fff;cursor:pointer;box-shadow:0 18px 46px -18px #7c5cfff2,inset 0 -8px 20px #00000059,inset 0 6px 16px #ffffff38;transition:transform .1s ease;-webkit-user-select:none;user-select:none;z-index:1}.orb:active{transform:scale(.955)}.orb-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:var(--r-full);border:1px solid rgb(124 92 255 / .4);animation:orb-pulse 2.6s ease-out infinite;pointer-events:none}@keyframes orb-pulse{0%{transform:scale(.96);opacity:.85}to{transform:scale(1.14);opacity:0}}.orb-core{display:flex;flex-direction:column;align-items:center;gap:.15rem;pointer-events:none}.orb-core b{font-size:1.9rem;font-weight:800;text-shadow:0 2px 10px rgb(0 0 0 / .4)}.orb-core small{font-size:.58rem;letter-spacing:.18em;opacity:.75}.orb-pop{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:1.05rem;color:var(--gold);text-shadow:0 2px 8px rgb(0 0 0 / .6);pointer-events:none;animation:pop-up .9s ease-out forwards}@keyframes pop-up{0%{opacity:1;transform:translate(-50%,-50%) scale(.85)}to{opacity:0;transform:translate(-50%,-180%) scale(1.15)}}.xp-strip{width:100%;max-width:320px;display:flex;flex-direction:column;gap:.3rem;z-index:1}.xp-strip-head{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.upgrade-grid{display:grid;grid-template-columns:1fr;gap:.6rem}@media (min-width: 480px){.upgrade-grid{grid-template-columns:1fr 1fr}}.upgrade-card{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem}.upgrade-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:var(--r-md);background:#7c5cff24;color:var(--accent)}.upgrade-text{flex:1;min-width:0;display:flex;flex-direction:column}.upgrade-text b{font-size:.88rem}.upgrade-text small{color:var(--text-dim);font-size:.74rem}.quest-list,.achievement-list{display:flex;flex-direction:column;gap:.55rem}.quest,.achievement{display:grid;grid-template-columns:1fr auto;grid-template-areas:"text action" "meter meter";gap:.45rem .6rem;align-items:center;padding:.65rem .7rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft)}.quest.is-claimed,.achievement.is-claimed{opacity:.55}.quest-text,.achievement-text{grid-area:text;display:flex;flex-direction:column;min-width:0}.quest-text b,.achievement-text b{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.quest-text small,.achievement-text small{font-size:.72rem;color:var(--accent-2)}.achievement-text small.muted{color:var(--text-faint)}.quest-meter,.achievement-meter{grid-area:meter;display:flex;align-items:center;gap:.5rem}.quest-meter .meter,.achievement-meter .meter{flex:1}.quest-count{font-size:.68rem;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.quest .btn,.achievement .btn{grid-area:action}.featured-set-body{display:flex;align-items:center;gap:.8rem}.featured-thumbs,.detail-set-strip{display:flex;gap:.3rem;flex:none}.thumb{display:block;width:40px;height:52px;flex:none;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-3);border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.is-missing img{filter:grayscale(1) brightness(.32) blur(2px)}.featured-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.featured-info small{color:var(--text-dim);font-size:.74rem}.goal-list{display:flex;flex-direction:column;gap:.4rem}.goal-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .55rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft)}.goal-icon{display:grid;place-items:center;color:var(--accent-2);flex:none}.goal-text{flex:1;font-size:.83rem;min-width:0}.pack-section{display:flex;flex-direction:column;gap:.6rem}.pack-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 620px){.pack-section{display:flex;flex-direction:column;gap:.6rem}.pack-grid{grid-template-columns:1fr 1fr}}.pack-tile{padding:0;overflow:hidden;display:flex;flex-direction:column}.pack-tile.is-locked{opacity:.72}.pack-cover{position:relative;height:128px;background:linear-gradient(160deg,#1c2036,#0c0e16);overflow:hidden}.pack-cover-card{position:absolute;top:50%;width:78px;height:104px;border-radius:10px;overflow:hidden;border:1px solid rgb(255 255 255 / .12);box-shadow:0 12px 26px -10px #000000e6}.pack-cover-card img{width:100%;height:100%;object-fit:cover}.pack-cover-0{left:50%;transform:translate(-50%,-50%) rotate(0);z-index:3}.pack-cover-1{left:50%;transform:translate(-96%,-50%) rotate(-11deg);z-index:2;filter:brightness(.75)}.pack-cover-2{left:50%;transform:translate(-4%,-50%) rotate(11deg);z-index:2;filter:brightness(.75)}.pack-cover-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 50% 120%,rgb(124 92 255 / .35),transparent 70%);pointer-events:none}.pack-body{display:flex;flex-direction:column;gap:.55rem;padding:.85rem .95rem .95rem}.pack-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pack-desc{font-size:.8rem}.guarantee-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem}.guarantee-list li{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--text-dim)}.odds-toggle{align-self:flex-start;background:none;border:none;padding:0;color:var(--accent-2);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.odds-table{width:100%;border-collapse:collapse;font-size:.74rem}.odds-table th{text-align:left;font-weight:600;color:var(--text-dim);padding:.16rem .4rem .16rem 0;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.odds-table td{padding:.16rem 0}.odds-bar{display:block;width:100%;min-width:70px;height:5px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.odds-bar span{display:block;height:100%;border-radius:inherit}.odds-value{text-align:right;padding-left:.5rem;font-variant-numeric:tabular-nums;color:var(--text-dim);white-space:nowrap}.pack-shortfall{display:flex;flex-direction:column;gap:.3rem}.pack-hint{font-size:.74rem;color:var(--text-faint);text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#040509db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.overlay-inner{width:100%;max-width:620px;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.2rem 1rem;border-radius:var(--r-lg);background:linear-gradient(180deg,#14172480,transparent)}.overlay-title{font-size:1.35rem;text-align:center;margin-bottom:.3rem}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.7rem;width:100%}.reveal-slot{position:relative;opacity:0;transform:rotateY(85deg) scale(.9);transform-origin:center}.reveal-slot.is-in{animation:card-flip-in .5s cubic-bezier(.2,.9,.25,1.1) forwards}@keyframes card-flip-in{0%{opacity:0;transform:rotateY(85deg) scale(.9)}60%{opacity:1}to{opacity:1;transform:rotateY(0) scale(1)}}.reveal-dupe{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line);font-size:.62rem;font-weight:700;color:var(--accent-2);white-space:nowrap}.reveal-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.5rem;color:var(--text-dim);font-size:.8rem}.reveal-summary span{display:inline-flex;align-items:center;gap:.3rem}.reveal-next-goal{margin-top:.4rem;font-size:.8rem;color:var(--accent-2);text-align:center}.overlay-actions{display:flex;gap:.5rem;margin-top:.4rem}.reveal-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(120% 80% at 50% 45%,#080910ed,#030407f7 70%)}.reveal-stage-head{display:flex;flex-direction:column;align-items:center;gap:.5rem}.reveal-pips{display:flex;gap:5px}.pip{width:22px;height:3px;border-radius:var(--r-full);background:var(--surface-3);transition:background .25s ease}.pip.is-done{background:var(--accent-2)}.reveal-hero{position:relative;display:grid;place-items:center;width:min(100%,340px);padding:1.4rem 0 .8rem;border:none;background:none;cursor:pointer}.reveal-hero:focus-visible{outline:none}.reveal-hero-card{position:relative;z-index:2;display:block;width:min(72vw,236px);animation:hero-in .52s cubic-bezier(.18,.9,.24,1.08) both}.reveal-hero:focus-visible .reveal-hero-card{outline:2px solid var(--accent-2);outline-offset:6px;border-radius:var(--r-md)}@keyframes hero-in{0%{opacity:0;transform:perspective(900px) rotateY(90deg) scale(.88)}55%{opacity:1}to{opacity:1;transform:perspective(900px) rotateY(0) scale(1)}}.reveal-burst{position:absolute;z-index:1;width:130%;aspect-ratio:1;border-radius:var(--r-full);background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 55%,transparent) 0%,color-mix(in srgb,var(--rarity) 18%,transparent) 38%,transparent 68%);animation:burst-in .75s ease-out both;pointer-events:none}.tier-1 .reveal-burst{opacity:.5}@keyframes burst-in{0%{opacity:0;transform:scale(.55)}45%{opacity:1}to{opacity:1;transform:scale(1)}}.reveal-ring{position:absolute;z-index:1;width:62%;aspect-ratio:1;border-radius:var(--r-full);border:2px solid color-mix(in srgb,var(--rarity) 85%,transparent);animation:ring-out .85s cubic-bezier(.16,.9,.3,1) both;pointer-events:none}@keyframes ring-out{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}.reveal-rays{position:absolute;z-index:0;width:190%;aspect-ratio:1;border-radius:var(--r-full);background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--rarity) 42%,transparent) 6deg,transparent 14deg,transparent 30deg,color-mix(in srgb,var(--rarity) 30%,transparent) 36deg,transparent 46deg,transparent 60deg);mask-image:radial-gradient(circle,#000 22%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 22%,transparent 68%);opacity:0;animation:rays-in .7s ease-out .12s forwards,rays-spin 14s linear infinite;pointer-events:none}@keyframes rays-in{0%{opacity:0}to{opacity:.75}}@keyframes rays-spin{to{transform:rotate(360deg)}}.reveal-caption{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;max-width:340px;animation:caption-in .4s ease .24s both}@keyframes caption-in{0%{opacity:0;transform:translateY(8px)}}.reveal-shout{font-size:.82rem;font-weight:800;letter-spacing:.34em;text-indent:.34em;text-shadow:0 0 22px currentColor;animation:shout-in .5s cubic-bezier(.2,1.3,.4,1) both}@keyframes shout-in{0%{opacity:0;transform:scale(1.7)}}.reveal-name{font-size:1.15rem;line-height:1.25}.reveal-meta{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.reveal-tag{margin-top:.15rem;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--r-full);font-size:.76rem;font-weight:650}.reveal-tag-new{background:#4ade8024;border:1px solid rgb(74 222 128 / .35);color:var(--good)}.reveal-tag-dupe{background:#29d6ff1f;border:1px solid rgb(41 214 255 / .3);color:var(--accent-2)}.reveal-hint{font-size:.7rem;color:var(--text-faint)}.welcome{background:radial-gradient(120% 80% at 50% 0%,#1b1740,#040509f7 62%)}.welcome-inner{max-width:460px;gap:.4rem}.welcome-title{font-size:2rem;font-weight:800;letter-spacing:.16em;background:linear-gradient(90deg,#fff,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-tagline{color:var(--text-dim);font-size:.92rem;text-align:center}.welcome-fan{display:flex;justify-content:center;align-items:flex-end;margin:1.1rem 0 1.3rem;height:168px}.welcome-fan-card{width:112px;flex:none}.welcome-fan-0{transform:rotate(-11deg) translate(10px,8px);z-index:1}.welcome-fan-1{transform:translateY(-14px) scale(1.08);z-index:3}.welcome-fan-2{transform:rotate(11deg) translate(-10px,8px);z-index:1}.welcome-points{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.6rem;width:100%}.welcome-points li{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--text-dim)}.welcome-points li>:first-child{flex:none;color:var(--accent-2);margin-top:2px}.welcome-rarity-dots{display:inline-flex;gap:2px;margin-top:6px}.welcome-rarity-dots i{width:7px;height:7px;border-radius:var(--r-full);display:block}.welcome-cta{min-height:48px}.welcome-note{font-size:.72rem;color:var(--text-faint);text-align:center;margin-top:.5rem}.onboarding-quest{border-color:#29d6ff59;background:linear-gradient(180deg,rgb(41 214 255 / .08),var(--surface))}.completion{display:flex;flex-direction:column;gap:.3rem}.filters{display:flex;flex-direction:column;gap:.5rem}.search{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;min-height:42px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);color:var(--text-faint)}.search:focus-within{border-color:#7c5cff99}.search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:.88rem}.set-select{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.set-select select{flex:1;min-width:160px;min-height:40px;padding:0 .6rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:.85rem}.sort-row{display:flex;align-items:flex-start;gap:.35rem}.sort-row>.muted{padding-top:calc((44px - 1.5em)/2)}.sort-row>.chip-row{flex:1}.grid-sentinel{height:1px}.detail-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.detail-hero{display:flex;justify-content:center;padding:.4rem 0 .2rem}.detail-title{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.detail-title h1{font-size:1.35rem}.detail-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}.stat{display:flex;flex-direction:column;gap:.1rem}.stat b{font-size:1rem}.stat small{font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.upgrade-req{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.7rem 0}.upgrade-req small{display:block;font-size:.7rem;color:var(--text-faint);margin-bottom:.25rem}.detail-description{font-size:.86rem;color:var(--text-dim);white-space:pre-line}.set-name{display:block;margin-bottom:.5rem}.detail-set-strip{flex-wrap:wrap}.attribution{font-size:.7rem;color:var(--text-faint);text-align:center;padding:.5rem 0 0}.set-income-banner{display:flex;align-items:center;gap:.7rem;color:var(--gold)}.set-income-banner div{display:flex;flex-direction:column}.set-income-banner b{font-size:1rem}.set-income-banner small{color:var(--text-dim);font-size:.75rem}.set-list{display:flex;flex-direction:column;gap:.85rem}.set-panel.set-completed,.set-panel.set-mastered{border-color:#4ade804d}.set-head{display:flex;align-items:center;gap:.85rem;margin-bottom:.75rem}.set-head-text{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;min-width:0}.set-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.set-row{width:100%;display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem .35rem .35rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.set-row:hover{border-color:#39415a}.set-row .thumb{width:34px;height:44px}.set-row.is-missing{color:var(--text-faint)}.set-row.is-missing .thumb img{filter:grayscale(1) brightness(.3) blur(2px)}.set-row-title{flex:1;min-width:0;font-size:.84rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.set-row-meta{font-size:.72rem;color:var(--accent-2);white-space:nowrap}.set-income{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;margin-top:.75rem;padding-top:.7rem;border-top:1px solid var(--line-soft);font-size:.8rem}.set-income b{color:var(--gold)}.profile-head{display:flex;align-items:center;gap:1rem}.profile-head h1{font-size:clamp(1.15rem,5.5vw,1.6rem);overflow-wrap:anywhere}.profile-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.profile-level{font-size:1.5rem!important;font-weight:800;line-height:1}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 520px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-tile{padding:.7rem .6rem;display:flex;flex-direction:column;gap:.1rem;text-align:center}.stat-tile b{font-size:1.05rem;font-variant-numeric:tabular-nums}.stat-tile small{font-size:.68rem;color:var(--text-faint)}.showcase-row{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:.6rem;overflow-x:auto;padding-bottom:.3rem}.language-note{margin-top:.6rem}.rarity-completion{display:flex;flex-direction:column;gap:.45rem}.rarity-row{display:grid;grid-template-columns:minmax(90px,auto) 1fr auto;align-items:center;gap:.6rem}.rarity-row-name{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--rarity);font-weight:600}.credits-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.credits-list li{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .7rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft)}.credits-source{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.credits-source a{color:var(--accent-2);text-decoration:none}.credits-source a:hover{text-decoration:underline}.credits-list small{font-size:.75rem;color:var(--text-dim)}.credits-note{margin-top:.7rem;font-size:.75rem}.credits-heading{margin:1.1rem 0 .4rem;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.panel-head+.credits-heading{margin-top:0}.credits-legal{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .8rem;border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--surface)}.credits-legal p{color:var(--text-dim);font-size:.78rem;line-height:1.55}.credits-legal p:first-child{color:var(--text)}.danger-zone{border-color:#f4585d38}.danger-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(72px + env(safe-area-inset-bottom));z-index:50;width:min(100% - 2rem,420px);display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;border-radius:var(--r-md);border:1px solid var(--line);background:#131620f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-2);color:inherit;font:inherit;text-align:left;cursor:pointer;animation:toast-in .28s cubic-bezier(.22,1,.36,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.toast-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:var(--r-sm);background:#7c5cff29;color:var(--accent)}.toast-reward .toast-icon{background:#f5b64229;color:var(--gold)}.toast-set .toast-icon{background:#4ade8029;color:var(--good)}.toast-body{display:flex;flex-direction:column;min-width:0}.toast-body b{font-size:.84rem}.toast-body small{font-size:.74rem;color:var(--text-dim)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal-slot,.reveal-hero-card,.reveal-caption,.reveal-burst{opacity:1;transform:none}.reveal-ring,.reveal-rays{display:none}}.coach{position:fixed;left:50%;transform:translate(-50%);bottom:calc(68px + env(safe-area-inset-bottom));z-index:25;width:calc(100% - 1.6rem);max-width:calc(var(--maxw) - 1.6rem);display:flex;flex-direction:column;gap:.55rem;padding:.85rem .9rem;border-radius:var(--r-lg);border:1px solid rgb(124 92 255 / .45);background-color:var(--surface-2);background-image:linear-gradient(160deg,#7c5cff2e,#7c5cff00 60%);box-shadow:var(--shadow-3);animation:coach-in .28s ease}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.coach-head{display:flex;align-items:flex-start;gap:.6rem}.coach-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-full);background:#7c5cff33;color:var(--accent)}.coach-heading{flex:1;min-width:0}.coach-heading b{font-size:.98rem;line-height:1.25}.coach-close{flex:none;display:grid;place-items:center;width:28px;height:28px;margin:-.2rem -.2rem 0 0;border:none;border-radius:var(--r-sm);background:none;color:var(--text-faint);cursor:pointer}.coach-close:hover{color:var(--text);background:var(--surface-3)}.coach-body{color:var(--text-dim);font-size:.85rem}.coach-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.coach-skip{margin-left:auto;padding:.35rem 0;border:none;background:none;color:var(--text-faint);font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.coach-skip:hover{color:var(--text-dim)}.save-blocked{margin-top:.5rem;padding:.55rem .7rem;border-radius:var(--r-sm);border:1px solid rgb(244 88 93 / .35);background:#f4585d1a;color:var(--text-dim);font-size:.82rem}@media (pointer: coarse){.btn-sm,.chip{min-height:44px;padding:.5rem .85rem}.odds-toggle,.link,.credits-source a{display:inline-flex;align-items:center;min-height:44px}.quest,.achievement{gap:.55rem .6rem}.coach-skip{display:inline-flex;align-items:center;min-height:44px}.coach-close{width:44px;height:44px}}