.uach-hero{position:relative;display:flex;align-items:stretch;gap:28px;padding:28px 32px;border-radius:26px;color:#fff;background:radial-gradient(ellipse at 100% 0,rgba(251,191,36,.42),transparent 60%),linear-gradient(135deg,#1e1b4b,#6d28d9 50%,#db2777);box-shadow:0 18px 40px rgba(76,29,149,.32);overflow:hidden}.uach-hero-body{flex:1;min-width:0}@media (max-width:720px){.uach-hero{flex-direction:column;gap:18px}}.uach-hero-kicker{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.uach-hero-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:2.05rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.uach-hero-sub{font-size:.95rem;line-height:1.55;margin:0 0 18px;opacity:.92}.uach-hero-pct{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;text-align:right;flex-shrink:0;align-self:flex-start;padding-top:4px}.uach-hero-pct-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.86;text-shadow:0 1px 2px rgba(0,0,0,.22)}.uach-hero-pct-value{display:inline-flex;align-items:baseline;margin-top:2px;font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:3.6rem;font-weight:800;letter-spacing:-.03em;line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.4)}.uach-hero-pct-value span{margin-left:4px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;opacity:.82}.uach-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:720px){.uach-hero-stats{grid-template-columns:1fr}}.uach-stat{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.uach-stat-label{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.78}.uach-stat-value{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:2px 0 0}.uach-stat-sub{font-size:.7rem;opacity:.7}.uach-stat-badge-row{display:flex;align-items:center;gap:9px;margin-top:4px}.uach-stat-glyph{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);box-shadow:0 0 14px var(--bm-glow,transparent)}.uach-stat-glyph[data-rarity=legendary]{--bm-glow:rgba(251,191,36,0.5);border-color:rgba(251,191,36,.55)}.uach-stat-glyph[data-rarity=epic]{--bm-glow:rgba(168,85,247,0.5);border-color:rgba(217,70,239,.5)}.uach-stat-glyph[data-rarity=rare]{--bm-glow:rgba(59,130,246,0.5);border-color:rgba(59,130,246,.5)}.uach-stat-glyph[data-rarity=uncommon]{--bm-glow:rgba(16,185,129,0.46);border-color:rgba(16,185,129,.5)}.uach-stat-glyph[data-empty=true]{background:rgba(255,255,255,.06);border-style:dashed;color:rgba(255,255,255,.5);box-shadow:none}.uach-stat-badge .uach-stat-value{margin:0;font-size:1rem;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.uach-filter-row{display:flex;flex-wrap:wrap;gap:6px}.uach-chip{position:relative;z-index:0;overflow:hidden;padding:6px 13px;border-radius:999px;border:1px solid var(--theme-border,rgba(15,23,42,.1));background:var(--theme-surface,#fff);color:var(--theme-text-muted,#64748b);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:color var(--mode-transition),border-color var(--mode-transition),box-shadow var(--mode-transition),transform var(--mode-transition),background-color var(--mode-transition)}.uach-chip:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#7c3aed,#6366f1);opacity:0;transition:opacity var(--mode-transition)}.uach-chip:hover{color:var(--theme-text,#0f172a);border-color:var(--theme-accent,#7c3aed);transform:translateY(-1px);box-shadow:0 3px 9px rgba(15,23,42,.1)}.uach-chip.active{color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(124,58,237,.32)}.uach-chip.active:before{opacity:1}.uach-chip[data-category=streak].active:before{background:linear-gradient(135deg,#f59e0b,#ea580c)}.uach-chip[data-category=speed].active:before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.uach-chip[data-category=mastery].active:before{background:linear-gradient(135deg,#10b981,#059669)}.uach-chip[data-category=score].active:before{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.uach-chip[data-category=special].active:before{background:linear-gradient(135deg,#f43f5e,#e11d48)}.uach-chip[data-category=community].active:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.uach-chip[data-category=social].active:before{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.uach-chip[data-category=advantage].active:before{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.uach-chip[data-category=profile].active:before{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.uach-chip[data-category=volume].active:before{background:linear-gradient(135deg,#e879f9,#d946ef)}.uach-chip[data-category=class].active:before{background:linear-gradient(135deg,#60a5fa,#2563eb)}.uach-chip[data-area=passsafe].active:before{background:linear-gradient(135deg,#16a34a,#0d9488)}.uach-chip[data-area=catalyst].active:before{background:linear-gradient(135deg,#6366f1,#4f46e5)}[data-effective-mode=dark] .uach-chip:not(.active){background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:rgba(226,232,240,.7)}.uach-sections{--csys-stack-gap:2rem}.uach-section{display:flex;flex-direction:column;gap:12px}.uach-section-h{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.08rem;font-weight:800;letter-spacing:-.01em;margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--theme-text,#0f172a)}[data-effective-mode=dark] .uach-section-h{color:#f1f5f9}.uach-section-count{font-size:.7rem;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:rgba(124,58,237,.1);color:var(--theme-accent,#7c3aed)}.uach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}@media (max-width:720px){.uach-grid{grid-template-columns:1fr;gap:1.25rem}}.uach-card[data-category=mastery]{--cat-solid:#6366f1;--cat-tint:rgba(99,102,241,0.08);--cat-text-on:#fff}.uach-card[data-category=score]{--cat-solid:#10b981;--cat-tint:rgba(16,185,129,0.08);--cat-text-on:#fff}.uach-card[data-category=streak]{--cat-solid:#f97316;--cat-tint:rgba(249,115,22,0.08);--cat-text-on:#fff}.uach-card[data-category=speed]{--cat-solid:#06b6d4;--cat-tint:rgba(6,182,212,0.08);--cat-text-on:#fff}.uach-card[data-category=special]{--cat-solid:#f43f5e;--cat-tint:rgba(244,63,94,0.08);--cat-text-on:#fff}.uach-card[data-category=community]{--cat-solid:#8b5cf6;--cat-tint:rgba(139,92,246,0.08);--cat-text-on:#fff}.uach-card[data-category=social]{--cat-solid:#0ea5e9;--cat-tint:rgba(14,165,233,0.08);--cat-text-on:#fff}.uach-card[data-category=advantage]{--cat-solid:#f59e0b;--cat-tint:rgba(245,158,11,0.08);--cat-text-on:#fff}.uach-card[data-category=profile]{--cat-solid:#14b8a6;--cat-tint:rgba(20,184,166,0.08);--cat-text-on:#fff}.uach-card[data-category=volume]{--cat-solid:#d946ef;--cat-tint:rgba(217,70,239,0.08);--cat-text-on:#fff}.uach-card[data-category=class]{--cat-solid:#3b82f6;--cat-tint:rgba(59,130,246,0.08);--cat-text-on:#fff}.uach-card{position:relative;display:flex;flex-direction:column;border-radius:22px;background:var(--theme-surface,#fff);border:1.5px solid var(--cat-solid,rgba(15,23,42,.12));background:linear-gradient(var(--cat-tint,transparent),var(--cat-tint,transparent)),var(--theme-surface,#fff);box-shadow:0 12px 28px rgba(15,23,42,.08);overflow:hidden;transition:transform var(--mode-transition),box-shadow var(--mode-transition)}[data-effective-mode=dark] .uach-card{background:linear-gradient(var(--cat-tint,transparent),var(--cat-tint,transparent)),rgba(30,27,75,.55);border-color:var(--cat-solid,rgba(167,139,250,.34))}.uach-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(15,23,42,.14),0 0 0 1px var(--cat-solid,transparent)}.uach-card.locked{opacity:.78}.uach-card[data-rarity=legendary]{box-shadow:0 12px 28px rgba(15,23,42,.08),0 0 28px rgba(251,191,36,.18)}.uach-card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--cat-solid,#6366f1);color:var(--cat-text-on,#fff);overflow:hidden}.uach-card-header>*{position:relative;z-index:1}.uach-card-header .uach-card-title{flex:1;min-width:0;font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.2;color:inherit;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uach-card-header .uach-category-pill{flex-shrink:0;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);color:#fff;padding:3px 11px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px}.uach-card-body{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:18px 20px 14px;align-items:start}.uach-card-text{display:flex;flex-direction:column;gap:10px;min-width:0}.uach-card-text .uach-card-meta{align-self:flex-start}.uach-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px}.uach-earnrate{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#64748b}.uach-earnrate svg{flex-shrink:0;opacity:.85}.uach-earnrate[data-tone=rare]{color:#b45309;font-weight:700}.uach-earnrate[data-tone=first]{color:#7c3aed;font-weight:700}[data-effective-mode=dark] .uach-earnrate{color:#94a3b8}[data-effective-mode=dark] .uach-earnrate[data-tone=rare]{color:#fbbf24}[data-effective-mode=dark] .uach-earnrate[data-tone=first]{color:#c4b5fd}.uach-category-pill,.uach-rarity-pill{padding:1px 8px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.uach-rarity-pill.rarity-common{background:rgba(100,116,139,.14);color:#475569}.uach-rarity-pill.rarity-uncommon{background:rgba(16,185,129,.14);color:#047857}.uach-rarity-pill.rarity-rare{background:rgba(99,102,241,.14);color:#4338ca}.uach-rarity-pill.rarity-epic{background:rgba(167,139,250,.2);color:#6d28d9}.uach-rarity-pill.rarity-legendary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#422006}[data-effective-mode=dark] .uach-rarity-pill.rarity-common{background:rgba(148,163,184,.22);color:#e2e8f0}[data-effective-mode=dark] .uach-rarity-pill.rarity-uncommon{background:rgba(16,185,129,.24);color:#6ee7b7}[data-effective-mode=dark] .uach-rarity-pill.rarity-rare{background:rgba(99,102,241,.26);color:#c7d2fe}[data-effective-mode=dark] .uach-rarity-pill.rarity-epic{background:rgba(167,139,250,.3);color:#f5d0fe}.uach-category-pill{background:rgba(244,114,182,.12);color:#9d174d}.uach-card-sub{font-size:.9rem;line-height:1.5;color:var(--theme-text,#0f172a);margin:0}[data-effective-mode=dark] .uach-card-sub{color:#e2e8f0}.uach-card-prog{display:flex;align-items:center;gap:9px}.uach-card-prog-track{flex:1 1 auto;height:7px;border-radius:999px;background:var(--theme-surface-2,rgba(15,23,42,.08));overflow:hidden}[data-effective-mode=dark] .uach-card-prog-track{background:rgba(255,255,255,.1)}.uach-card-prog-fill{display:block;height:100%;width:calc(var(--prog, 0) * 100%);min-width:5px;border-radius:inherit;background:linear-gradient(90deg,var(--theme-accent,#7c3aed),color-mix(in srgb,var(--theme-accent,#7c3aed) 55%,#ffffff));transition:width var(--mode-transition)}@media (prefers-reduced-motion:reduce){.uach-card-prog-fill{transition:none}}.uach-card-prog-num{flex:0 0 auto;font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--theme-text-muted,#64748b)}[data-effective-mode=dark] .uach-card-prog-num{color:#94a3b8}.uach-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap;padding:12px 20px 14px;margin-top:auto;border-top:1px dashed var(--theme-border,rgba(15,23,42,.1))}[data-effective-mode=dark] .uach-card-foot{border-top-color:rgba(255,255,255,.1)}.uach-card-earned{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:rgba(16,185,129,.14);color:#047857;font-size:.72rem;font-weight:700}.uach-card-share{display:flex}.uach-share-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;border:none;background:rgba(124,58,237,.1);color:var(--theme-accent,#7c3aed);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.uach-share-btn:hover{background:rgba(124,58,237,.18)}.uach-share-row{display:flex;gap:4px;align-items:center;justify-content:center}.uach-share-row button{width:30px;height:30px;border-radius:8px;border:none;background:rgba(124,58,237,.1);color:var(--theme-accent,#7c3aed);cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.uach-share-row button:hover{background:var(--theme-accent,#7c3aed);color:#fff}.uach-share-row .uach-share-close{background:transparent}.uach-x{font-family:var(--font-heading,"Montserrat"),sans-serif;font-weight:800;font-size:.86rem}.uach-medal-root{width:92px;height:92px;flex-shrink:0;perspective:900px}.uach-medal-root,.uach-medal-root[data-category=mastery]{--medal-ring:#6366f1;--medal-glow:#818cf8}.uach-medal-root[data-category=score]{--medal-ring:#10b981;--medal-glow:#34d399}.uach-medal-root[data-category=streak]{--medal-ring:#f97316;--medal-glow:#fb923c}.uach-medal-root[data-category=speed]{--medal-ring:#06b6d4;--medal-glow:#22d3ee}.uach-medal-root[data-category=special]{--medal-ring:#f43f5e;--medal-glow:#fb7185}.uach-medal-root[data-category=community]{--medal-ring:#8b5cf6;--medal-glow:#a78bfa}.uach-medal-root[data-category=social]{--medal-ring:#0ea5e9;--medal-glow:#38bdf8}.uach-medal-root[data-category=advantage]{--medal-ring:#f59e0b;--medal-glow:#fbbf24}.uach-medal-root[data-category=profile]{--medal-ring:#14b8a6;--medal-glow:#2dd4bf}.uach-medal-root[data-category=volume]{--medal-ring:#d946ef;--medal-glow:#e879f9}.uach-medal-root[data-category=class]{--medal-ring:#3b82f6;--medal-glow:#60a5fa}.uach-medal{position:relative;width:100%;height:100%;border-radius:22px;border:2px solid var(--medal-ring);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -3px 6px rgba(0,0,0,.22),0 8px 22px rgba(0,0,0,.22),0 0 0 4px color-mix(in srgb,var(--medal-ring) 22%,transparent),0 0 22px color-mix(in srgb,var(--medal-glow) 38%,transparent);display:grid;place-items:center;isolation:isolate;contain:paint;overflow:hidden;transition:transform .18s ease-out,box-shadow var(--mode-transition),filter var(--mode-transition)}.uach-medal-surface{position:absolute;inset:0;border-radius:inherit;background-size:240% 240%;background-position:0 0;animation:uach-medal-pan 9s ease-in-out infinite;z-index:0}.uach-medal-root[data-rarity=common] .uach-medal-surface{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.65),transparent 45%),linear-gradient(135deg,#f1f5f9,#cbd5e1 25%,#94a3b8 50%,#cbd5e1 75%,#f1f5f9)}.uach-medal-root[data-rarity=uncommon] .uach-medal-surface{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.6),transparent 45%),linear-gradient(135deg,#fde68a,#f59e0b 30%,#b45309 55%,#fbbf24 80%,#fde68a)}.uach-medal-root[data-rarity=rare] .uach-medal-surface{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.6),transparent 45%),linear-gradient(135deg,#93c5fd,#3b82f6 30%,#1e40af 55%,#60a5fa 80%,#93c5fd)}.uach-medal-root[data-rarity=epic] .uach-medal-surface{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.65),transparent 45%),linear-gradient(135deg,#f0abfc,#d946ef 28%,#6b21a8 55%,#a855f7 80%,#f0abfc)}.uach-medal-root[data-rarity=legendary] .uach-medal-surface{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 40%),linear-gradient(135deg,#fef3c7,#fbbf24 15%,#f97316 30%,#ec4899 45%,#a855f7 60%,#38bdf8 75%,#34d399 90%,#fef3c7);background-size:320% 320%;animation-duration:6s}@keyframes uach-medal-pan{0%,to{background-position:0 0}50%{background-position:100% 100%}}.uach-medal-holo{position:absolute;inset:-15%;border-radius:inherit;background:conic-gradient(from 0deg,rgba(255,100,200,.55),rgba(255,220,100,.55),rgba(100,220,255,.55),rgba(180,100,255,.55),rgba(255,100,200,.55));mix-blend-mode:overlay;opacity:.55;animation:uach-medal-holo-spin 14s linear infinite;z-index:1;pointer-events:none}.uach-medal.holo-tilt .uach-medal-holo{opacity:calc(.45 + var(--cursor-active, 0) * .45);transition:opacity .25s ease}.uach-medal-root[data-rarity=common] .uach-medal-holo{opacity:.22}.uach-medal-root[data-rarity=uncommon] .uach-medal-holo{opacity:.38}.uach-medal-root[data-rarity=rare] .uach-medal-holo{opacity:.55}.uach-medal-root[data-rarity=epic] .uach-medal-holo{opacity:.7}.uach-medal-root[data-rarity=legendary] .uach-medal-holo{opacity:.82;animation-duration:9s}@keyframes uach-medal-holo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uach-medal .holo-cursor-shimmer,.uach-medal .holo-shimmer-ambient{border-radius:inherit;z-index:2}.uach-medal-glyph{z-index:3;place-items:center;font-size:2.6rem;line-height:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.45)) drop-shadow(0 0 8px color-mix(in srgb,var(--medal-glow) 50%,transparent))}.uach-medal-glyph,.uach-medal-lock{position:absolute;inset:0;display:grid}.uach-medal-lock{place-items:center;background:rgba(15,23,42,.5);color:rgba(255,255,255,.86);z-index:4;border-radius:inherit;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.uach-card.locked .uach-medal{filter:saturate(.22) brightness(.6);border-color:rgba(100,116,139,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 12px rgba(0,0,0,.18)}.uach-card.locked .uach-medal-holo,.uach-card.locked .uach-medal-surface{animation:none;opacity:.45}.uach-card.locked .uach-medal-glyph{filter:grayscale(.6) opacity(.7)}.uach-card:not(.locked):hover .uach-medal{transform:translateY(-2px) scale(1.04);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,0,0,.22),0 14px 32px rgba(0,0,0,.28),0 0 0 5px color-mix(in srgb,var(--medal-ring) 28%,transparent),0 0 32px color-mix(in srgb,var(--medal-glow) 52%,transparent)}@media (prefers-reduced-motion:reduce){.uach-medal-holo,.uach-medal-surface{animation:none}}