:root{--bg: #070b10;--bg-elev: #0e1620;--bg-deep: #05080c;--bg-mid: #0a121a;--ink: #e8f1f7;--muted: #8fa3b5;--mint: #39f0a8;--mint-bright: #2ee59a;--cyan: #3ecbff;--hot: #ff6b2c;--amber: #ffb020;--rose: #ff5d8f;--red: #ff3b4a;--sky: #6ec8ff;--steel: #9bb0c3;--on-accent: #041018;--white: #ffffff;--cover-fallback: #1a2433;--cover-fallback-mid: #243447;--cover-fallback-deep: #15202e;--cover-tile: #121a24;--gold: #c9a227;--gold-bright: #f5e6b8;--gold-soft: #f0d78a;--line: color-mix(in srgb, var(--ink) 12%, transparent);--ink-faint: color-mix(in srgb, var(--ink) 8%, transparent);--ink-soft: color-mix(in srgb, var(--ink) 10%, transparent);--ink-grid: color-mix(in srgb, var(--ink) 4.5%, transparent);--ink-border: color-mix(in srgb, var(--ink) 28%, transparent);--elev-35: color-mix(in srgb, var(--bg-elev) 35%, transparent);--elev-45: color-mix(in srgb, var(--bg-elev) 45%, transparent);--elev-55: color-mix(in srgb, var(--bg-elev) 55%, transparent);--elev-70: color-mix(in srgb, var(--bg-elev) 70%, transparent);--elev-72: color-mix(in srgb, var(--bg-elev) 72%, transparent);--elev-85: color-mix(in srgb, var(--bg-elev) 85%, transparent);--elev-90: color-mix(in srgb, var(--bg-elev) 90%, transparent);--elev-95: color-mix(in srgb, var(--bg-elev) 95%, transparent);--bg-glass: color-mix(in srgb, var(--bg) 92%, transparent);--scrim: color-mix(in srgb, var(--bg-deep) 92%, transparent);--scrim-soft: color-mix(in srgb, var(--bg-deep) 90%, transparent);--mint-05: color-mix(in srgb, var(--mint) 5%, transparent);--mint-12: color-mix(in srgb, var(--mint) 12%, transparent);--mint-16: color-mix(in srgb, var(--mint) 16%, transparent);--mint-18: color-mix(in srgb, var(--mint) 18%, transparent);--mint-20: color-mix(in srgb, var(--mint) 20%, transparent);--mint-28: color-mix(in srgb, var(--mint) 28%, transparent);--mint-35: color-mix(in srgb, var(--mint) 35%, transparent);--mint-65: color-mix(in srgb, var(--mint) 65%, transparent);--mint-bright-28: color-mix(in srgb, var(--mint-bright) 28%, transparent);--cyan-08: color-mix(in srgb, var(--cyan) 8%, transparent);--cyan-10: color-mix(in srgb, var(--cyan) 10%, transparent);--cyan-12: color-mix(in srgb, var(--cyan) 12%, transparent);--cyan-14: color-mix(in srgb, var(--cyan) 14%, transparent);--cyan-16: color-mix(in srgb, var(--cyan) 16%, transparent);--cyan-24: color-mix(in srgb, var(--cyan) 24%, transparent);--cyan-28: color-mix(in srgb, var(--cyan) 28%, transparent);--cyan-30: color-mix(in srgb, var(--cyan) 30%, transparent);--cyan-35: color-mix(in srgb, var(--cyan) 35%, transparent);--cyan-40: color-mix(in srgb, var(--cyan) 40%, transparent);--cyan-45: color-mix(in srgb, var(--cyan) 45%, transparent);--hot-12: color-mix(in srgb, var(--hot) 12%, transparent);--red-08: color-mix(in srgb, var(--red) 8%, transparent);--red-45: color-mix(in srgb, var(--red) 45%, transparent);--amber-28: color-mix(in srgb, var(--amber) 28%, transparent);--amber-35: color-mix(in srgb, var(--amber) 35%, transparent);--font-display: "Oxanium", sans-serif;--font-body: "Sora", sans-serif;--font-mono: "IBM Plex Mono", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:5.5rem;overflow-x:clip}html,body,#root{min-height:100%;max-width:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}:focus{outline:none}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.btn--primary:focus-visible,.library__tab.is-active:focus-visible{outline-color:var(--on-accent);box-shadow:0 0 0 3px var(--cyan)}.app{min-height:100dvh;min-height:100svh;overflow-x:clip}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.4rem;border-radius:14px;font-weight:600;letter-spacing:.02em;transition:transform .16s ease,background .16s ease,border-color .16s ease;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--mint-bright),var(--cyan));color:var(--on-accent)}.btn--ghost{border:1px solid var(--line);background:var(--elev-55);color:var(--ink)}.btn--ghost:hover{border-color:var(--cyan-45);background:var(--elev-85)}.btn--primary:hover{filter:brightness(1.06)}.btn--wide{width:100%}.hero{position:relative;min-height:100dvh;min-height:100svh;display:grid;place-items:end stretch;overflow:hidden;padding:calc(1.25rem + var(--safe-top)) 1.25rem calc(1.75rem + var(--safe-bottom))}.hero__bg{position:absolute;inset:0;background:radial-gradient(120% 80% at 10% 0%,var(--mint-18),transparent 55%),radial-gradient(90% 70% at 90% 20%,var(--cyan-16),transparent 50%),radial-gradient(70% 50% at 50% 100%,var(--hot-12),transparent 55%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-mid) 55%,var(--bg) 100%)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--ink-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ink-grid) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 75%);animation:gridDrift 28s linear infinite}.hero__orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:orbFloat 10s ease-in-out infinite}.hero__orb--a{width:min(55vw,340px);height:min(55vw,340px);top:8%;left:-8%;background:var(--mint-35)}.hero__orb--b{width:min(48vw,280px);height:min(48vw,280px);top:18%;right:-10%;background:var(--cyan-30);animation-delay:-3s}.hero__scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--mint-05) 48%,transparent 52%);background-size:100% 220%;animation:scanSweep 5.5s ease-in-out infinite;pointer-events:none}.hero__content{position:relative;z-index:1;max-width:40rem;animation:riseIn .7s cubic-bezier(.22,1,.36,1) both}.hero__signal{margin:0 0 .6rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.22em;color:var(--mint);text-transform:uppercase}.hero__brand{margin:0;line-height:.9}.hero__brand-mark{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(5.5rem,22vw,9.5rem);letter-spacing:.04em;background:linear-gradient(180deg,var(--white) 8%,var(--mint) 42%,var(--cyan) 72%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 40px var(--mint-20));animation:brandPulse 4.5s ease-in-out infinite}.hero__tag{margin:1rem 0 1.5rem;max-width:28rem;font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.45;color:var(--muted)}.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem}.quiz{min-height:100dvh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:calc(.85rem + var(--safe-top)) 1rem calc(1rem + var(--safe-bottom));background:radial-gradient(80% 50% at 100% 0%,var(--cyan-10),transparent 50%),var(--bg)}.quiz__bar{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;margin-bottom:.75rem}.quiz__back{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);font-size:1.25rem;background:var(--elev-70);transition:border-color .16s ease,background .16s ease}.quiz__back:hover{border-color:var(--cyan-40);background:var(--elev-95)}.quiz__progress{height:8px;border-radius:999px;background:var(--ink-faint);overflow:hidden}.quiz__progress-fill{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--red));transform:scaleX(0);transform-origin:left center;transition:transform .28s ease;will-change:transform}.quiz__count{font-family:var(--font-mono);font-size:.85rem;color:var(--muted);min-width:3.2rem;text-align:right}.quiz__panel{overflow:auto;padding-bottom:.5rem}.quiz__panel--in{animation:slideIn .28s cubic-bezier(.22,1,.36,1) both}.quiz__panel--out{animation:slideOut .2s ease both}.quiz__hint{margin:.25rem 0 .4rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.quiz__prompt{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(1.7rem,5.5vw,2.4rem);font-weight:700;line-height:1.15;letter-spacing:.01em}.quiz__multi{margin:0 0 1rem;color:var(--muted);font-size:.92rem}.options{display:grid;gap:.7rem}@media(min-width:720px){.options{grid-template-columns:1fr 1fr}}.option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:64px;padding:1rem 1.1rem;border-radius:16px;border:1px solid var(--line);background:var(--elev-72);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease;touch-action:manipulation}.option:hover:not(.option--on){border-color:var(--ink-border);background:var(--elev-90)}.option:active{transform:scale(.985)}.option--on{border-color:var(--mint-65);background:linear-gradient(135deg,var(--mint-16),var(--cyan-08),var(--red-08)),var(--elev-90);box-shadow:inset 0 0 0 1px var(--mint-20)}.option__label{font-weight:600;font-size:1.05rem}.option__tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.quiz__footer{padding-top:.75rem}.results{padding-bottom:calc(2rem + var(--safe-bottom));background:radial-gradient(70% 40% at 0% 0%,var(--mint-12),transparent 50%),radial-gradient(50% 35% at 100% 8%,var(--cyan-10),transparent 55%),var(--bg)}.results__hero{position:relative;overflow:hidden;padding:calc(1.5rem + var(--safe-top)) 1.25rem 1.5rem}.results__hero-bg{position:absolute;inset:0;pointer-events:none}.results__burst{position:absolute;width:min(28rem,90vw);height:min(28rem,90vw);top:-20%;left:40%;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--mint-20),transparent 55%),radial-gradient(circle at 70% 60%,var(--cyan-16),transparent 50%);filter:blur(2px);opacity:.85;animation:recBurst .9s cubic-bezier(.22,1,.36,1) both}.results__eyebrow{position:relative;margin:0 0 .4rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--amber)}.results__brand{position:relative;margin:0;font-family:var(--font-display);font-size:clamp(3.8rem,16vw,6.5rem);font-weight:800;letter-spacing:.05em;line-height:.95;background:linear-gradient(180deg,var(--white) 10%,var(--mint) 55%,var(--cyan) 80%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:riseIn .6s ease both}.results__class{position:relative;margin:.65rem 0 .35rem;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,1.9rem);font-weight:700;color:var(--cyan);animation:riseIn .7s 80ms ease both}.results__blurb{position:relative;margin:0;max-width:36rem;color:var(--ink);line-height:1.45;animation:riseIn .7s .14s ease both}.results__tip{position:relative;margin:.85rem 0 0;max-width:38rem;padding:.7rem .85rem;border:1px solid color-mix(in srgb,var(--mint) 28%,var(--line));background:linear-gradient(120deg,var(--mint-12),transparent 70%);color:var(--muted);font-size:.95rem;line-height:1.45;animation:riseIn .7s .2s ease both}.results__recs,.results__playbook{padding:0 1rem 1.25rem;animation:riseIn .7s .12s cubic-bezier(.22,1,.36,1) both}@media(min-width:900px){.results__recs,.results__playbook{padding-left:1.5rem;padding-right:1.5rem}}.results__recs-head .panel__sub{margin-bottom:.85rem}.recs{display:grid;gap:.85rem}@media(min-width:820px){.recs--multi{grid-template-columns:1.35fr 1fr;align-items:stretch}}.recs__side{display:grid;gap:.85rem}.rec{display:grid;grid-template-columns:minmax(7.5rem,38%) 1fr;gap:0;min-height:8.5rem;border:1px solid var(--line);background:linear-gradient(135deg,var(--mint-05),transparent 40%),var(--bg-elev);overflow:hidden;transition:border-color .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.rec--featured{min-height:12rem;border-color:color-mix(in srgb,var(--mint) 40%,var(--line));box-shadow:0 12px 28px color-mix(in srgb,var(--bg-deep) 55%,transparent),inset 0 1px 0 var(--mint-16);animation:recReveal .72s cubic-bezier(.22,1,.36,1) both}.rec:hover{border-color:color-mix(in srgb,var(--cyan) 35%,var(--line));transform:translateY(-2px)}.rec__art{position:relative;min-height:100%;background:var(--cover-fallback)}.rec__art img{display:block;width:100%;height:100%;object-fit:cover}.rec__fallback{width:100%;height:100%;min-height:8rem;background:linear-gradient(145deg,var(--cover-fallback-mid),var(--cover-fallback-deep)),repeating-linear-gradient(-18deg,transparent,transparent 10px,var(--ink-faint) 10px,var(--ink-faint) 11px)}.rec__platform{position:absolute;left:.5rem;bottom:.5rem;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .45rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--ink);background:var(--scrim-soft);border:1px solid var(--ink-border)}.rec__platform svg{width:.9rem;height:.9rem}.rec__body{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;gap:.35rem}.rec__kicker{margin:0;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}.rec__title{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:700;letter-spacing:.01em;line-height:1.2;color:var(--ink)}.rec--featured .rec__title{font-size:clamp(1.25rem,3vw,1.65rem)}.rec__why{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}.rec__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.35rem 0 0;padding:0;list-style:none}.rec__meta li{padding:.15rem .45rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:capitalize;color:var(--steel);border:1px solid var(--line);background:var(--elev-55)}.results__playbook{border-top:1px solid var(--line);padding-top:1.15rem}.playbook{margin:.5rem 0 0;padding:0 0 0 1.15rem;color:var(--muted);line-height:1.45}.playbook li+li{margin-top:.45rem}.playbook li::marker{color:var(--cyan);font-family:var(--font-mono)}.trait-legend,.meter-legend{margin:.85rem 0 0;padding:0;list-style:none;color:var(--muted);font-size:.88rem;line-height:1.4}.trait-legend li+li,.meter-legend li+li{margin-top:.35rem}.meter-legend strong{color:var(--ink);font-weight:600}.results__grid{display:grid;gap:1rem;padding:0 1rem}@media(min-width:900px){.results__grid{grid-template-columns:1.1fr .9fr;padding:0 1.5rem}.panel--span{grid-column:1 / -1}}.panel{padding:1.15rem 1.1rem 1.25rem;border-top:1px solid var(--line);animation:riseIn .65s ease both}.panel:nth-child(2){animation-delay:60ms}.panel:nth-child(3){animation-delay:.11s}.panel:nth-child(4){animation-delay:.16s}.panel__title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.02em}.panel__sub{margin:.25rem 0 1rem;color:var(--muted);font-size:.92rem}.results__actions{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem 1.25rem 0}.results__actions .btn--primary{min-width:11rem}@keyframes recBurst{0%{opacity:0;transform:scale(.82)}to{opacity:.85;transform:scale(1)}}@keyframes recReveal{0%{opacity:0;transform:translateY(12px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.radar{display:block;max-width:360px;margin:0 auto}.radar__ring{fill:none;stroke:var(--ink-soft);stroke-width:1}.radar__axis{stroke:var(--ink-soft);stroke-width:1}.radar__fill{stroke:none;animation:radarDraw .9s ease both}.radar__stroke{fill:none;stroke:var(--mint);stroke-width:2;stroke-linejoin:round;animation:radarDraw .9s ease both}.radar__dot{animation:popIn .5s .4s ease both}.radar__label{fill:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.bars{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.bars__meta{display:flex;justify-content:space-between;margin-bottom:.35rem;font-size:.92rem}.bars__label{font-weight:600}.bars__value{font-family:var(--font-mono);color:var(--mint)}.bars__track{height:10px;border-radius:999px;background:var(--ink-faint);overflow:hidden}.bars__fill{width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--red));transform:scaleX(0);transform-origin:left center;animation:barGrow .7s calc(var(--i) * 70ms) cubic-bezier(.22,1,.36,1) forwards}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes valueFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes glanceIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;gap:1.25rem 1rem;justify-items:center;align-items:start;box-sizing:border-box}.ring{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%;min-width:0;max-width:none;animation:glanceIn .52s calc(var(--ring-i, 0) * 90ms) cubic-bezier(.16,1,.3,1) both}.ring__svg,.ring>svg{display:block;width:min(100%,7.5rem);height:auto;max-width:100%;aspect-ratio:1;flex-shrink:0}.ring__track{stroke:var(--ink-soft)}.ring__num{fill:var(--ink);font-family:var(--font-display);font-size:1.55rem;font-weight:700}.ring__num--compact{font-size:1.05rem}.ring__num--tiny{font-size:.88rem}.ring__label{display:block;margin-top:.55rem;padding:0 .15rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.25;max-width:100%;overflow-wrap:anywhere;hyphens:auto}@media(max-width:520px){.rings{gap:.7rem .35rem}.ring{gap:.25rem}.ring__svg,.ring>svg{width:min(100%,5.5rem)}.ring__num{font-size:1.15rem}.ring__num--compact{font-size:.88rem}.ring__num--tiny{font-size:.75rem}.ring__label{margin-top:.45rem;font-size:.62rem;letter-spacing:.06em}.panel--glance{overflow-x:hidden;padding-left:.85rem;padding-right:.85rem}}.pulse{display:flex;align-items:flex-end;gap:4px;height:88px;margin-bottom:1.25rem;padding:.25rem 0}.pulse__bar{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--cyan),var(--mint),var(--red-45));transform-origin:bottom;animation-name:pulseBeat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--i) * 40ms);opacity:.85}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem;margin:0}.stats dt{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.stats dd{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;text-transform:capitalize}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes slideOut{to{opacity:0;transform:translate(-18px)}}@keyframes gridDrift{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes scanSweep{0%,to{background-position:0 -40%}50%{background-position:0 140%}}@keyframes brandPulse{0%,to{filter:drop-shadow(0 12px 40px var(--mint-18))}50%{filter:drop-shadow(0 16px 48px var(--cyan-28))}}@keyframes radarDraw{0%{opacity:0;transform:scale(.86);transform-origin:center}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes ringSpin{0%{opacity:0}to{opacity:1}}@keyframes pulseBeat{0%,to{transform:scaleY(.72);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes coverGlow{0%,to{box-shadow:0 10px 28px var(--cyan-12)}50%{box-shadow:0 14px 36px var(--mint-18)}}.library{min-height:100dvh;min-height:100svh;padding-bottom:calc(2rem + var(--safe-bottom))}.library__hero{position:relative;overflow:hidden;padding:calc(1.15rem + var(--safe-top)) 1.25rem 1.1rem;max-width:100%}.library__hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(100% 80% at 15% 0%,var(--mint-16),transparent 55%),radial-gradient(80% 60% at 90% 10%,var(--cyan-14),transparent 50%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-mid) 70%,transparent 100%)}.library__signal{position:relative;margin:0 0 .35rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;color:var(--mint)}.library__brand{position:relative;margin:0 0 .45rem;line-height:.9}.library__brand .hero__brand-mark{font-size:clamp(2.85rem,13vw,5.75rem);letter-spacing:.03em;filter:drop-shadow(0 10px 28px var(--mint-18))}.library__tag{position:relative;margin:0 0 1rem;max-width:34rem;color:var(--muted);line-height:1.45;font-size:clamp(.9rem,2.2vw,1.05rem)}.library__cta{position:relative;display:flex;flex-wrap:wrap;gap:.65rem}.library__controls{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;padding:calc(.55rem + var(--safe-top)) 1.25rem .55rem;margin-bottom:.85rem;border-bottom:1px solid var(--line);background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:100%}.library__tabs{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0;max-width:100%}.library__tab{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .95rem .45rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--elev-55);color:var(--muted);font-size:.9rem;font-weight:600;line-height:1;transition:color .16s ease,border-color .16s ease,background .16s ease}.library__tab-icon-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.125rem;width:1.125rem;height:1.125rem;line-height:0}.library__tab-icon{display:block;width:1.125rem;height:1.125rem;max-width:100%;max-height:100%;overflow:visible;flex-shrink:0;opacity:.95;transition:opacity .16s ease}.library__tab:hover:not(.is-active) .library__tab-icon,.library__tab.is-active .library__tab-icon{opacity:1}.library__tab-label{display:inline-block;line-height:1.2}.library__tab:hover:not(.is-active){color:var(--ink);border-color:var(--ink-border)}.library__tab.is-active{color:var(--on-accent);border-color:transparent;background:linear-gradient(135deg,var(--mint-bright),var(--cyan))}.library__toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--elev-45)}.library__toggle-btn{min-height:44px;padding:.45rem .95rem;color:var(--muted);font-size:.85rem;font-weight:600;transition:color .16s ease,background .16s ease}.library__toggle-btn:hover:not(.is-active){color:var(--ink)}.library__toggle-btn.is-active{background:linear-gradient(135deg,var(--mint-bright-28),var(--cyan-28));color:var(--ink)}@media(max-width:720px){.library__hero{padding:calc(.85rem + var(--safe-top)) 1rem .85rem}.library__brand{margin-bottom:.3rem}.library__brand .hero__brand-mark{font-size:clamp(2.6rem,16vw,3.6rem)}.library__tag{margin-bottom:.75rem;font-size:.9rem;line-height:1.4}.library__cta .btn{min-height:48px;padding:.7rem 1.15rem}.library__controls{flex-direction:column;align-items:stretch;gap:.5rem;padding:calc(.45rem + var(--safe-top)) 0 .45rem}.library__tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 1rem;gap:.35rem;max-width:100%}.library__tabs::-webkit-scrollbar{display:none}.library__tab{flex:0 0 auto;padding:.4rem .8rem .4rem .6rem;font-size:.85rem}.library__toggle{align-self:flex-end;margin:0 1rem 0 auto}.library__panel{padding-left:1rem;padding-right:1rem}.platform__head{scroll-margin-top:7rem}html{scroll-padding-top:7rem}}.library__metric{display:inline-flex;flex-wrap:wrap;gap:.25rem;margin:0 0 1.1rem;padding:.2rem;border:1px solid var(--line);border-radius:999px;background:var(--elev-55)}.library__metric-btn{min-height:44px;padding:.45rem .95rem;border-radius:999px;color:var(--muted);font-size:.82rem;font-weight:600;transition:color .16s ease,background .16s ease}.library__metric-btn:hover:not(:disabled):not(.is-active){color:var(--ink)}.library__metric-btn.is-active{background:linear-gradient(135deg,var(--mint-28),var(--cyan-24));color:var(--ink)}.library__metric-btn:disabled{opacity:.35;cursor:not-allowed}.library__panel{padding:0 1.25rem .5rem}.library__empty{margin:1rem 0;padding:2rem 1.25rem;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);background:var(--elev-35)}.library__empty-sub{margin:.5rem 0 0;font-size:.9rem;color:var(--steel)}.platform__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;scroll-margin-top:5rem}.platform__eyebrow{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.platform__name{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem)}.platform__stats{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0}.platform__stats div{min-width:4.5rem}.platform__stats dt{margin:0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.platform__stats dd{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:700}.platform__charts{display:grid;gap:1rem}.platform__charts--stack{grid-template-columns:1fr;width:100%}.platform__charts-body{display:grid;gap:1rem;width:100%}@media(min-width:900px){.platform__charts-body{grid-template-columns:1.45fr .95fr;align-items:start}.platform__charts:not(.platform__charts--stack):not(.platform__charts--glance-only){grid-template-columns:1.45fr .95fr;align-items:start}}.panel--glance,.platform__meters.panel--glance{width:100%;max-width:none;grid-column:1 / -1;box-sizing:border-box}.platform__charts--glance-only{display:block;width:100%;margin-top:.25rem}.platform__charts--glance-only .panel--glance{width:100%;max-width:none}.platform__charts .panel,.platform__side .panel,.platform__charts-body .panel{border:1px solid var(--line);border-radius:16px;background:var(--elev-72);padding:1.15rem 1.15rem 1.3rem}.platform__side{display:grid;gap:1rem;width:100%}.platform__imported{margin:.35rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.bn-hub{display:grid;gap:1rem;margin-bottom:1.25rem}.bn-hub .panel{border:1px solid var(--line);border-radius:16px;background:var(--elev-72);padding:1.15rem 1.15rem 1.3rem}.bn-section__head{display:flex;gap:.75rem;align-items:flex-start}.bn-section__head .panel__title{margin:0}.bn-section__head .panel__sub{margin:.25rem 0 0}.bn-section__game-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;padding:.3rem;object-fit:contain;background:color-mix(in srgb,var(--elev-45) 80%,#0a1624);border:1px solid var(--line);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 8%,transparent)}.bn-chars{list-style:none;margin:.85rem 0 0;padding:0;display:grid;gap:.45rem}@media(min-width:700px){.bn-chars{grid-template-columns:1fr 1fr}}.bn-char{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.65rem .8rem;border-radius:12px;border:1px solid var(--line);background:var(--elev-45);animation:bn-rise .42s ease both}.bn-char:nth-child(2){animation-delay:40ms}.bn-char:nth-child(3){animation-delay:80ms}.bn-char:nth-child(4){animation-delay:.12s}.bn-char:nth-child(5){animation-delay:.16s}.bn-char:nth-child(6){animation-delay:.2s}@keyframes bn-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bn-char{animation:none}}.bn-char--alliance{border-color:color-mix(in srgb,var(--cyan) 35%,var(--line));box-shadow:inset 3px 0 0 var(--cyan-40)}.bn-char--horde{border-color:color-mix(in srgb,var(--rose) 35%,var(--line));box-shadow:inset 3px 0 color-mix(in srgb,var(--rose) 55%,transparent)}.bn-char__icons{display:flex;gap:.35rem;flex-shrink:0;align-items:center}.bn-char__icon{width:36px;height:36px;border-radius:6px;object-fit:cover;image-rendering:-webkit-optimize-contrast;background:color-mix(in srgb,var(--elev-72) 80%,transparent);border:1px solid color-mix(in srgb,var(--bn-class, var(--line)) 40%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--bn-class, transparent) 18%,transparent)}.bn-char__main{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.bn-char__name{font-family:var(--font-display);font-weight:700;font-size:.98rem;color:var(--ink)}.bn-char__meta{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-char{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.bn-char:hover,.bn-char:focus-within{transform:translateY(-2px) scale(1.012);border-color:color-mix(in srgb,var(--bn-class, var(--mint)) 55%,var(--line));box-shadow:0 8px 22px color-mix(in srgb,var(--bn-class, var(--mint)) 22%,transparent),inset 3px 0 color-mix(in srgb,var(--bn-class, var(--mint)) 70%,transparent);background:color-mix(in srgb,var(--elev-45) 70%,var(--bn-class, var(--mint)) 8%)}.bn-char__icons--with-portrait{align-items:center}.bn-char__portrait-wrap{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid color-mix(in srgb,var(--bn-class, var(--line)) 50%,var(--line));box-shadow:0 0 14px color-mix(in srgb,var(--bn-class, var(--mint)) 30%,transparent)}.bn-char__portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:scale(1.06);animation:bn-portrait-idle 5.5s ease-in-out infinite}.bn-char__portrait-wrap--still .bn-char__portrait,.bn-char__portrait-wrap--still{animation:none;box-shadow:none}.bn-char__portrait-wrap--still .bn-char__portrait{transform:none}@keyframes bn-portrait-idle{0%,to{transform:scale(1.06) translateZ(0)}50%{transform:scale(1.12) translate3d(0,-2%,0)}}.bn-char--featured{border-color:color-mix(in srgb,var(--bn-class, var(--mint)) 40%,var(--line))}@media(prefers-reduced-motion:reduce){.bn-char,.bn-char:hover,.bn-char:focus-within{transition:none;transform:none}.bn-char__portrait{animation:none;transform:none}.bn-char__portrait-wrap{box-shadow:none}}.bn-char__side{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0}.bn-char__level{font-family:var(--font-mono);font-size:.85rem;color:var(--mint)}.bn-char__faction{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}.bn-sc2{display:grid;gap:.85rem;margin-top:.75rem}.bn-sc2__card{padding:.75rem .85rem;border-radius:12px;border:1px solid var(--line);background:var(--elev-45)}.bn-sc2__head{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.bn-sc2__portrait{width:64px;height:64px;border-radius:10px;object-fit:cover;border:1px solid var(--line);background:var(--elev-72);flex-shrink:0}.bn-sc2__identity{display:flex;flex-direction:column;gap:.2rem;min-width:0}.bn-sc2__name{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ink)}.bn-sc2__id-meta{font-size:.78rem;color:var(--muted)}.bn-sc2__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.65rem 1rem;margin:0}.bn-sc2__stats dt{margin:0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bn-sc2__stats dd{margin:.2rem 0 0;font-family:var(--font-display);font-size:1.05rem;font-weight:700}.bn-ladder{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--steel)}.bn-ladder li{display:grid;grid-template-columns:1.2fr 1.4fr auto;gap:.5rem;padding:.35rem 0;border-top:1px solid var(--line)}.bn-ladder li span:first-child{color:var(--ink);font-family:var(--font-display)}.bn-races-wrap{margin-top:.85rem}.bn-races__caption{margin:0 0 .4rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bn-races{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.bn-races li{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(5rem,30%);column-gap:.65rem;align-items:center;font-size:.82rem;padding:.35rem .4rem;border-radius:10px}.bn-race--primary{background:color-mix(in srgb,var(--ink) 4%,transparent)}.bn-races__icon{width:28px;height:28px;object-fit:contain;justify-self:start;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--bg-deep) 55%,transparent))}.bn-races__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;min-width:0}.bn-races__label{display:inline-flex;align-items:center;gap:.35rem;min-width:0;font-family:var(--font-display);font-weight:600;color:var(--ink)}.bn-races__badge{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);border:1px solid color-mix(in srgb,var(--mint) 35%,var(--line));border-radius:999px;padding:.05rem .35rem;flex-shrink:0}.bn-races__wins{flex-shrink:0;font-family:var(--font-mono);font-size:.78rem;color:var(--steel);white-space:nowrap}.bn-races__track{display:block;width:100%;height:.45rem;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden}.bn-races__fill{display:block;height:100%;border-radius:inherit;background:var(--cyan);transform-origin:left center;transition:transform .42s ease}.bn-race--terran .bn-races__fill{background:color-mix(in srgb,#4a90d9 85%,var(--ink))}.bn-race--zerg .bn-races__fill{background:color-mix(in srgb,#8b5cf6 80%,var(--rose))}.bn-race--protoss .bn-races__fill{background:color-mix(in srgb,#e8c547 85%,var(--mint))}.bn-activity{margin-top:.85rem}.bn-activity__caption{margin:0 0 .45rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:var(--font-mono)}.bn-activity__table{display:grid;gap:0}.bn-activity__row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(5.5rem,.9fr) 4.25rem;column-gap:.75rem;align-items:baseline;padding:.4rem 0;border-top:1px solid var(--line);font-size:.82rem;color:var(--steel)}.bn-activity__row--head{border-top:0;padding-bottom:.25rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bn-activity__name{min-width:0;color:var(--ink);font-family:var(--font-display);font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.bn-activity__kind{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}.bn-activity__result{min-width:0;text-transform:capitalize}.bn-activity__when{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);text-align:right;white-space:nowrap}@media(max-width:520px){.bn-activity{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.bn-activity__table{min-width:0}.bn-activity__row{grid-template-columns:minmax(0,1.4fr) minmax(4.5rem,.85fr) 3.6rem;column-gap:.45rem;font-size:.78rem}.bn-char{grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;padding:.55rem .65rem}.bn-char__icon{width:30px;height:30px}.bn-char__portrait-wrap{width:44px;height:44px}.bn-char__meta{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.recent li{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.92rem}.recent li:last-child{border-bottom:0}.recent__time{font-family:var(--font-mono);color:var(--cyan);white-space:nowrap}.thumbs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.thumbs__row{display:grid;grid-template-columns:56px 1fr;gap:.8rem;align-items:center;animation:riseIn .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 28ms)}.thumbs__art{width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--cover-fallback);border:1px solid var(--line);flex-shrink:0}.thumbs__art img{width:100%;height:100%;object-fit:cover;display:block}.thumbs__art-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--cover-fallback-mid),var(--cover-fallback-deep))}.thumbs__meta{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.4rem;font-size:.92rem}.thumbs__label{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;min-width:0;max-width:100%}.thumbs__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbs__plat-wrap{display:inline-flex;flex-shrink:0;color:var(--amber);filter:drop-shadow(0 0 6px var(--amber-35))}.thumbs__plat{display:block}.thumbs__row--plat .thumbs__value{color:var(--gold-soft)}.thumbs__value{font-family:var(--font-mono);color:var(--steel);white-space:nowrap;font-size:.85rem;flex-shrink:0;animation:valueFade .42s calc(80ms + var(--i) * 28ms) cubic-bezier(.16,1,.3,1) both}.thumbs__track{height:8px;border-radius:999px;background:var(--ink-faint);overflow:hidden}.thumbs__fill{width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan));transform:scaleX(0);transform-origin:left center;animation:barGrow .64s calc(60ms + var(--i) * 28ms) cubic-bezier(.16,1,.3,1) forwards}.thumbs__fill--plat{background:linear-gradient(90deg,var(--gold),var(--amber),var(--gold-bright))}.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}.panel--glance{animation:glanceIn .56s cubic-bezier(.16,1,.3,1) both}.covers__standouts{display:grid;gap:.75rem;margin-bottom:1rem}@media(min-width:720px){.covers__standouts{grid-template-columns:2fr 1fr}}.covers__hero{position:relative;min-height:200px;border-radius:18px;overflow:hidden;animation:coverGlow 4s ease-in-out infinite}.covers__hero img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}.covers__hero-meta{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,var(--scrim))}.covers__hero-meta h3{margin:.2rem 0 0;font-family:var(--font-display);font-size:1.35rem}.covers__eyebrow{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.covers__hero--plat .covers__eyebrow{color:var(--amber)}.covers__hero--plat{box-shadow:inset 0 0 0 1px var(--amber-35)}.covers__card--plat{box-shadow:inset 0 0 0 1px var(--amber-28)}.covers__side{display:grid;gap:.75rem}.covers__card{position:relative;border-radius:14px;overflow:hidden;min-height:96px;border:1px solid var(--line)}.covers__card img{width:100%;height:100%;min-height:96px;object-fit:cover;display:block}.covers__card p{position:absolute;inset:auto 0 0;margin:0;padding:.55rem .7rem;font-size:.85rem;font-weight:600;background:linear-gradient(transparent,var(--scrim-soft))}.covers__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.covers__tile{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line);background:var(--cover-tile);animation:riseIn .46s cubic-bezier(.22,1,.36,1) both;transition:border-color .18s ease,transform .18s ease}.covers__tile:hover{border-color:var(--cyan-35);transform:translateY(-1px)}.covers__tile img{width:100%;height:100%;object-fit:cover;display:block}.covers__tile span{position:absolute;inset:auto 0 0;padding:.45rem .55rem;font-size:.72rem;font-weight:600;line-height:1.25;background:linear-gradient(transparent,var(--scrim));overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bars__fill,.thumbs__fill{width:var(--w);transform:none}.thumbs__value,.ring,.panel--glance,.rec--featured,.results__burst{animation:none!important;opacity:1;transform:none;filter:none}.rec:hover{transform:none}.ring__value,.quiz__progress-fill{transition:none!important}}