.ac{--ac-accent:var(--color-purple-bright);--ac-gold:#d4a017;display:grid;grid-gap:16px;gap:16px;width:100%;padding:4px 0 96px;color:var(--color-text)}.ac h1,.ac h2,.ac h3,.ac p,.ac ul{margin:0;padding:0}.ac ul{list-style:none}.ac a{color:inherit;text-decoration:none}.ac h2{font-size:1.0625rem;line-height:1.3}.ac-muted{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.45}.ac a:focus-visible,.ac button:focus-visible,.ac input:focus-visible,.ac select:focus-visible{outline:3px solid var(--color-purple-neon);outline-offset:2px}.ac-card{display:grid;align-content:start;grid-gap:10px;gap:10px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);color:inherit}.ac-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--ac-accent);border-radius:12px;background:var(--ac-accent);color:#1a1020;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.ac-state{justify-items:center;padding:48px 16px;text-align:center}.ac-skeleton{height:320px;border-radius:20px;background:var(--color-surface);animation:ac-pulse 1.4s ease-in-out infinite}@keyframes ac-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.ac-skeleton{animation:none}}.ac-bar{display:flex;align-items:center;gap:12px}.ac-bar-title{display:grid;flex:1 1;min-width:0;grid-gap:2px;gap:2px}.ac-bar-title h1{font-size:1.5rem;line-height:1.2}.ac-bar-title p{color:var(--color-text-secondary);font-size:.875rem}.ac-back{display:inline-grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:inherit;cursor:pointer}.ac-back:disabled{opacity:.5;cursor:not-allowed}.ac-bar-action{flex:none}.ac-points{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid color-mix(in srgb,var(--ac-accent) 50%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ac-accent) 18%,transparent);color:var(--ac-accent);font-size:.875rem;font-weight:700}.ac-hex{position:relative;display:inline-grid;flex:none;place-items:center;width:var(--hx);height:var(--hx)}.ac-hex svg{position:absolute;inset:0;width:100%;height:100%}.ac-hex-in{position:relative;display:grid;place-items:center}.ac-tone-accent{color:var(--ac-accent)}.ac-tone-gold{color:var(--ac-gold)}.ac-tone-muted{color:var(--color-text-secondary)}.ac-bar-track{overflow:hidden;border-radius:999px;background:color-mix(in srgb,currentColor 16%,transparent)}.ac-bar-track span{display:block;height:100%;border-radius:inherit;background:currentColor}.ac-bar-sm{height:6px}.ac-bar-md{height:8px}.ac-bar-lg{height:10px}.ac-level{display:grid;grid-gap:20px;gap:20px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#4c1d95,#6d28d9 55%,#7c3aed);color:#fff}.ac-level-main{display:flex;flex-wrap:wrap;align-items:center;gap:18px;min-width:0}.ac-level .ac-hex{color:#ddd6fe}.ac-level-num{font-size:1.75rem;font-weight:800}.ac-level-copy{display:grid;flex:1 1 220px;grid-gap:8px;gap:8px;min-width:0;color:#fff}.ac-level-copy h2{font-size:1.125rem}.ac-level-xp{font-size:1.0625rem;font-weight:700}.ac-level .ac-bar-track{color:#fff;background:rgb(255 255 255/22%)}.ac-level-next{color:#ede9fe;font-size:.8125rem}.ac-rewards{display:grid;grid-gap:10px;gap:10px;align-content:start;padding:14px;border:1px solid rgb(255 255 255/22%);border-radius:16px;background:rgb(0 0 0/22%)}.ac-rewards h3{font-size:.9375rem}.ac-rewards ul{display:grid;grid-gap:8px;gap:8px}.ac-rewards li{display:flex;align-items:center;gap:10px;min-width:0;font-size:.8125rem}.ac-rewards li>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.ac-rewards .ac-hex{color:#fcd34d}.ac-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ac-stat{width:100%;justify-items:start;align-content:center;min-height:104px;font:inherit;text-align:left;cursor:pointer}.ac-stat strong{font-size:1.5rem;line-height:1.1}.ac-stat>span:last-child{color:var(--color-text-secondary);font-size:.75rem}.ac-stat[aria-pressed=true]{border-color:var(--ac-accent)}.ac-stat-ico{color:var(--ac-accent)}.ac-stat-gold .ac-stat-ico{color:var(--ac-gold)}.ac-stat-ring{position:relative;display:inline-grid;place-items:center;width:52px;height:52px}.ac-stat-ring b{position:absolute;font-size:.75rem}.ac-ring-bg{stroke:color-mix(in srgb,var(--ac-accent) 18%,transparent)}.ac-ring-fg{stroke:var(--ac-accent)}.ac-layout{display:grid;grid-gap:16px;gap:16px;align-items:start}.ac-main{grid-gap:20px;gap:20px}.ac-main,.ac-side{display:grid;min-width:0}.ac-side{grid-gap:16px;gap:16px}.ac-controls{display:grid;grid-gap:12px;gap:12px}.ac-tabs{display:flex;gap:4px 20px;overflow-x:auto;border-bottom:1px solid var(--color-border);scrollbar-width:none}.ac-tabs button{min-height:44px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.875rem;font-weight:700;white-space:nowrap;cursor:pointer}.ac-tabs button[aria-pressed=true]{color:var(--ac-accent);border-bottom-color:var(--ac-accent)}.ac-filters{display:grid;grid-gap:10px;gap:10px}.ac-search,.ac-select{position:relative;display:flex;align-items:center;min-height:44px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.ac-search svg{position:absolute;left:12px;color:var(--color-text-secondary);pointer-events:none}.ac-search input,.ac-select select{width:100%;min-height:42px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:.875rem}.ac-search input{padding:0 12px 0 38px}.ac-select select{padding:0 12px}.ac-select option{background:var(--color-surface);color:var(--color-text)}.ac-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ac-link{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--ac-accent);font:inherit;font-size:.8125rem;font-weight:700;cursor:pointer}.ac-empty{padding:24px 12px;color:var(--color-text-secondary);font-size:.875rem;text-align:center}.ac-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ac-featured{height:100%;justify-items:center;gap:8px;text-align:center}.ac-featured strong{font-size:.875rem;overflow-wrap:anywhere}.ac-desc{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4;overflow-wrap:anywhere}.ac-featured .ac-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ac-rare{border-color:color-mix(in srgb,var(--ac-gold) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--ac-gold) 14%,var(--color-surface)),var(--color-surface))}.ac-featured-foot{display:grid;justify-items:center;grid-gap:4px;gap:4px;width:100%;margin-top:auto}.ac-featured-foot small{color:var(--color-text-secondary);font-size:.6875rem}.ac-featured-progress{color:var(--ac-accent)}.ac-featured.ac-tone-gold .ac-featured-progress{color:var(--ac-gold)}.ac-featured-progress small{color:var(--color-text-secondary)}.ac-list{display:grid;grid-gap:8px;gap:8px}.ac-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:14px}.ac-row-locked{opacity:.85}.ac-row-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.ac-row-copy strong{font-size:.9375rem;overflow-wrap:anywhere}.ac-when{color:var(--ac-accent);font-size:.75rem}.ac-row-side{display:grid;grid-column:2/-1;grid-gap:6px;gap:6px;justify-items:start}.ac-chev{display:inline-grid;place-items:center;color:var(--color-text-secondary)}.ac-tone-accent .ac-chev{color:var(--ac-accent)}.ac-row .ac-row-progress{display:grid;grid-gap:4px;gap:4px;min-width:130px;color:var(--ac-accent)}.ac-row.ac-tone-gold .ac-row-progress{color:var(--ac-gold)}.ac-row-progress small{color:var(--color-text-secondary);font-size:.6875rem}.ac-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:.6875rem;font-weight:700;white-space:nowrap}.ac-pill-ok{background:color-mix(in srgb,var(--color-ok) 22%,transparent);color:var(--color-ok)}.ac-pill-progress{background:color-mix(in srgb,var(--ac-accent) 20%,transparent);color:var(--ac-accent)}.ac-goals{grid-gap:12px;margin-top:6px}.ac-goal,.ac-goals{display:grid;gap:12px}.ac-goal{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;min-height:48px}.ac-goal-copy{display:grid;grid-gap:6px;gap:6px;min-width:0;color:var(--ac-accent)}.ac-goal-copy strong{color:var(--color-text);font-size:.8125rem;overflow-wrap:anywhere}.ac-goal b{font-size:.8125rem}.ac-detail-body{display:grid;grid-gap:24px;gap:24px;width:100%;max-width:720px;margin:0 auto}.ac-hero{display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center}.ac-hero h2{font-size:1.5rem}.ac-hero p{color:var(--color-text-secondary);font-size:.875rem}.ac-glow{display:inline-grid;border-radius:50%;box-shadow:0 0 36px 4px color-mix(in srgb,currentColor 45%,transparent)}.ac-reward{gap:8px}.ac-reward hr{width:100%;margin:6px 0;border:0;border-top:1px solid var(--color-border)}.ac-reward-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-secondary);font-size:.8125rem}.ac-reward-row span{display:inline-flex;align-items:center;gap:8px}.ac-reward-row strong{color:var(--color-text);font-size:1rem}.ac-h{margin-bottom:8px}.ac-progress-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;margin-top:12px;color:var(--ac-accent)}.ac-progress-line strong{color:var(--color-text);font-size:.875rem}.ac-done{display:inline-grid;color:var(--ac-accent)}.ac-art{position:relative;display:grid;place-items:center;height:160px;color:color-mix(in srgb,var(--ac-accent) 85%,transparent)}.ac-art-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac-accent) 35%,transparent),transparent 70%)}.ac-art svg{position:relative}.ac-art-base{position:absolute;bottom:18px;width:88px;height:14px;border:1px solid color-mix(in srgb,var(--ac-accent) 40%,transparent);border-radius:20px;background:color-mix(in srgb,var(--ac-accent) 25%,transparent)}.ac-toast{position:fixed;right:16px;bottom:16px;left:16px;z-index:50;max-width:420px;margin:0 auto;padding:12px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-elevated);color:var(--color-text);font-size:.875rem;text-align:center}@media (min-width:640px){.ac-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.ac-featured-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ac-filters{grid-template-columns:minmax(0,1fr) 240px}.ac-row{grid-template-columns:auto minmax(0,1fr) auto auto}.ac-row-side{grid-column:auto;justify-items:end;text-align:right}.ac-level{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-items:center}}@media (min-width:1024px){.ac-layout{grid-template-columns:minmax(0,1fr) 320px}.ac-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ac-side{position:-webkit-sticky;position:sticky;top:16px}}.ac .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.ac-level{display:flex;align-items:center;gap:18px}.ac-level-sub{color:#ede9fe;font-size:.8125rem}.ac-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.ac-stats li{display:grid;justify-items:center;align-content:center;grid-gap:4px;gap:4px;min-height:92px;padding:12px 8px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);text-align:center}.ac-stats strong{font-size:1.5rem;line-height:1.1}.ac-stats li>span:last-child{color:var(--color-text-secondary);font-size:.75rem}.ac-almost{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--ac-gold) 55%,transparent);border-radius:16px;background:color-mix(in srgb,var(--ac-gold) 9%,var(--color-surface))}.ac-almost-copy{display:grid;flex:1 1;grid-gap:4px;gap:4px;min-width:0}.ac-almost-copy b{color:var(--ac-gold);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.ac-almost-copy small{color:var(--color-text-secondary);font-size:.75rem}.ac-almost .ac-bar-track{color:var(--ac-gold)}.ac-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.ac-toolbar .ac-select{flex:1 1;max-width:280px}.ac-toolbar select{width:100%;min-height:44px;background:var(--color-surface);color:inherit;font:inherit;font-size:.875rem}.ac-toolbar select,.ac-view{border:1px solid var(--color-border);border-radius:12px}.ac-view{display:inline-flex;overflow:hidden}.ac-view button{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.ac-view button[aria-pressed=true]{background:color-mix(in srgb,var(--ac-accent) 22%,var(--color-surface));color:var(--ac-accent)}.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-grid,.ac-medal-card{display:grid;grid-gap:10px;gap:10px}.ac-medal-card{justify-items:center;align-content:start;height:100%;padding:14px 10px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);text-align:center}.ac-medal-card.is-unlocked{border-color:color-mix(in srgb,var(--ac-accent) 45%,var(--color-border))}.ac-medal-copy{display:grid;justify-items:center;grid-gap:6px;gap:6px;width:100%;min-width:0}.ac-medal-copy strong{font-size:.875rem;line-height:1.25;overflow-wrap:anywhere}.ac-medal-row{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:12px;text-align:left}.ac-medal-row,.ac-medal-row .ac-medal-copy{justify-items:start}.ac-medal-progress{display:grid;grid-gap:4px;gap:4px;width:100%;color:var(--ac-accent)}.ac-medal-progress small,.ac-when-line small{color:var(--color-text-secondary);font-size:.6875rem}.ac-when-line{display:inline-flex;align-items:center;gap:4px;color:var(--ac-accent)}.ac-medal{position:relative;display:inline-grid;flex:none;place-items:center;width:var(--hx);height:var(--hx)}.ac-medal img{display:block;width:100%;height:100%;object-fit:contain}.ac-medal-locked>.ac-hex,.ac-medal-locked>img{filter:grayscale(1);opacity:.55}.ac-medal-lock{position:absolute;right:0;bottom:0;display:inline-grid;place-items:center;padding:4px;border-radius:50%;background:var(--color-surface);color:var(--color-text-secondary)}@media (min-width:640px){.ac-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.ac-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}