.hu-rank-side{padding:var(--space-6) var(--space-4) var(--space-8)}.hu-xp-seksjon,.hu-trapp-seksjon,.hu-fordel{padding:0}.hu-rank-inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-7)}@keyframes hu-stig{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hu-bragd-hero{position:relative;overflow:hidden;padding:var(--space-7) var(--space-6) var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(120% 95% at 12% -10%,#1e3a8a 0%,var(--brand-950) 48%,#0a0f1f 100%);color:#fff;box-shadow:var(--shadow-xl);isolation:isolate}.hu-bragd-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E")}.hu-hero-glod{position:absolute;z-index:-1;top:-35%;right:-10%;width:min(520px,120%);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,rgba(96,165,250,.34) 0%,rgba(40,107,254,.12) 42%,transparent 68%);animation:hu-pust 7s var(--ease) infinite alternate}@keyframes hu-pust{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.hu-hero-tittel{margin:0;font-size:var(--text-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#93c5fd}.hu-hero-ingress{margin:var(--space-2) 0 0;max-width:38ch;font-size:var(--text-sm);line-height:1.55;color:#e2e8f0b8}.hu-hero-innhold{margin-top:var(--space-6)}.hu-medalje{position:relative;display:grid;place-items:center;width:108px;height:108px;flex:none;border-radius:50%;background:conic-gradient(from -90deg,var(--brand-400) 0turn,#93c5fd var(--hu-andel, 0turn),rgba(148,163,184,.22) var(--hu-andel, 0turn) 1turn);animation:hu-stig var(--dur-slow) var(--ease) both}.hu-medalje:before{content:"";position:absolute;inset:6px;border-radius:50%;background:linear-gradient(160deg,#16255a,#0a1024);box-shadow:inset 0 1px #ffffff17}.hu-medalje svg{position:relative;width:44px;height:44px;color:#bdd1ff}.hu-medalje.er-topp{background:conic-gradient(from -90deg,#fcd34d,#fbbf24 .5turn,#f59e0b 1turn)}.hu-medalje.er-topp svg{color:#fde68a}.hu-hero-rad{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.hu-hero-navn{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.hu-hero-rank{margin:0;font-size:clamp(2rem,6vw,var(--text-4xl));font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff;animation:hu-stig var(--dur-slow) var(--ease) 60ms both}.hu-hero-sjelden{margin:0;font-size:var(--text-sm);font-weight:600;color:#93c5fd;font-variant-numeric:tabular-nums;animation:hu-stig var(--dur-slow) var(--ease) .12s both}.hu-hero-timer{margin:0;display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);color:#e2e8f0b8;animation:hu-stig var(--dur-slow) var(--ease) .18s both}.hu-hero-timer strong{font-size:var(--text-3xl);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hu-bragd-spor{position:relative;height:8px;margin-top:var(--space-6);border-radius:999px;background:#94a3b833;overflow:hidden}.hu-bragd-fyll{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-600),#93c5fd);box-shadow:0 0 18px #93c5fd8c;transition:width .9s var(--ease)}.hu-hero-mal{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:#e2e8f0db}.hu-hero-mal strong{color:#fff}.hu-boost{color:#93c5fd;font-weight:700;white-space:nowrap}.hu-pil{opacity:.6}.hu-fremdrift-laster,.hu-fremdrift-tom{margin:0;font-size:var(--text-sm);color:#e2e8f0b8}.hu-feiring[hidden]{display:none}.hu-feiring{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--success-500);border-radius:var(--radius-lg);background:var(--success-50);animation:hu-stig var(--dur-slow) var(--ease) both}.hu-feiring-ikon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:#fff;color:var(--success-500)}.hu-feiring-tekst{display:flex;flex-direction:column;gap:2px}.hu-feiring-tekst strong{font-size:var(--text-lg);color:var(--text-primary)}.hu-feiring-tekst span{font-size:var(--text-sm);color:var(--text-secondary)}.hu-seksjonshode{margin-bottom:var(--space-5)}.hu-seksjonstittel{margin:0;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.hu-seksjonsnote{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.hu-trapp{position:relative;list-style:none;margin:0;padding:0 0 0 var(--space-6);display:flex;flex-direction:column-reverse;gap:var(--space-3)}.hu-trapp:before{content:"";position:absolute;left:calc(var(--space-6) - 1px);top:38px;bottom:38px;width:2px;background:linear-gradient(180deg,var(--border-color),var(--brand-200))}.hu-trinn{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);margin-left:calc(var(--space-6) * -1);padding:var(--space-4) var(--space-5) var(--space-4) calc(var(--space-6) + var(--space-2));border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);animation:hu-stig var(--dur-slow) var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms);transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.hu-trinn:hover{transform:translate(2px);box-shadow:var(--shadow-md)}.hu-trinn-ikon{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);box-shadow:0 0 0 4px var(--bg-page)}.hu-trinn-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}.hu-trinn-navn{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.hu-trinn-terskel{font-size:var(--text-sm);color:var(--text-muted)}.hu-trinn-hoyre{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.hu-trinn-sjelden{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.hu-trinn-sjelden strong{font-weight:800;color:var(--text-primary)}.hu-trinn-boost{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.hu-trinn.er-passert .hu-trinn-ikon{border-color:var(--brand-600);background:var(--brand-600);color:#fff}.hu-trinn.er-passert .hu-trinn-boost{color:var(--brand-700)}.hu-trinn.er-her{border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-50)}.hu-trinn.er-her .hu-trinn-ikon{animation:hu-puls 2.6s var(--ease) infinite}@keyframes hu-puls{0%,to{box-shadow:0 0 0 4px var(--bg-page),0 0 0 6px #286bfe40}50%{box-shadow:0 0 0 4px var(--bg-page),0 0 0 12px #286bfe00}}.hu-hake{display:inline-grid;place-items:center;color:var(--brand-600)}.hu-her-merke{padding:2px var(--space-2);border-radius:999px;background:var(--brand-600);color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.hu-trinn.er-kommende{background:transparent;border-style:dashed}.hu-trinn.er-kommende .hu-trinn-navn{color:var(--text-secondary)}.hu-trinn.er-topp .hu-trinn-ikon{border-color:#f59e0b;color:#b45309}.hu-trinn.er-topp.er-passert .hu-trinn-ikon{background:linear-gradient(160deg,#fbbf24,#f59e0b);color:#fff}.hu-xp-kilder{list-style:none;margin:0;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}.hu-xp-kilde{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.hu-xp-kilde+.hu-xp-kilde{border-top:1px solid var(--border-color)}.hu-xp-ikon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--brand-50);color:var(--brand-600)}.hu-xp-ikon svg{width:20px;height:20px}.hu-xp-tekst{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.hu-xp-tekst strong{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.hu-fordel{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--brand-200);border-radius:var(--radius-lg);background:var(--brand-50)}.hu-fordel-ikon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--bg-surface);color:var(--brand-600)}.hu-fordel-ikon svg{width:20px;height:20px}.hu-fordel-tekst{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--text-primary)}@media(max-width:640px){.hu-bragd-hero{padding:var(--space-6) var(--space-5) var(--space-5)}.hu-medalje{width:84px;height:84px}.hu-medalje svg{width:34px;height:34px}.hu-trinn{grid-template-columns:auto minmax(0,1fr);row-gap:var(--space-2)}.hu-trinn-hoyre{grid-column:2;align-items:flex-start;text-align:left}}@media(prefers-reduced-motion:reduce){.hu-hero-glod,.hu-medalje,.hu-hero-rank,.hu-hero-sjelden,.hu-hero-timer,.hu-trinn,.hu-feiring,.hu-trinn.er-her .hu-trinn-ikon{animation:none}.hu-bragd-fyll{transition:none}}