/* ================================================================
   HEXDECK PLAYER PORTAL · AUFGERÄUMTE STYLES
   Eine feste Stelle pro Bereich. Historische Patch-Kommentare entfernt.
   Forum-Fenster: 80% Deckkraft / 20% Hintergrund sichtbar.
   ================================================================ */

/* ================================================================
   01 · BASIS · VARIABLEN · BODY · NAVIGATION
   ================================================================ */


body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  
}
.panel{
  position:relative;
  z-index:1;
  
  
  
  
  
  
  
  
  
}
.panel::before{
  content:"";
  position:absolute;
  
  border:1px solid rgba(73,118,154,.45);
  
  pointer-events:none;
}
.panel::after{
  content:"✦";
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  color:var(--hd-gold-soft);
  font-size:28px;
  text-shadow:0 0 16px rgba(228,180,77,.65);
}
.panel>*{position:relative;z-index:1}
.panel>p:first-of-type{
  margin:8px auto 20px;
  max-width:620px;
  text-align:center;
  color:var(--hd-muted);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.45;
}
.notice{
  padding:12px 14px;
  margin:14px 0;
  border-radius:12px;
  background:rgba(35,62,84,.75);
  border:1px solid rgba(115,176,225,.35);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.user{
  display:flex;
  align-items:center;
  gap:14px;
  margin:18px 0 22px;
  padding:14px 16px;
  background:linear-gradient(180deg,rgba(7,11,14,.80),rgba(13,21,28,.80));
  border:1px solid rgba(84,125,158,.55);
  border-radius:16px;
  box-shadow:inset 0 0 18px rgba(39,83,119,.16);
}
.user img{
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--hd-gold);
  box-shadow:0 0 18px rgba(67,146,211,.4);
}
.user strong{
  display:block;
  color:#ffe6a0;
  font-size:1.2rem;
  letter-spacing:.03em;
}
.user small{
  color:#97acbe;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.actions button:first-child{grid-column:1/-1}
button,.btn{
  appearance:none;
  border:0;
  min-height:48px;
  border-radius:12px;
  padding:12px 16px;
  font:700 .95rem/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.04em;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
button:hover:not(:disabled),.btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
.primary{
  color:#241203;
  background:linear-gradient(180deg,#ffe085,#d99a27);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 6px 18px rgba(197,132,23,.28);
}
.secondary{
  color:#eaf6ff;
  
  border:1px solid #527da0;
  
}
.actions button:disabled{
  opacity:.42;
  cursor:not-allowed;
  transform:none;
  filter:none;
}
#status{
  min-height:28px;
  margin-top:16px;
  padding:8px 10px;
  text-align:center;
  color:#cee6f9;
  font:600 .92rem/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.panel p small{
  display:block;
  text-align:center;
  color:#92859b;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.4;
}
.logout{
  margin-top:18px;
  display:flex;
  justify-content:center;
}
.logout .secondary{
  min-width:150px;
}
.hd-nav{
  display:grid;
  
  
  margin:4px 0 20px;
  
  border:1px solid rgba(80,126,164,.38);
  border-radius:14px;
  
}
.hd-nav button{
  
  
  color:#aec1d0;
  background:transparent;
  border:1px solid transparent;
  box-shadow:none;
  
}
.hd-nav button:hover:not(:disabled){
  transform:none;
  color:#e9f5ff;
  background:rgba(47,90,126,.24);
}
.hd-nav button.is-active{
  color:#251405;
  background:linear-gradient(180deg,#f9d67b,#d69a2b);
  border-color:#ffd980;
  box-shadow:0 4px 14px rgba(213,154,43,.22);
}

/* Gemeinsame Grundtransparenz aller Portal-Reiter */
main.panel .hd-section[data-panel]{
  background:rgba(8,10,18,var(--hd-portal-window-alpha));
}

.hd-section{display:none}
.hd-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  padding:4px 2px 14px;
  border-bottom:1px solid rgba(224,181,82,.22);
}
.hd-section-head h2{
  margin:2px 0 5px;
  color:#f4d477;
  font-size:1.8rem;
  letter-spacing:.07em;
}
.hd-section-head p{
  margin:0;
  max-width:500px;
  color:#aabbc9;
  font:400 .92rem/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.hd-nav{
  position:sticky;
  top:10px;
  z-index:5;
  backdrop-filter:blur(10px);
}
.hd-nav button{
  position:relative;
}
.hd-nav button.is-active::after{
  content:"";
  position:absolute;
  left:22%;
  right:22%;
  bottom:-5px;
  height:2px;
  border-radius:2px;
  background:#f6d573;
  box-shadow:0 0 9px rgba(246,213,115,.7);
}
.hd-section{
  animation:hdPanelFade .18s ease both;
}
@keyframes hdPanelFade{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
.hd-section-head{
  min-height:78px;
}
.logout{
  padding-top:14px;
  border-top:1px solid rgba(80,126,164,.18);
}
.hd-char-panel>header button{min-height:28px;padding:5px 8px;}
.hd-char-panel>header button{
  font-size:.62rem;
}
.hd-all-commands-link .btn{
  min-height:34px;
  padding:7px 18px;
  border:1px solid rgba(229,192,91,.46);
  color:#f0cf72;
  background:linear-gradient(180deg,rgba(39,66,88,.9),rgba(17,27,35,.80));
  font-size:.62rem;
  letter-spacing:.08em;
}
.hd-star-filter button,
.hd-own-filter button{
  min-height:26px;
  border:1px solid rgba(80,126,164,.2);
  border-radius:6px;
  background:rgba(12,16,20,.80);
  color:#8e7f96;
  font:700 .54rem/1 system-ui,sans-serif;
}
.hd-star-filter button.is-active,
.hd-own-filter button.is-active{
  border-color:rgba(231,193,89,.5);
  color:#ebc963;
  background:rgba(48,32,17,.5);
}
.hd-char-detail-head>button{flex:0 0 auto;}

.hd-section.is-active{
  position:relative;
}
.hd-section.is-active::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:16px;
  background:
    radial-gradient(circle at 12% 0%,rgba(57,125,180,.08),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(224,178,77,.05),transparent 24%);
}
button,.btn{
  position:relative;
  overflow:hidden;
}
.secondary{
  background:
    linear-gradient(180deg,#2d597d 0%,#1c3951 55%,rgba(18,34,47,.80) 100%);
  border-color:#527da0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 5px 14px rgba(0,0,0,.18);
}
button::after,.btn::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.08) 45%,transparent 68%);
  transform:translateX(-130%);
  transition:transform .38s ease;
}
button:hover::after,.btn:hover::after{
  transform:translateX(130%);
}
.panel>h1{transform:translateY(2px);}
.panel>p:first-of-type{transform:translateY(2px);}

main.panel > .hd-main-title{
  position:relative!important;
  top:auto!important;
  
  align-items:center!important;
  justify-content:center!important;
  
  
  
  line-height:1!important;
}
main.panel .hd-nav,
main.panel .hd-tabs,
main.panel .hd-player-tabs,
main.panel nav{
  margin-top:0!important;
}

.hd-nav{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  
  
}
.hd-nav button{
  min-height:35px!important;
  padding:7px 5px!important;
  font-size:.68rem!important;
}
.hd-nav.has-admin{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.hd-nav,
.hd-nav.has-admin{
  
  flex-wrap:nowrap!important;
  
  
  
  
  overflow:visible!important;
}
.hd-nav .hd-nav-button{
  
  
  
  
  
  line-height:1!important;
  
  
}
@keyframes hdLuckOrbit{
  to{transform:rotate(360deg)}
}
@keyframes hdLuckCloverPulse{
  0%,100%{transform:scale(.92) rotate(-5deg);filter:brightness(.92)}
  50%{transform:scale(1.08) rotate(5deg);filter:brightness(1.28)}
}
@keyframes hdLuckSpark{
  0%{transform:translateY(0) scale(.6);opacity:0}
  18%{opacity:1}
  100%{transform:translateY(-46px) translateX(8px) scale(.1);opacity:0}
}
@keyframes hdLegendaryBorder{from{background-position:180% 0}to{background-position:-120% 0}}
@keyframes hdWeaponShine{0%,25%{background-position:center,160% 0}70%,100%{background-position:center,-120% 0}}
@keyframes hdLegendaryPulse{50%{opacity:.35;transform:translateY(-2px)}}
@keyframes hdtcMythicGlow{
 0%,100%{box-shadow:inset 0 0 0 1px rgba(91,164,224,.48),inset 0 0 17px rgba(67,135,190,.12),0 0 7px rgba(76,146,203,.15)}
 50%{box-shadow:inset 0 0 0 1px rgba(124,196,255,.72),inset 0 0 25px rgba(79,155,218,.22),0 0 12px rgba(88,166,230,.24)}
}
@keyframes hdtcLegendaryGlow{
 0%,100%{box-shadow:inset 0 0 0 1px rgba(226,187,77,.62),inset 0 0 20px rgba(218,170,52,.16),0 0 8px rgba(224,183,63,.20)}
 50%{box-shadow:inset 0 0 0 1px rgba(255,225,124,.95),inset 0 0 34px rgba(242,194,66,.30),0 0 15px rgba(244,203,80,.35)}
}
@keyframes hdtcLegendarySheen{
 0%{transform:translateX(-145%) skewX(-18deg);opacity:0}
 12%{opacity:.05}
 38%{opacity:.40}
 58%{opacity:.08}
 100%{transform:translateX(245%) skewX(-18deg);opacity:0}
}
@keyframes hdtcRelicAura{0%,100%{outline-color:rgba(79,228,224,.62);filter:drop-shadow(0 0 4px rgba(79,228,224,.18))}50%{outline-color:rgba(109,189,255,.82);filter:drop-shadow(0 0 9px rgba(109,189,255,.34))}}
html{
  width:100%;
  min-height:100%;
  background:rgba(6,9,11,.80);
}

body::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.12) 90%,rgba(0,0,0,.72) 100%),
    radial-gradient(circle at 50% 35%,rgba(67,112,148,.10),transparent 48%)!important;
}
.panel{
  width:min(1680px,calc(100vw - 24px))!important;
  min-height:calc(100vh - 16px)!important;
  height:auto!important;
  max-height:none!important;
  padding:0 14px 18px!important;
  border:1px solid rgba(193,151,62,.46)!important;
  border-radius:6px!important;
  background:
    linear-gradient(180deg,rgba(16,13,18,.80),rgba(8,7,10,.80))!important;
  box-shadow:
    0 18px 70px rgba(0,0,0,.72),
    inset 0 0 0 1px rgba(79,108,132,.16)!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
.panel::before{
  inset:5px!important;
  border-color:rgba(143,106,48,.17)!important;
  border-radius:3px!important;
}
.panel::after{display:none!important}
.hd-main-title{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.panel>p:first-of-type{display:none!important}
.hd-nav,
.hd-nav.has-admin{
  position:sticky!important;
  z-index:500!important;
  top:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:6px 7px!important;
  min-height:48px!important;
  border:0!important;
  border-bottom:1px solid rgba(210,167,65,.46)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(14,14,13,.995),rgba(8,8,8,.995))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.3)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(201,158,61,.35) transparent;
}
.hd-nav .hd-nav-button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  
  
  
  
  
  
  box-shadow:none!important;
  font:900 .55rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  
  white-space:nowrap!important;
}
.hd-nav .hd-nav-button:hover:not(:disabled){
  color:#e6d7b4!important;
  border-color:rgba(193,151,62,.28)!important;
  background:rgba(109,80,27,.12)!important;
}
.hd-nav-icon{
  
  
  color:#c8a84d;
  
}
.hd-nav-spacer{min-width:8px;}
.hd-nav-logout{
  flex:0 0 auto;
  margin:0 0 0 4px;
  padding-left:6px;
  border-left:1px solid rgba(210,167,65,.25);
}
.hd-nav .hd-nav-logout-button{
  min-height:34px!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  color:#a89a8d!important;
  background:transparent!important;
  box-shadow:none!important;
  font:900 .53rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
.hd-nav .hd-nav-logout-button span{margin-right:6px;color:#ca9e45}
.hd-nav .hd-nav-logout-button:hover{
  transform:none!important;
  color:#f0d16f!important;
  border-color:rgba(204,159,62,.30)!important;
  background:rgba(109,80,27,.10)!important;
}
.hd-section{
  width:100%!important;
  
}
main.panel > .hd-main-title{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;}
main.panel > .hd-main-title + p:empty{display:none!important;height:0!important;margin:0!important;padding:0!important;}
html,body{min-height:100%;background:#060809}


.hd-nav{
  
  
  
  
  border-top:1px solid rgba(218,168,61,.40)!important;
  
  
}
.hd-section.is-active{
  display:block;
}

html,body,
button,input,select,textarea,
.panel,.hd-nav,.hd-section{
  font-family:var(--hd-font)!important;
}


.hd-nav{
  
  
  
  margin-bottom:0!important;
  border-color:rgba(232,190,84,.35)!important;
  
  box-shadow:0 8px 28px rgba(0,0,0,.20);
}
.hd-nav .hd-nav-button{
  
  
  
  font-family:var(--hd-font)!important;
  
  
  letter-spacing:.035em!important;
}
.hd-nav .hd-nav-button.is-active{
  
  border-color:rgba(232,190,84,.68)!important;
  
  
}
.hd-nav-icon{font-size:.82rem!important;margin-right:7px!important}
.hd-nav-logout-button{min-height:46px!important;padding:0 15px!important;font-size:.68rem!important;font-weight:850!important}
.hd-section{
  min-height:calc(100vh - 76px)!important;
  color:var(--hd-text);
}
.hd-section h2,.hd-section h3,.hd-section strong,.hd-section b{letter-spacing:.01em}
.hd-section p,.hd-section small,.hd-section span{line-height:1.45}
.btn,.primary,.secondary,.hd-player-action{
  min-height:40px;
  font-family:var(--hd-font)!important;
  font-size:.70rem!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
  border-radius:8px!important;
}
.hd-nav .hd-nav-button.is-active{
  
  
  box-shadow:none!important;
}
.hd-nav-logout-button{display:none!important}


.hd-nav{height:76px!important;min-height:76px!important;padding:0!important;gap:0!important;background:#05060b!important;border-bottom:1px solid rgba(60,115,160,.45)!important}
.hd-nav-logo-slot{width:245px;min-width:245px;height:76px;display:flex;align-items:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.05)}
.hd-nav-logo-img{width:190px;height:58px;object-fit:contain;object-position:left center}
.hd-nav-logo-placeholder{display:none}
.hd-nav-logo-slot.is-missing .hd-nav-logo-placeholder{display:flex;flex-direction:column;color:#fff}
.hd-nav-logo-placeholder strong{font-size:1.05rem;letter-spacing:.13em}
.hd-nav-logo-placeholder small{font-size:.55rem;letter-spacing:.45em}
.hd-nav .hd-nav-button{height:76px!important;min-height:76px!important;padding:0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#d8d2dd!important;font-size:.76rem!important;font-weight:900!important;position:relative}
.hd-nav .hd-nav-button.is-active{color:#fff!important;background:linear-gradient(180deg,transparent,rgba(71,162,236,.09))!important}
.hd-nav .hd-nav-button.is-active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--hd2-purple);box-shadow:0 0 13px rgba(78,168,242,.8)}
.hd-nav-icon{display:none!important}
.hd-nav-spacer{flex:1}
.hd-nav-logout{display:none!important}

.hd-char-detail-head>button{
  min-height:40px!important;
  padding:0 16px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:8px!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#ebeff2!important;
  font-size:.64rem!important;
  font-weight:900!important;
}


/* --- KANONISCHE GLOBALE REGELN · NICHT DUPLIZIEREN --- */
:root{
  --hd-portal-window-alpha:.80;
  --hd-forum-bg:url("/hexdeck/beta/player/assets/hexdeck-epic-forum-bg.png");
  color-scheme:dark;
  --hd-gold-soft:#ffda73;
  --hd-violet:#3ca7ff;
  --hd-violet-deep:#153c5c;
  --hd-panel-soft:#121c25dc;
  --hd-line:#5482a8;
  --hd-gold-strong:#f0c75e;
  --hd-gold-deep:#b77a18;
  --hd-violet-glow:rgba(70,147,210,.28);
  --hd-panel-edge:rgba(93,149,194,.38);
  --hd-bg:#08070a;
  --hd-bg-soft:#0a0d10;
  --hd-panel:rgba(16,21,25,.80);
  --hd-panel-2:rgba(19,26,32,.80);
  --hd-panel-3:rgba(22,32,40,.80);
  --hd-border:rgba(102,142,174,.34);
  --hd-border-soft:rgba(102,142,174,.20);
  --hd-gold:#e8be54;
  --hd-gold-hi:#f2d276;
  --hd-pink:#77b0df;
  --hd-text:#e7ecf0;
  --hd-muted:#a597aa;
  --hd-muted-2:#786c7e;
  --hd-radius:12px;
  --hd-radius-sm:8px;
  --hd-shadow:0 18px 48px rgba(0,0,0,.24);
  --hd-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --hd2-bg:rgba(7,8,16,.80);
  --hd2-card:rgba(11,12,21,.80);
  --hd2-card2:rgba(15,16,27,.80);
  --hd2-border:#28283a;
  --hd2-purple:#4ea8f2;
  --hd2-purple2:#286ea7;
  --hd2-yellow:#ffd348;
  --hd2-text:#f4f6f8;
  --hd2-muted:#b6afbd;
  /* Portal-Fenster: einzige Quelle für die Deckkraft aller Hauptflächen. */
  --hd-portal-window-bg:rgba(8,10,18,var(--hd-portal-window-alpha));
  --hd-portal-window-bg-soft:rgba(10,13,22,var(--hd-portal-window-alpha));
  --hd-portal-inner-bg:rgba(8,10,18,.18);
  --hd-forum-glass:var(--hd-portal-window-alpha);
  --hd-forum-glass-soft:var(--hd-portal-window-bg-soft);
  --hd-forum-glass-inner:var(--hd-portal-inner-bg);
--dev-border:#2a2d38;
  --dev-line:#232631;
  --dev-text:#f4f1f5;
  --dev-muted:#8f8995;
  --dev-pink:#5baaea;
  --dev-pink-border:#476781;
}
body{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  display:flex;
  width:100%;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:8px 12px!important;
  overflow:auto!important;
  min-height:100vh;
  font-size:16px!important;
  line-height:1.5!important;
  letter-spacing:.005em;
  background:linear-gradient(180deg,rgba(3,7,13,.18),rgba(3,7,13,.28)),url("/hexdeck/beta/player/assets/hexdeck-epic-forum-bg.png") center top/cover fixed no-repeat!important;
  color:var(--hd-text);
}
main.panel{
  --hd-main-title-band:44px;
  border-radius:0!important;
  min-height:100vh!important;
  margin:0 auto!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  width:min(1920px,100%)!important;
  padding:0 24px 24px!important;
  background:transparent!important;
}
/* ================================================================
   02 · GEMEINSAME PORTAL-KOMPONENTEN
   ================================================================ */
*{box-sizing:border-box}
h1{
  margin:0;
  text-align:center;
  font-size:clamp(2rem,5vw,3rem);
  letter-spacing:.08em;
  color:#f7d77a;
  text-shadow:
    0 2px 0 #6d3a08,
    0 0 18px rgba(235,186,82,.28);
}
.hd-kicker{
  
  font:800 .68rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.2em;
}
.hd-feature-copy small,.hd-pack-card>small{
  color:#738fa6;font:800 .64rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.15em
}
.hd-feature-copy h3,.hd-pack-card h3{
  margin:5px 0 8px;color:#e7f4ff;font-size:1.15rem;letter-spacing:.06em
}
.hd-feature-copy p,.hd-pack-card p{
  color:#a998b5;font:400 .84rem/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.hd-pack-card{
  min-height:320px;display:flex;flex-direction:column;padding:20px;
  border:1px solid rgba(80,126,164,.42);border-radius:18px;
  background:linear-gradient(180deg,rgba(17,27,35,.80),rgba(8,11,14,.80));
  box-shadow:inset 0 0 28px rgba(39,88,128,.08)
}
.hd-pack-card h3{text-align:center;font-size:1.25rem}
.hd-pack-card>small{text-align:center}
.hd-pack-card p{flex:1;text-align:center}
.hd-pack-premium{border-color:rgba(90,147,194,.6)}
.hd-pack-legendary{border-color:rgba(225,179,75,.55)}
.hd-portal-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:22px;
  padding:10px 2px 0;
  color:#5f5368;
  font:800 .56rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.13em;
}
[data-player-value].is-loading{opacity:.45}
.hd-mini-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(80,126,164,.38);
  border-radius:11px;
  background:var(--hd-portal-window-bg)!important;
  aspect-ratio:3/4;
  box-shadow:0 6px 16px rgba(0,0,0,.2);
}
.hd-mini-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hd-mini-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(4,6,8,.80) 100%);
  pointer-events:none;
}
.hd-mini-card-meta{
  position:absolute;
  z-index:2;
  left:7px;
  right:7px;
  bottom:6px;
  min-width:0;
}
.hd-mini-card-stars{
  color:#f3cf68;
  font:800 .62rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.03em;
  text-shadow:0 1px 3px #000;
}
.hd-mini-card-name{
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font:800 .66rem/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-shadow:0 1px 3px #000;
  text-transform:capitalize;
}
.hd-mini-card-id{
  position:absolute;
  z-index:2;
  top:6px;
  right:6px;
  padding:3px 5px;
  border-radius:6px;
  background:rgba(4,6,8,.78);
  color:#a7b8c5;
  font:800 .54rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.hd-mini-card.is-five{
  border-color:rgba(245,203,93,.75);
  box-shadow:0 0 16px rgba(232,183,70,.18);
}
.hd-mini-card.is-four{border-color:rgba(89,161,220,.7)}
.hd-char-dashboard{height:100%;display:flex;flex-direction:column;min-height:0}
.hd-char-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.hd-char-head h2{margin:2px 0 0;color:#f0ce6d;font-size:1.35rem;letter-spacing:.07em}
.hd-char-summary{display:flex;gap:6px}
.hd-char-summary span{border:1px solid rgba(80,126,164,.3);border-radius:8px;background:var(--hd-portal-inner-bg);color:#776982;font:800 .52rem/1 system-ui,sans-serif;letter-spacing:.08em;}
.hd-char-summary b{margin-left:5px;color:#cddae4}
.hd-char-summary i{font-style:normal}
.hd-char-columns{display:grid;grid-template-columns:1.25fr .9fr 1fr;gap:8px;flex:1;min-height:0}
.hd-char-panel{display:flex;flex-direction:column;min-height:0;padding:10px;border:1px solid rgba(80,126,164,.38);border-radius:12px;background:var(--hd-portal-window-bg)!important;}
.hd-char-panel>header{display:flex;align-items:center;gap:8px;padding-bottom:7px;border-bottom:1px solid rgba(80,126,164,.2)}
.hd-char-panel>header>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(229,192,91,.32);border-radius:50%;color:#e8c55e}
.hd-char-panel>header>div{flex:1}
.hd-char-panel>header small{display:block;color:#786883;font:800 .5rem/1 system-ui,sans-serif;letter-spacing:.12em}
.hd-char-panel>header strong{display:block;margin-top:3px;color:#dbe3ea;font:800 .72rem/1 system-ui,sans-serif;letter-spacing:.07em}
.hd-data-sync-pill{padding:7px 9px;border:1px solid rgba(88,184,116,.3);border-radius:999px;background:rgba(24,72,39,.28);color:#8cdea4;font:800 .52rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-char-summary span{
  padding:8px 11px;
  font-size:.62rem;
  line-height:1.05;
}
.hd-char-summary b{
  font-size:.66rem;
}
.hd-char-panel>header small{
  font-size:.58rem;
}
.hd-char-panel>header strong{
  font-size:.78rem;
}
.hd-data-sync-pill{
  font-size:.6rem;
}
.hd-filter-group{
  margin-top:9px;
}
.hd-filter-group>small{
  display:block;
  margin-bottom:5px;
  color:#6e6075;
  font:800 .48rem/1 system-ui,sans-serif;
  letter-spacing:.08em;
}
.hd-star-filter{
  display:grid;
  gap:3px;
}
.hd-own-filter{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
}
.hd-filter-count{
  margin-top:auto;
  padding:8px;
  border:1px solid rgba(80,126,164,.18);
  border-radius:7px;
  text-align:center;
}
.hd-filter-count small{
  display:block;
  color:#77677f;
  font:800 .47rem/1 system-ui,sans-serif;
}
.hd-filter-count strong{
  display:block;
  margin-top:4px;
  color:#efcb69;
  font:900 .8rem/1 system-ui,sans-serif;
}
.hd-detail-empty{
  display:grid;
  place-items:center;
  align-content:center;
  height:100%;
  text-align:center;
  color:#75667c;
}
.hd-detail-empty>span{
  color:#e2bc56;
  font-size:1.5rem;
}
.hd-detail-empty strong{
  margin-top:6px;
  color:#a8b8c5;
  font:800 .62rem/1 system-ui,sans-serif;
}
.hd-detail-empty small{
  max-width:170px;
  margin-top:5px;
  font:400 .55rem/1.3 system-ui,sans-serif;
}.hd-detail-card-image{
  margin:0 auto 8px;
  overflow:hidden;
  border:1px solid rgba(233,196,93,.44);
  border-radius:8px;
  background:rgba(7,12,16,.80);
}.hd-detail-card-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.hd-detail-title{
  text-align:center;
}
.hd-detail-title small{
  display:block;
  color:#efca60;
  font-size:.62rem;
}
.hd-detail-title strong{
  display:block;
  margin-top:3px;
  color:#e8eef2;
  font:900 .76rem/1.1 system-ui,sans-serif;
}
.hd-detail-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin-top:8px;
}
.hd-detail-stat{
  padding:6px;
  border:1px solid rgba(80,126,164,.18);
  border-radius:6px;
  background:rgba(6,9,11,.46);
}
.hd-detail-stat small{
  display:block;
  color:#706279;
  font:800 .44rem/1 system-ui,sans-serif;
}
.hd-detail-stat strong{
  display:block;
  margin-top:3px;
  color:#cad6df;
  font:800 .58rem/1 system-ui,sans-serif;
}
.hd-detail-note{
  margin-top:7px;
  padding:6px;
  border-top:1px solid rgba(80,126,164,.15);
  color:#817488;
  font:400 .52rem/1.25 system-ui,sans-serif;
}
.hd-mini-card{
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
.hd-mini-card:hover,
.hd-mini-card.is-selected{
  transform:translateY(-2px);
  border-color:rgba(239,203,104,.82);
  box-shadow:0 0 14px rgba(225,174,64,.16);
}
.hd-mini-card.is-weapon img{padding:3px}
.hd-detail-card-image.is-weapon img{padding:5px}
.hd-secret-card{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:
    radial-gradient(circle at 50% 38%,rgba(80,126,164,.12),transparent 40%),
    linear-gradient(180deg,rgba(18,25,30,.80),rgba(8,11,13,.80));
}
.hd-secret-card span{
  color:#716478;
  font:900 clamp(2.2rem,4vw,4.2rem)/1 Georgia,serif;
  text-shadow:0 0 18px rgba(80,126,164,.14);
}
.hd-secret-card strong{
  color:#8f8196;
  font:900 .58rem/1 system-ui,sans-serif;
  letter-spacing:.08em;
}
.hd-detail-values{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(80,126,164,.22);
}
.hd-detail-values>strong{
  display:block;
  margin-bottom:6px;
  color:#9e8ba8;
  text-align:center;
  font:900 .52rem/1 system-ui,sans-serif;
  letter-spacing:.06em;
}
.hd-char-panel[data-char-page]{cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.hd-char-panel[data-char-page]:hover{transform:translateY(-2px);border-color:rgba(229,192,91,.52);box-shadow:0 10px 28px rgba(0,0,0,.2)}
.hd-char-panel>header .hd-char-open-detail{min-width:92px}
.hd-char-detail-page{height:100%;min-height:0;flex-direction:column;}
.hd-char-dashboard.is-detail-hidden{display:none}
.hd-char-detail-head{margin-bottom:9px;padding-bottom:9px;}
.hd-char-detail-title{flex:1;min-width:0}
.hd-char-detail-title small{display:block;font:800 .55rem/1 system-ui,sans-serif;}
.hd-char-detail-title h2{letter-spacing:.07em;}
.hd-char-detail-summary{flex-wrap:wrap;justify-content:flex-end;}
.hd-char-detail-summary span{font:800 .54rem/1 system-ui,sans-serif;letter-spacing:.07em;}
.hd-char-detail-summary b{margin-left:5px;color:#d8e4ed}
.hd-char-detail-scroll{flex:1;min-height:0;overflow:auto;padding-right:5px;scrollbar-color:#406f95 #10181e;scrollbar-width:thin}
.hd-char-detail-scroll::-webkit-scrollbar{width:8px}
.hd-char-detail-scroll::-webkit-scrollbar-track{background:var(--hd-portal-inner-bg);border-radius:9px}
.hd-char-detail-scroll::-webkit-scrollbar-thumb{background:#406f95;border-radius:9px}
.hd-character-buy-btn{width:100%;min-height:32px;margin-top:9px;border:1px solid rgba(78,184,111,.42);border-radius:8px;background:rgba(24,78,43,.24);color:#8be4a4;font:900 .56rem/1 system-ui,sans-serif;cursor:pointer}
.hd-character-buy-btn:hover:not(:disabled){border-color:rgba(101,222,137,.72);background:rgba(31,100,55,.32)}
.hd-character-buy-btn:disabled{opacity:.48;cursor:not-allowed}
.hd-kicker{
  color:#8ab1d1;
}
.hd-portal-footer{
  opacity:.78;
}

.hd-recent-online-badge{
  justify-self:end;
}
.hd-public-pane[hidden]{display:none!important}
.hd-public-stat{
  padding:12px;border:1px solid rgba(77,125,165,.28);border-radius:9px;background:rgba(255,255,255,.025);
}
.hd-public-stat small{display:block;color:#7e7087;font-size:.52rem;font-weight:900}
.hd-public-stat strong{display:block;margin-top:5px;color:#f1cf68;font-size:1rem}
.hd-public-section-title{margin:0 0 10px;color:#eac65e;font-size:.82rem;letter-spacing:.06em}
.hd-public-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}
.hd-public-card{
  min-height:150px;overflow:hidden;border:1px solid rgba(74,121,159,.30);border-radius:9px;background:rgba(9,13,16,.80);
}
.hd-public-card img{width:100%;height:112px;display:block;object-fit:cover;background:rgba(7,10,12,.80)}
.hd-public-card div{padding:7px 8px}
.hd-public-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce5ed;font-size:.62rem}
.hd-public-card small{color:#806f88;font-size:.52rem}
.hd-public-empty{padding:28px;text-align:center;color:#81748a;font-size:.68rem}

.hd-public-stat-detail{min-height:58px!important;padding:9px!important}
.hd-public-stat-detail small{font-size:.48rem!important}
.hd-public-stat-detail strong{margin-top:6px!important;font-size:.92rem!important}
.hd-kicker,.hd-page-kicker{
  color:var(--hd-pink)!important;
  font-family:var(--hd-font)!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.hd-char-detail-page{
  display:none;
  background:transparent!important;
  color:var(--dev-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-char-detail-page.is-active{display:block!important}
.hd-char-detail-head{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:70px!important;
  padding:8px 0 12px!important;
  border-bottom:1px solid var(--dev-line)!important;
  background:var(--hd-portal-window-bg)!important;
}
.hd-char-detail-title small{
  color:var(--dev-pink)!important;
  
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.hd-char-detail-title h2{
  margin:5px 0 0!important;
  color:#fff!important;
  
  line-height:1!important;
  font-weight:950!important;
  text-shadow:none!important;
}
.hd-char-detail-summary{
  display:flex!important;
  gap:7px!important;
}
.hd-char-detail-summary span{
  padding:8px 10px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:999px!important;
  background:var(--hd-portal-window-bg)!important;
  color:#9993a0!important;
  
  font-weight:900!important;
}
.hd-char-detail-summary b,.hd-char-detail-summary i{
  color:#fff!important;
  font-style:normal!important;
}
.hd-char-detail-title small{
  font-size:.63rem!important;
}
.hd-char-detail-title h2{
  font-size:1.48rem!important;
}
.hd-char-detail-summary span{
  font-size:.56rem!important;
}

/* ================================================================
   03 · ÜBERSICHT
   ================================================================ */
.hd-home-info-card,.hd-home-commands{
  min-height:0;
  padding:11px;
  border:1px solid rgba(80,126,164,.36);
  border-radius:12px;
  
}
.hd-home-info-card>header{
  display:flex;
  align-items:center;
  gap:8px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(80,126,164,.18);
}
.hd-home-info-card>header>span{
  width:31px;height:31px;
  display:grid;place-items:center;
  border:1px solid rgba(230,193,94,.35);
  border-radius:50%;
  color:#e9c65f;
  font-weight:900;
}
.hd-home-info-card header small{
  display:block;
  color:#776882;
  font:800 .53rem/1 system-ui,sans-serif;
  letter-spacing:.1em;
}
.hd-home-info-card header strong{
  display:block;
  margin-top:3px;
  color:#d9e3eb;
  font:800 .72rem/1 system-ui,sans-serif;
  letter-spacing:.06em;
}
.hd-home-info-card>p{
  margin:0;
  color:#a99ab3;
  text-align:center;
  font:400 .72rem/1.35 system-ui,sans-serif;
}
.hd-home-info-card>p b{color:#f0d27a}
.hd-home-info-card,.hd-home-commands{
  border-color:var(--hd-panel-edge);
  background:
    linear-gradient(180deg,rgba(15,25,33,.80),rgba(7,11,14,.80));
}
.hd-join-copy{
  min-width:105px;
  padding:0 14px;
  border:1px solid rgba(113,174,223,.35);
  border-radius:10px;
  background:rgba(113,174,223,.08);
  color:#e7eff6;
  font-weight:800;
  cursor:pointer;
}
.hd-join-copy:hover{
  border-color:rgba(113,174,223,.62);
  background:rgba(113,174,223,.14);
}
.hd-join-copy-btn{
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(80,126,164,.34);
  border-radius:6px;
  background:rgba(80,126,164,.08);
  color:#aab9c6;
  font:800 .52rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.hd-join-copy-btn:hover{
  border-color:rgba(104,161,207,.58);
  color:#e3ecf3;
  background:rgba(80,126,164,.14);
}
.hd-section[data-panel="overview"]{min-height:calc(100vh - 62px)!important}
.hd2-overview{padding:0 12px 18px;color:var(--hd2-text);font-family:Inter,Segoe UI,Arial,sans-serif}
.hd2-hero{position:relative;display:grid;margin-bottom:18px;overflow:hidden;}
.hd2-hero-copy{position:relative;z-index:2;}
.hd2-kicker{color:#5eb0f3;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.hd2-hero h1{margin:10px 0 13px;color:#fff;line-height:1.05;font-weight:950;letter-spacing:-.035em;}
.hd2-hero p{margin:0;color:#ddd7e0;line-height:1.6;}
.hd2-hero-tags{display:flex;gap:10px;}
.hd2-hero-tags span{border:1px solid #5f5873;border-radius:999px;font-size:.66rem;font-weight:850;}
.hd2-hero-tags span:first-child{border-color:#44a2ee;color:#8ac6f7}
.hd2-hero-art.is-missing{background:radial-gradient(circle at 60% 45%,rgba(67,159,235,.20),transparent 35%),linear-gradient(135deg,rgba(11,12,22,.80),rgba(9,9,18,.80))}
.hd2-hero-art.is-missing:after{content:"BILD: assets/hexdeck-overview-hero.png";position:absolute;inset:0;display:grid;place-items:center;color:#6f6577;font-size:.72rem;letter-spacing:.08em}
.hd2-connected{position:absolute;z-index:5;padding:8px 13px;border:1px solid #4a4459;border-radius:999px;background:rgba(7,8,15,.78);font-size:.64rem;font-weight:900;}
.hd2-connected i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#50df7a;box-shadow:0 0 8px #50df7a}
.hd2-guide-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:16px;margin-bottom:16px}
.hd2-card{border:1px solid var(--hd2-border);border-radius:10px;background:var(--hd-portal-window-bg)}
.hd2-guide-card{padding:0 16px 16px}
.hd2-guide-card>header{display:flex;align-items:center;gap:14px;height:70px;border-bottom:1px solid #222333}
.hd2-step{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:rgba(18,17,29,.80);color:var(--hd2-yellow);font-weight:950}
.hd2-guide-card header small{display:block;color:#5baaea;font-size:.60rem;font-weight:900;margin-bottom:3px}
.hd2-guide-card header strong{font-size:1rem;color:#fff}
.hd2-join-box{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:20px;min-height:142px;margin-top:16px;padding:18px 32px;border:1px solid #28283a;border-radius:8px;background:rgba(8,9,17,.80)}
.hd2-iconbox{display:grid;place-items:center;width:64px;height:64px;border-radius:9px;background:rgba(16,33,47,.80);color:#4ca6f0;font-size:1.8rem}
.hd2-join-command small{display:block;color:#a9a1ae;font-size:.60rem;font-weight:850}
.hd2-join-command code{display:block;margin-top:3px;color:var(--hd2-yellow);font:950 1.8rem/1 Inter,Segoe UI,sans-serif}
.hd2-join-box .hd-join-copy-btn{height:46px;padding:0 22px;border:1px solid #429ce5;border-radius:7px;background:rgba(16,22,27,.80);color:#fff;font-size:.65rem;font-weight:900}
.hd2-join-text{margin:14px 32px;color:#ddd7df;font-size:.76rem;line-height:1.5}
.hd2-warning{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px 13px;border:1px solid #795600;border-radius:7px;background:linear-gradient(90deg,rgba(23,17,8,.80),rgba(16,13,13,.80))}
.hd2-warning>span{color:#ffd23d}
.hd2-warning b{display:block;color:#ffd43e;font-size:.63rem}
.hd2-warning small{color:#d0c6ce;font-size:.58rem}
.hd2-warning strong{color:#f0ce65}
.hd2-active-list{display:grid;gap:6px;padding-top:16px}
.hd2-active-list article{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:14px;min-height:78px;padding:10px 14px;border:1px solid #28283a;border-radius:8px;background:rgba(8,9,17,.80)}
.hd2-active-list article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:7px;background:rgba(16,32,46,.80);color:#4ca6f0;font-size:.92rem;font-weight:900}
.hd2-active-list b{display:block;color:#fff;font-size:.86rem;margin-bottom:5px}
.hd2-active-list small{color:#b8b0bc;font-size:.66rem}
.hd2-chat-help{padding:0 16px 16px;margin-bottom:14px}
.hd2-chat-help>header{display:flex;align-items:center;justify-content:space-between;height:68px}
.hd2-chat-help>header strong{display:block;margin-top:3px;color:#fff;font-size:1rem}
.hd2-chat-badge{padding:10px 16px;border:1px solid #2a6fa8;border-radius:7px;color:#79baf0;font-size:.65rem;font-weight:900}
.hd2-command-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hd2-command-grid article{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:12px;min-height:100px;padding:12px;border:1px solid #28283a;border-radius:8px;background:rgba(8,9,17,.80)}
.hd2-command-grid i{display:grid;place-items:center;width:44px;height:44px;border-radius:7px;background:rgba(16,32,46,.80);color:#4ca6f0;font-style:normal}
.hd2-command-grid code{display:block;color:var(--hd2-yellow);font:900 .78rem Inter,Segoe UI,sans-serif;margin-bottom:5px}
.hd2-command-grid span{color:#d1cbd4;font-size:.64rem;line-height:1.35}
.hd2-bottom-note{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;min-height:66px;padding:10px 14px;border:1px solid #28283a;border-radius:8px;background:rgba(10,11,20,.80)}
.hd2-bottom-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:rgba(44,33,9,.80);color:#ffd13d}
.hd2-bottom-note p{margin:0;color:#bdb5c0;font-size:.63rem;line-height:1.5}
.hd2-hero{
  
  min-height:225px!important;
  max-height:225px!important;
}
.hd2-hero-copy{
  padding:32px 8px 26px 20px!important;
}
.hd2-hero h1{
  font-size:2rem!important;
}
.hd2-hero p{
  font-size:.78rem!important;
}
.hd2-hero-tags{
  margin-top:18px!important;
}
.hd2-hero-tags span{
  padding:7px 13px!important;
}
.hd2-hero-art{
  height:225px!important;
  min-height:225px!important;
}
.hd2-connected{
  top:16px!important;
  right:20px!important;
}
.hd2-overview{
  padding-left:0!important;
  padding-right:0!important;
}
.hd2-hero{
  grid-template-columns:44% 56%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.hd2-hero-copy{
  padding-left:0!important;
  padding-right:30px!important;
}
.hd2-hero h1,
.hd2-hero p,
.hd2-hero .hd2-kicker,
.hd2-hero-tags{
  margin-left:0!important;
}
.hd2-hero-art{
  position:relative!important;
  overflow:hidden!important;
  background:rgba(8,9,17,.80)!important;
}
.hd2-hero-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 55%!important;

  
  -webkit-mask-image:linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,.08) 7%,
    rgba(0,0,0,.28) 14%,
    rgba(0,0,0,.62) 24%,
    #000 38%,
    #000 100%
  )!important;
  mask-image:linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,.08) 7%,
    rgba(0,0,0,.28) 14%,
    rgba(0,0,0,.62) 24%,
    #000 38%,
    #000 100%
  )!important;
}
.hd2-hero-art:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    rgba(8,9,17,.80) 0%,
    rgba(8,9,17,.80) 8%,
    rgba(8,9,17,.68) 17%,
    rgba(8,9,17,.32) 27%,
    rgba(8,9,17,.08) 38%,
    transparent 50%
  )!important;
}
.hd2-hero-art img{
  position:relative!important;
  z-index:1!important;
}
.hd2-hero-copy{
  background:rgba(8,9,17,.80)!important;
}
.hd2-hero{
  background:rgba(8,9,17,.80)!important;
}
.hd2-bottom-note{
  margin-top:12px!important;
}
.hd2-hero-copy{
  text-align:left!important;
}
.hd2-hero-copy .hd2-kicker,
.hd2-hero-copy h1,
.hd2-hero-copy p,
.hd2-hero-copy .hd2-hero-tags{
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
  justify-content:flex-start!important;
}
.hd2-hero-copy h1{
  display:block!important;
  transform:none!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.hd-section[data-panel="overview"] .hd2-step,
.hd-section[data-panel="overview"] .hd2-join-command code,
.hd-section[data-panel="overview"] .hd2-warning>span,
.hd-section[data-panel="overview"] .hd2-warning b,
.hd-section[data-panel="overview"] .hd2-warning strong,
.hd-section[data-panel="overview"] .hd2-command-grid code,
.hd-section[data-panel="overview"] .hd2-bottom-note>span{
  color:#fff!important;
}

/* ================================================================
   04 · PROFIL · ERFOLGE · TITEL · BONI
   ================================================================ */
.hd-profile-player-card,.hd-profile-progress-card,.hd-profile-feature-card,.hd-achievements-page{border:1px solid rgba(99,149,190,.35);background:var(--hd-portal-window-bg);box-shadow:inset 0 0 30px rgba(48,104,150,.045)}

.hd-profile-progress-card>h3,.hd-profile-feature-card h3,.hd-achievements-page h2{margin:0 0 8px;color:#efca64;font-size:.78rem;letter-spacing:.06em}
.hd-profile-feature-card .hd-kicker{font-size:.45rem}
.hd-open-achievements{width:100%;margin-top:7px;min-height:28px;font-size:.52rem}
.hd-achievements-page{height:100%;padding:12px;border-radius:12px}
.hd-achievements-page .hd-section-head p{max-width:720px;color:#8c7d95;font-size:.62rem}
.hd-achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.hd-achievement-grid article{display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;min-height:92px;padding:10px;border:1px solid rgba(78,108,132,.32);border-radius:10px;background:rgba(7,11,14,.64)}
.hd-achievement-grid article.is-unlocked{border-color:rgba(211,163,55,.55);box-shadow:inset 0 0 20px rgba(191,132,34,.06)}
.hd-achievement-grid article>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(82,116,143,.5);border-radius:50%;color:#786683;font-style:normal;font-size:1rem}
.hd-achievement-grid article.is-unlocked>i{border-color:#d2a43b;color:#edc85d}
.hd-achievement-grid small{color:#7d6b87;font-size:.45rem}
.hd-achievement-grid h3{margin:3px 0;color:#c7d5e1;font-size:.66rem}
.hd-achievement-grid p{margin:0;color:#7f7187;font-size:.51rem}
.hd-achievement-grid article>b{padding:5px 7px;border-radius:999px;background:rgba(16,22,27,.80);color:#74657d;font-size:.44rem}
.hd-achievement-grid article.is-unlocked>b{color:#e8c45b;background:rgba(83,57,21,.35)}
.hd-achievements-full{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.hd-achievements-full-head{justify-content:space-between;padding-bottom:10px;border-bottom:1px solid rgba(80,126,164,.22);}
.hd-achievements-full-head h2{margin:2px 0 4px;font-size:1.25rem}
.hd-achievements-full-head p{margin:0;max-width:820px;color:#8e7e98;}
.hd-achievement-summary{min-width:120px;padding:8px 13px;border:1px solid rgba(214,165,57,.4);border-radius:9px;text-align:center;background:rgba(48,32,13,.18)}
.hd-achievement-summary small,.hd-achievement-summary strong{display:block}
.hd-achievement-summary small{color:#8d7a95;}
.hd-achievement-summary strong{margin-top:4px;color:#edc85f;}
.hd-achievement-filters{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:10px 0}
.hd-achievement-filters button{min-height:32px;border:1px solid rgba(80,126,164,.32);border-radius:8px;background:rgba(13,19,24,.80);color:#91809c;font:800 .54rem/1 system-ui,sans-serif;cursor:pointer}
.hd-achievement-filters button.is-active{border-color:#dfb448;color:#2c1908;background:linear-gradient(180deg,#f0d16e,#d79d2d)}
.hd-achievement-grid-full{overflow:auto;padding-right:5px;align-content:start;}
.hd-achievement-grid-full article[hidden]{display:none!important}
.hd-achievement-grid-full article:not(.is-unlocked){opacity:.58;filter:saturate(.55)}
.hd-achievement-grid-full article:not(.is-unlocked)>i{filter:grayscale(1)}
.hd-achievement-grid-full article.is-unlocked:after{position:absolute;}
.hd-achievement-grid-full article{position:relative}
.hd-achievements-full-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.hd-achievements-title{min-width:0}
.hd-achievements-back{
  min-height:32px;
  padding:6px 11px;
  border:1px solid rgba(80,126,164,.36);
  border-radius:8px;
  background:rgba(13,19,24,.80);
  color:#a8b7c4;
  font:800 .54rem/1 system-ui,sans-serif;
}
.hd-achievements-back:hover{
  transform:none!important;
  border-color:rgba(224,180,77,.48);
  color:#efcf6d;
}

.hd-public-profile-modal{
  position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:24px;
  background:rgba(3,5,7,.72);backdrop-filter:blur(5px);
}
.hd-public-profile-modal[hidden]{display:none!important}
.hd-public-profile-shell{
  width:min(1180px,94vw);height:min(760px,88vh);display:flex;flex-direction:column;overflow:hidden;
  border:1px solid rgba(94,149,194,.52);border-radius:16px;
  background:linear-gradient(180deg,rgba(14,26,36,.80),rgba(6,9,12,.80));
  box-shadow:0 24px 90px rgba(0,0,0,.75),0 0 35px rgba(52,109,156,.16);
}
.hd-public-profile-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px 18px;border-bottom:1px solid rgba(87,139,181,.28);
}
.hd-public-profile-id{display:flex;align-items:center;gap:13px;min-width:0}
.hd-public-profile-avatar{
  width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border:2px solid #d5a83d;
  border-radius:50%;background:rgba(11,20,27,.80);color:#f1cf68;font:900 1.35rem/1 Georgia,serif;
  box-shadow:0 0 18px rgba(213,168,61,.20);
}
.hd-public-profile-id small{display:block;color:#8c7896;font-size:.58rem;font-weight:900;letter-spacing:.09em}
.hd-public-profile-id h2{margin:2px 0 1px;color:#e5edf4;font-size:1.25rem}
.hd-public-profile-id span{color:#8e7c96;font-size:.65rem}
.hd-public-profile-close{
  width:36px;height:36px;border:1px solid rgba(87,139,181,.38);border-radius:8px;
  background:rgba(255,255,255,.03);color:#d9e3ec;font-size:1.1rem;cursor:pointer;
}
.hd-public-profile-tabs{display:flex;gap:5px;padding:8px 14px;border-bottom:1px solid rgba(87,139,181,.20)}
.hd-public-profile-tabs button{
  padding:7px 11px;border:1px solid rgba(72,117,154,.32);border-radius:7px;background:rgba(9,14,18,.80);
  color:#93839c;font:900 .60rem/1 system-ui,sans-serif;cursor:pointer;
}
.hd-public-profile-tabs button.is-active{border-color:#d4aa46;background:rgba(81,57,19,.25);color:#f1cf67}
.hd-public-profile-body{flex:1;min-height:0;overflow:auto;padding:14px 16px}
.hd-public-achievement{opacity:.42}
.hd-public-achievement.is-unlocked{opacity:1;border-color:rgba(85,206,126,.46);background:rgba(28,78,49,.16)}
.hd-public-achievement b{display:block;color:#dde5ec;font-size:.64rem}
.hd-public-achievement.is-unlocked b{color:#8fe2aa}
.hd-public-profile-loading{display:grid;place-items:center;height:100%;color:#a18baa;font-size:.75rem;font-weight:800}

.hd-open-frame-vault{width:100%;min-height:34px;margin-top:8px;font-size:.56rem}

.hd-achievement-grid-full small{
  
  letter-spacing:.045em;
}
.hd-achievement-grid-full article>b{
  
  
  line-height:1.05;
}
.hd-achievement-grid-full article.is-unlocked:after{
  font-size:.48rem!important;
}
.hd-achievements-full-head p{
  font-size:.67rem;
  line-height:1.4;
}
.hd-achievement-summary small{font-size:.52rem}
.hd-achievement-summary strong{font-size:1rem}
.hd-achievement-filters button{font-size:.60rem}
.hd-achievement-grid-full{grid-template-columns:repeat(4,minmax(0,1fr));}
.hd-achievement-reward{display:block;color:#e7be56;font:900 .58rem/1.25 system-ui,sans-serif;letter-spacing:.035em;font-style:normal;}

.hd-achievement-grid-full{
  gap:7px!important;
}
.hd-achievement-grid-full article{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  min-height:82px!important;
  padding:8px 9px!important;
  gap:8px!important;
}
.hd-achievement-grid-full article>i{
  width:36px!important;
  height:36px!important;
  font-size:1rem!important;
}
.hd-achievement-grid-full small{
  font-size:.51rem!important;
}
.hd-achievement-grid-full h3{
  margin:2px 0 3px!important;
  font-size:.76rem!important;
  line-height:1.08!important;
}
.hd-achievement-grid-full p{
  font-size:.58rem!important;
  line-height:1.22!important;
}
.hd-achievement-reward{
  margin-top:4px!important;
  font-size:.53rem!important;
  line-height:1.15!important;
}
.hd-achievement-grid-full article>b{
  padding:5px 7px!important;
  font-size:.48rem!important;
  white-space:nowrap;
}
.hd-achievement-grid-full article.is-unlocked{
  border-color:rgba(72,199,116,.72)!important;
  background:
    linear-gradient(180deg,rgba(44,145,79,.10),rgba(7,11,14,.72))!important;
  box-shadow:
    inset 0 0 18px rgba(50,190,96,.075),
    0 0 0 1px rgba(59,190,101,.05)!important;
  opacity:1!important;
  filter:none!important;
}
.hd-achievement-grid-full article.is-unlocked:after{
  content:"ABGESCHLOSSEN"!important;
  top:6px!important;
  right:8px!important;
  padding:3px 6px;
  border:1px solid rgba(74,210,119,.38);
  border-radius:999px;
  background:rgba(30,116,60,.18);
  color:#62df8b!important;
  font:900 .44rem/1 system-ui,sans-serif!important;
  letter-spacing:.045em;
}
.hd-achievement-grid-full article.is-unlocked>i{
  border-color:rgba(74,210,119,.7)!important;
  color:#6ce594!important;
  background:rgba(42,151,78,.10)!important;
}
.hd-achievement-grid-full article.is-unlocked .hd-achievement-reward{
  color:#79e39b!important;
}
.hd-achievement-grid-full article.is-unlocked>b{
  color:#7ce29d!important;
  background:rgba(39,132,70,.20)!important;
  border:1px solid rgba(72,199,116,.22);
}
.hd-bonus-vault-grid{
  display:grid;
  
  
  margin-top:14px;
}
.hd-bonus-detail-card{
  display:grid;
  
  
  align-items:center;
  
  
  border:1px solid rgba(77,110,137,.28);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(15,25,34,.78),rgba(6,10,13,.74));
}
.hd-bonus-detail-card>i{
  display:grid;
  place-items:center;
  
  
  border:1px solid rgba(225,185,84,.42);
  border-radius:10px;
  color:#e8c65f;
  font-style:normal;
  
}
.hd-bonus-detail-card h3{
  margin:0 0 4px;
  color:#dce5ec;
  
}
.hd-bonus-detail-card p{
  margin:0;
  
  
  
}
.hd-bonus-detail-card>b{
  color:#f0cc65;
  
  white-space:nowrap;
}
.hd-bonus-detail-card.is-zero{
  opacity:.62;
}
.hd-bonus-detail-card:not(.is-zero){
  border-color:rgba(88,214,141,.48);
  background:linear-gradient(180deg,rgba(19,52,37,.44),rgba(9,18,13,.76));
  box-shadow:inset 0 0 16px rgba(88,214,141,.06);
}
.hd-bonus-detail-card:not(.is-zero)>i{
  border-color:rgba(88,214,141,.52);
  color:#79dfa1;
}
.hd-bonus-detail-card:not(.is-zero)>b{
  color:#79dfa1;
}
.hd-bonus-vault-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.hd-bonus-detail-card{
  min-height:70px!important;
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
}
.hd-bonus-detail-card>i{
  width:36px!important;
  height:36px!important;
  font-size:.94rem!important;
}
.hd-bonus-detail-card h3{
  font-size:.74rem!important;
  line-height:1.1!important;
}
.hd-bonus-detail-card p{
  font-size:.58rem!important;
  line-height:1.25!important;
  color:#a294aa!important;
}
.hd-bonus-detail-card>b{
  font-size:.76rem!important;
}

.hdp2-frame-vault-page{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.hd-frame-vault-summary{
  min-width:190px;
  padding:10px 12px;
  border:1px solid rgba(95,181,230,.30);
  border-radius:9px;
  background:rgba(12,24,32,.80);
  text-align:right;
}
.hd-frame-vault-summary small,.hd-frame-vault-summary strong{display:block}
.hd-frame-vault-summary small{color:#7898af;font:900 .48rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-frame-vault-summary strong{margin-top:5px;color:#8fd6ff;font:900 .60rem/1.1 system-ui,sans-serif;letter-spacing:.04em}
.hdp2-frame-vault-page .hd-achievement-frame-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.hdp2-frame-vault-page .hd-frame-vault-group{
  grid-column:1 / -1;
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-top:10px;
  padding:9px 2px 5px;
  border-bottom:1px solid rgba(95,181,230,.22);
}
.hdp2-frame-vault-page .hd-frame-vault-group:first-child{margin-top:0}
.hdp2-frame-vault-page .hd-frame-vault-group strong{color:#8fd6ff;font:900 .72rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hdp2-frame-vault-page .hd-frame-vault-group small{color:#7898af;font:700 .52rem/1 system-ui,sans-serif}
.hdp2-frame-vault-page .hd-achievement-frame-choice{
  cursor:default;
  min-height:86px;
  padding:9px 92px 9px 8px;
  position:relative;
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:8px;
  align-content:center;
}
.hdp2-frame-vault-page .hd-achievement-frame-preview{
  grid-column:1;
  grid-row:1 / 3;
  width:54px;
  height:64px;
  margin:0;
  padding:0;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice>b{
  grid-column:2;
  grid-row:1;
  margin:0;
  align-self:end;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice>small{
  grid-column:2;
  grid-row:2;
  margin:3px 0 0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice>em{display:none}
.hd-frame-card-actions{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  width:78px;
  display:grid;
  gap:5px;
  margin:0;
}
.hd-frame-card-actions button{
  width:78px;
  min-height:28px;
  padding:0 5px;
  border:1px solid rgba(94,190,240,.30);
  border-radius:6px;
  background:#0a1822;
  color:#a9dfff;
  font:800 .49rem/1 system-ui,sans-serif;
  letter-spacing:.01em;
  white-space:normal;
  cursor:pointer;
}
.hd-frame-card-actions .hd-frame-action-btn{border-color:rgba(239,185,74,.42);color:#ffd47a;background:#21190b}
.hd-frame-card-actions button:disabled{opacity:.5;cursor:default}
@media (max-width:1380px){
 .hdp2-frame-vault-page .hd-achievement-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
 .hdp2-frame-vault-page .hd-achievement-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
 .hdp2-frame-vault-page .hd-achievement-frame-grid{grid-template-columns:1fr}
}
.hd-frame-preview-popover[hidden]{display:none}
.hd-frame-preview-popover{
  position:fixed!important;
  z-index:10040;
  max-width:calc(100vw - 16px);
  max-height:calc(100vh - 16px);
  width:222px;
  height:246px;
  padding:8px;
  border:1px solid rgba(92,198,255,.30);
  border-radius:10px;
  background:#08141c;
  box-shadow:0 12px 34px rgba(0,0,0,.58);
  display:grid;
  place-items:center;
}
.hd-frame-preview-close{
  position:absolute;
  right:3px;
  top:3px;
  z-index:30;
  width:23px;
  height:23px;
  border:0;
  border-radius:50%;
  background:rgba(4,12,18,.78);
  color:#91b5c7;
  font-size:17px;
  line-height:23px;
  cursor:pointer;
}
.hd-frame-preview-popover .hd-frame-preview-large{
  width:162px;
  height:192px;
  margin:0;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:12px;
  row-gap:4px;
  min-width:0;
  min-height:86px;
  padding:11px 12px;
  border:1px solid rgba(75,106,132,.30);
  border-radius:10px;
  background:rgba(8,12,17,.80);
  color:#8997a3;
  text-align:left;
  cursor:not-allowed;
  opacity:.48;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice .hd-achievement-frame-preview{
  grid-column:1;
  grid-row:1 / span 2;
  width:52px;
  height:62px;
  margin:0;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice>b{
  grid-column:2;
  grid-row:1;
  align-self:end;
  color:#d9e5ef;
  font:900 .78rem/1.15 system-ui,sans-serif;
  letter-spacing:.04em;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice>small{
  grid-column:2;
  grid-row:2;
  align-self:start;
  color:#887b8d;
  font:700 .62rem/1.25 system-ui,sans-serif;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice>em{
  grid-column:3;
  grid-row:1 / span 2;
  min-width:74px;
  padding:7px 8px;
  border:1px solid rgba(84,126,158,.26);
  border-radius:7px;
  background:rgba(14,20,26,.72);
  color:#6f8090;
  font:900 .55rem/1 system-ui,sans-serif;
  font-style:normal;
  text-align:center;
  letter-spacing:.04em;
}
.hdp2-frame-vault-page .hd-achievement-frame-choice.is-unlocked{cursor:pointer;opacity:1}
.hdp2-frame-vault-page .hd-achievement-frame-choice.is-unlocked>em{color:#78c9f2;border-color:rgba(91,172,222,.40)}
.hdp2-frame-vault-page .hd-achievement-frame-choice.is-active{
  border-color:rgba(110,205,255,.72);
  background:linear-gradient(135deg,rgba(15,34,48,.86),rgba(8,14,20,.86));
  box-shadow:inset 0 0 18px rgba(72,151,208,.12),0 0 12px rgba(72,151,208,.10);
}
.hdp2-frame-vault-page .hd-achievement-frame-choice.is-active>em{color:#a9ecff;border-color:rgba(110,205,255,.58);background:rgba(28,74,102,.28)}
.hd-achievement-frame-preview,.hd-admin-frame-avatar,.hdp2-avatar{
  --hd-frame-a:#4b9bdd;
  --hd-frame-b:#d8aa44;
  --hd-frame-c:rgba(83,162,220,.26);
  position:relative;
  isolation:isolate;
  clip-path:polygon(50% 0,94% 20%,94% 78%,50% 100%,6% 78%,6% 20%);
  background:linear-gradient(145deg,var(--hd-frame-a),var(--hd-frame-b));
  filter:drop-shadow(0 0 8px var(--hd-frame-c));
}
.hd-achievement-frame-preview{width:52px;height:61px;margin:0 auto;padding:3px;display:grid;place-items:center}
.hd-achievement-frame-preview>i{width:100%;height:100%;display:grid;place-items:center;clip-path:inherit;background:rgba(11,18,24,.96);color:#a9c9df;font:900 1.05rem/1 Georgia,serif;font-style:normal}
/* =========================================================
   PROFIL · MODERNE HAUPTANSICHT
   ========================================================= */
.hd-section[data-panel="profile"]{padding-top:0!important}
.hdp2-modern{
  --p2-blue:#25a7ff;--p2-blue-soft:#67c5ff;--p2-purple:#9e4cff;
  --p2-gold:#ffd33d;--p2-green:#48d27a;--p2-red:#ff684f;
  display:block;width:100%
}
.hdp2-modern .hdp2-card{
  border:1px solid rgba(54,100,145,.58);border-radius:12px;
  background:linear-gradient(135deg,rgba(10,25,42,.86),rgba(7,10,19,.82) 56%,rgba(14,10,28,.78));
  box-shadow:inset 0 0 34px rgba(32,130,205,.035),0 10px 30px rgba(0,0,0,.10);
  overflow:hidden
}
/* PROFIL · HERO WIE ÜBERSICHT */
.hdp2-hero{
  display:grid;
  grid-template-columns:34% 66%;
  align-items:stretch;
  min-height:176px;
  max-height:176px;
  padding:0;
  overflow:hidden;
  background:rgba(6,12,22,.94);
}

.hdp2-hero-copy{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  min-width:0;
  padding:16px 0 16px 24px;
  background:rgba(6,12,22,.94);
}

.hdp2-hero-person{
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  align-items:center;
  gap:18px;
  width:100%;
  min-width:0;
}.hdp2-hero-art{
position:relative;
  min-width:0;
  height:176px;
  overflow:hidden;
  border:0;
  outline:0;
  box-shadow:none;
  background:transparent;
}.hdp2-hero-art img{
position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right center;
  border:0;
  outline:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;

  -webkit-mask-image:linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,.02) 8%,
    rgba(0,0,0,.06) 16%,
    rgba(0,0,0,.14) 24%,
    rgba(0,0,0,.28) 32%,
    rgba(0,0,0,.46) 40%,
    rgba(0,0,0,.66) 48%,
    rgba(0,0,0,.82) 56%,
    rgba(0,0,0,.94) 64%,
    #000 72%,
    #000 100%
  );
  mask-image:linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,.02) 8%,
    rgba(0,0,0,.06) 16%,
    rgba(0,0,0,.14) 24%,
    rgba(0,0,0,.28) 32%,
    rgba(0,0,0,.46) 40%,
    rgba(0,0,0,.66) 48%,
    rgba(0,0,0,.82) 56%,
    rgba(0,0,0,.94) 64%,
    #000 72%,
    #000 100%
  );
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}.hdp2-hero-art::before{
content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border:0;
  box-shadow:none;
  background:linear-gradient(
    90deg,
    rgba(6,12,22,.98) 0%,
    rgba(6,12,22,.94) 12%,
    rgba(6,12,22,.84) 24%,
    rgba(6,12,22,.68) 36%,
    rgba(6,12,22,.48) 48%,
    rgba(6,12,22,.28) 60%,
    rgba(6,12,22,.12) 70%,
    rgba(6,12,22,.04) 78%,
    transparent 86%
  );
}




.hdp2-avatar{
width:108px;
  height:128px;
  padding:4px;
  box-sizing:border-box;
  clip-path:polygon(50% 0,94% 20%,94% 78%,50% 100%,6% 78%,6% 20%);
  background:linear-gradient(145deg,var(--hd-frame-a,#4b9bdd),var(--hd-frame-b,#d8aa44));
  filter:drop-shadow(0 0 10px var(--hd-frame-c,rgba(83,162,220,.30)));
}

.hdp2-avatar img,.hdp2-avatar>span{
  width:100%;height:100%;display:grid;place-items:center;object-fit:cover;clip-path:inherit;
  background:var(--hd-portal-inner-bg);font-size:3rem
}.hdp2-identity{
min-width:0
  position:relative;
  z-index:2;
}

.hdp2-identity .hdp2-kicker{display:block;margin-bottom:8px;color:var(--p2-blue-soft);font-size:.58rem;line-height:1;font-weight:900;letter-spacing:.12em}
.hdp2-identity h2{margin:0;overflow:hidden;color:#fff;font-size:1.75rem;line-height:1;font-weight:950;letter-spacing:.015em;white-space:nowrap;text-overflow:ellipsis}
.hdp2-active-title{display:inline-flex;align-items:center;min-height:24px;margin:10px 0 8px;padding:4px 9px;border:1px solid rgba(255,211,61,.62);border-radius:999px;color:var(--p2-gold);font-size:.58rem;line-height:1;font-weight:900}
.hdp2-active-title[hidden]{display:none!important}.hdp2-hero-title-slot{
display:flex;
  align-items:center;
  gap:8px;
  width:auto;
  margin-top:9px;
  color:#67c5ff;
  line-height:1;
}


.hdp2-hero-title-slot .hdp2-hero-title-symbol{
  display:inline-block;
  color:#67c5ff;
  font-size:.72rem;
  line-height:1;
}.hdp2-hero-title-slot>b{
color:#67c5ff;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
}

.hdp2-hero-profile-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:210px!important;
  min-height:36px!important;
  margin-top:13px!important;
  padding:0 18px!important;
  border:1px solid rgba(37,167,255,.78)!important;
  border-radius:8px!important;
  background:rgba(6,31,48,.76)!important;
  color:#78caff!important;
  box-shadow:0 0 12px rgba(37,167,255,.08)!important;
  font-size:.56rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.hdp2-hero-profile-action:hover{
  border-color:#67c5ff!important;
  background:rgba(9,48,73,.88)!important;
}

/* Ressourcen */
.hdp2-topstats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.hdp2-topstats article{
display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:116px;
  padding:13px 16px;
  box-sizing:border-box;
  border:1px solid rgba(44,121,177,.58);
  border-radius:11px;
  background:
    radial-gradient(circle at 90% 50%,rgba(36,108,165,.10),transparent 34%),
    rgba(6,14,25,.76);
}.hdp2-topstats>article>i{
display:grid;
  place-items:center;
  width:62px;
  height:62px;
  margin:0;
  border:1px solid rgba(38,166,255,.52);
  border-radius:18px;
  background:rgba(7,62,96,.48);
  color:#61c7ff;
  font-size:1.5rem;
  font-style:normal;
}.hdp2-topstats article.is-gold>i{
border-color:rgba(255,211,61,.72);
  background:rgba(88,66,6,.48);
  color:#ffd33d;
}
.hdp2-topstats article.is-marks>i{
border-color:rgba(235,84,84,.68);
  background:rgba(82,20,25,.48);
  color:#ff6666;
}
.hdp2-topstats article.is-cards>i{
border-color:rgba(76,190,255,.68);
  background:rgba(8,67,103,.48);
  color:#61c7ff;
}

.hdp2-topstats article.is-packs>i{
border-color:rgba(158,76,255,.68);
  background:rgba(60,23,91,.48);
  color:#b55cff;
}

.hdp2-topstats article>div{min-width:0}
.hdp2-topstats small{
  display:flex;
  align-items:center;
  height:14px;
  margin:0;
  color:#c5cfe0;
  font-size:.66rem;
  line-height:14px;
  font-weight:900;
  letter-spacing:.03em;
}
.hdp2-topstats strong{
  display:flex;
  align-items:center;
  height:30px;
  margin:0;
  color:#fff;
  font-size:1.6rem;
  line-height:30px;
  font-weight:950;
  white-space:nowrap;
}
.hdp2-topstats article>div>span{
  display:flex;
  align-items:center;
  min-height:18px;
  margin:0;
  overflow:hidden;
  color:#9ba8b9;
  font-size:.72rem;
  line-height:18px;
  font-weight:700;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Fortschritt und Kampf */
.hdp2-midgrid{display:grid;grid-template-columns:1fr 1.12fr;gap:12px;margin-top:12px}
.hdp2-progress,.hdp2-combat{padding:14px}
.hdp2-progress>header,.hdp2-combat>header{display:flex;align-items:center;gap:10px;min-height:34px;padding-bottom:9px}
.hdp2-progress>header>span,.hdp2-combat>header>span{color:var(--p2-blue);font-size:1.05rem}
.hdp2-progress h3,.hdp2-combat h3{margin:0;color:#fff;font-size:.96rem;line-height:1;font-weight:950}.hdp2-progressrow{
display:grid;
  grid-template-columns:30px 72px 34px minmax(180px,1fr) 72px 92px;
  align-items:center;
  gap:10px;
  min-height:56px;
  margin-top:7px;
  padding:8px 10px;
  box-sizing:border-box;
  border:1px solid rgba(60,91,125,.50);
  border-radius:8px;
  background:rgba(5,12,21,.65);
}.hdp2-progressbar{
display:block;
  width:100%;
  max-width:none;
  height:7px;
  overflow:hidden;
  border:1px solid rgba(58,108,151,.36);
  border-radius:99px;
  background:rgba(3,8,14,.72);
  font-style:normal;
}

.hdp2-progressbar>b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#1598ef,#39b9ff);
}
.hdp2-progressrow.is-pvp .hdp2-progressbar>b{
  background:linear-gradient(90deg,#7f3cff,#c05aff);
}
.hdp2-progressrow.prestige .hdp2-progressbar>b{
  background:linear-gradient(90deg,#ffc52f,#ffe26c);
}.hdp2-progressvalue{
color:#aab4c0;
  font-size:.60rem;
  text-align:right;
  white-space:nowrap;
}.hdp2-progressrank{
justify-self:end;
  color:#67c5ff;
  font-size:.62rem;
  line-height:1;
  font-weight:900;
  text-align:right;
  white-space:nowrap;
}

.hdp2-progressrow.is-pvp .hdp2-progressrank{color:#c173ff}
.hdp2-progressrow.prestige .hdp2-progressrank{color:#ffd95a}


.hdp2-progressrow>i{display:grid;place-items:center;color:var(--p2-blue);font-style:normal;font-size:.82rem}
.hdp2-progressrow.is-pvp>i{color:#b15bff}.hdp2-progressrow.prestige>i{color:var(--p2-gold)}

/* Prestige: gelben Rang explizit in dieselbe letzte Grid-Spalte
   wie HEXMEISTER / KÄMPFER setzen. */
.hdp2-progressrow.prestige .hdp2-progressrank{
  grid-column:6;
  justify-self:end;
  text-align:right;
  white-space:nowrap;
}

.hdp2-progressrow>small{color:#c6ced9;font-size:.66rem;font-weight:850;white-space:nowrap}
.hdp2-progressrow>strong{color:#fff;font-size:1.18rem;line-height:1;font-weight:950}
.hdp2-combatgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}
.hdp2-combatgrid article{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:62px;padding:8px 10px;box-sizing:border-box;border:1px solid rgba(60,91,125,.50);border-radius:8px;background:rgba(5,12,21,.65)}
.hdp2-combatgrid i{display:grid;place-items:center;color:var(--p2-blue);font-style:normal;font-size:.92rem}
.hdp2-combatgrid small{display:block;color:#abb6c5;font-size:.62rem;line-height:1.15;font-weight:800}
.hdp2-combatgrid strong{display:block;margin-top:5px;color:#fff;font-size:1.20rem;line-height:1;font-weight:950}

/* Vier Profilmodule */
.hdp2-profile-quads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:10px;margin-top:12px}
.hdp2-profile-quads>.hdp2-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:300px;height:100%;padding:12px 14px;box-sizing:border-box}
.hdp2-profile-quads>.is-achievements{border-color:rgba(45,187,144,.62);background:linear-gradient(180deg,rgba(5,47,39,.62),rgba(5,16,22,.82))}
.hdp2-profile-quads>.is-titles{border-color:rgba(144,72,228,.64);background:linear-gradient(180deg,rgba(45,17,70,.62),rgba(8,12,22,.82))}
.hdp2-profile-quads>.is-bonuses{border-color:rgba(213,79,61,.62);background:linear-gradient(180deg,rgba(63,20,16,.58),rgba(10,13,20,.82))}
.hdp2-profile-quads>.is-frames{border-color:rgba(35,139,210,.68);background:linear-gradient(180deg,rgba(8,37,61,.66),rgba(7,12,21,.82))}
.hdp2-profile-quads>.hdp2-card>header{display:flex;align-items:center;gap:10px;min-height:45px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid rgba(80,126,164,.26)}
.hdp2-profile-quads>.hdp2-card>header>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(73,151,215,.45);border-radius:8px;color:var(--p2-blue)}
.hdp2-profile-quads>.is-achievements>header>span{color:#55e5bc;border-color:rgba(63,204,163,.5)}.hdp2-profile-quads>.is-titles>header>span{color:#b86cff;border-color:rgba(161,84,235,.5)}.hdp2-profile-quads>.is-bonuses>header>span{color:#ff755e;border-color:rgba(225,84,64,.5)}
.hdp2-profile-quads header small{display:block;margin-bottom:4px;color:#9c9aaa;font-size:.58rem;line-height:1.05;font-weight:850;letter-spacing:.06em}
.hdp2-profile-quads h3{margin:0;color:#fff;font-size:.94rem;line-height:1}
.hdp2-achievement-preview-list,.hdp2-title-preview,.hdp2-frame-preview{display:grid;gap:7px}
.hdp2-profile-info-row,.hdp2-title-preview .hd-title-choice{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;height:54px;min-height:54px;max-height:54px;padding:7px 8px;box-sizing:border-box;border:1px solid rgba(72,111,148,.36);border-radius:8px;background:rgba(4,10,18,.48)}
.hdp2-profile-info-row>i,.hdp2-title-preview .hd-title-choice>i{display:grid;place-items:center;width:28px;height:28px;margin:0;border:1px solid rgba(45,153,222,.48);border-radius:50%;color:var(--p2-blue);font-style:normal;font-size:.66rem}
.hdp2-profile-info-row small,.hdp2-title-preview .hd-title-choice small{display:block;color:#848f9d;font-size:.54rem;font-weight:850}
.hdp2-profile-info-row b,.hdp2-title-preview .hd-title-choice b{display:block;margin-top:3px;overflow:hidden;color:#fff;font-size:.70rem;white-space:nowrap;text-overflow:ellipsis}
.hdp2-title-preview .hd-title-choice em{display:none}
.hdp2-title-preview .hd-title-choice.is-active{border-color:rgba(76,166,240,.66);background:rgba(17,56,88,.25)}
.hdp2-bonus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.hdp2-bonus-grid article{height:54px;min-height:54px;max-height:54px;padding:7px 8px;box-sizing:border-box;border:1px solid rgba(120,72,72,.46);border-radius:7px;background:rgba(19,8,10,.42)}
.hdp2-bonus-grid small{display:block;color:#9b9297;font-size:.54rem;font-weight:850}.hdp2-bonus-grid strong{display:block;margin-top:5px;color:#fff;font-size:.84rem}
.hdp2-frame-preview .hd-profile-frame-choice{width:100%;height:54px;min-height:54px;max-height:54px;text-align:left;font-size:.62rem;box-sizing:border-box}.hdp2-frame-preview .hd-profile-frame-mini{width:30px;height:34px;margin:0;padding:2px}.hdp2-frame-preview .hd-profile-frame-mini>i{font-size:.72rem}
.hdp2-profile-quads>.hdp2-card>button{width:100%;min-height:36px;margin-top:auto;border:1px solid rgba(49,159,229,.72);border-radius:7px;background:rgba(5,20,31,.68);color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.025em}
.hdp2-profile-quads>.is-achievements>button{border-color:rgba(55,209,165,.68);color:#74e4c2}.hdp2-profile-quads>.is-titles>button{border-color:rgba(159,83,235,.68);color:#cc91ff}.hdp2-profile-quads>.is-bonuses>button{border-color:rgba(225,83,62,.68);color:#ff8a77}
.hdp2-profile-footer{display:flex;justify-content:space-between;gap:20px;margin-top:10px;padding:0 3px 2px;color:#6f8196;font-size:.45rem;line-height:1;letter-spacing:.12em}

/* Responsive bleibt beim Profilblock */
@media(max-width:1250px){
  .hdp2-profile-quads{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .hdp2-topstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hdp2-midgrid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .hdp2-identity h2{font-size:1.25rem}
  .hdp2-combatgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hdp2-profile-footer{flex-direction:column;gap:6px}
}




/* Eigenes WebP-Rahmensystem:
   Der innere H-Platzhalter darf niemals mehr einen alten CSS-Rahmen zeichnen. */
.hd-achievement-frame-preview[data-profile-frame]>i{
  background:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  clip-path:none !important;
  transform:none !important;
}
.hd-achievement-frame-preview[data-profile-frame]>i::before,
.hd-achievement-frame-preview[data-profile-frame]>i::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}


/* Gold-Kaufrahmen: gesperrt, aber kaufbar. */
.hd-achievement-frame-choice.is-purchasable{
  cursor:pointer;
  border-color:rgba(226,174,47,.56);
}
.hd-achievement-frame-choice.is-purchasable em{
  color:#ffd95f;
}
.hd-achievement-frame-choice.is-purchasable:hover{
  border-color:rgba(255,210,83,.92);
  box-shadow:0 0 16px rgba(217,158,36,.20);
}

/* PROFILRAHMEN: nur noch eigene WebP-Dateien.
   Alle alten CSS-Rahmendesigns und Orbit-Animationen wurden entfernt.
   Dateien nach beta/player/assets/profile-frames/ hochladen. */
.hdp2-avatar[data-profile-frame],
.hd-admin-frame-avatar[data-profile-frame],
.hd-achievement-frame-preview[data-profile-frame]{
  position:relative;
  isolation:isolate;
  overflow:visible;
  clip-path:none;
  background:transparent;
  box-shadow:none;
  filter:none;
}

/* Nur Avatar/Inhalt bleibt im Hex ausgeschnitten.
   Das eigentliche WebP-Rahmenbild darf über die blaue Vorlagenlinie hinausreichen. */
.hdp2-avatar[data-profile-frame] img,
.hdp2-avatar[data-profile-frame]>span,
.hd-admin-frame-avatar[data-profile-frame]>i,
.hd-achievement-frame-preview[data-profile-frame]>i{
  clip-path:polygon(50% 0,94% 20%,94% 78%,50% 100%,6% 78%,6% 20%);
}
.hdp2-avatar[data-profile-frame]::after,
.hd-admin-frame-avatar[data-profile-frame]::after,
.hd-achievement-frame-preview[data-profile-frame]::after{
  content:none;
}
.hdp2-avatar[data-profile-frame]::before,
.hd-admin-frame-avatar[data-profile-frame]::before,
.hd-achievement-frame-preview[data-profile-frame]::before{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  overflow:visible;
  pointer-events:none;
  background-image:var(--hd-custom-frame-image,none);
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
}
.hdp2-avatar[data-profile-frame="adventurer"],.hd-admin-frame-avatar[data-profile-frame="adventurer"],.hd-achievement-frame-preview[data-profile-frame="adventurer"],.hd-frame-preview-large[data-profile-frame="adventurer"]{--hd-custom-frame-image:url("profile-frames/STANDARD.webp");}
.hdp2-avatar[data-profile-frame="ranked-10-siege"],.hd-admin-frame-avatar[data-profile-frame="ranked-10-siege"],.hd-achievement-frame-preview[data-profile-frame="ranked-10-siege"],.hd-frame-preview-large[data-profile-frame="ranked-10-siege"]{--hd-custom-frame-image:url("profile-frames/RANKED-10-SIEGE.webp");}
.hdp2-avatar[data-profile-frame="ranked-50-siege"],.hd-admin-frame-avatar[data-profile-frame="ranked-50-siege"],.hd-achievement-frame-preview[data-profile-frame="ranked-50-siege"],.hd-frame-preview-large[data-profile-frame="ranked-50-siege"]{--hd-custom-frame-image:url("profile-frames/RANKED-50-SIEGE.webp");}
.hdp2-avatar[data-profile-frame="ranked-100-siege"],.hd-admin-frame-avatar[data-profile-frame="ranked-100-siege"],.hd-achievement-frame-preview[data-profile-frame="ranked-100-siege"],.hd-frame-preview-large[data-profile-frame="ranked-100-siege"]{--hd-custom-frame-image:url("profile-frames/RANKED-100-SIEGE.webp");}
.hdp2-avatar[data-profile-frame="ranked-1100-elo"],.hd-admin-frame-avatar[data-profile-frame="ranked-1100-elo"],.hd-achievement-frame-preview[data-profile-frame="ranked-1100-elo"],.hd-frame-preview-large[data-profile-frame="ranked-1100-elo"]{--hd-custom-frame-image:url("profile-frames/RANKED-1100-ELO.webp");}
.hdp2-avatar[data-profile-frame="ranked-1250-elo"],.hd-admin-frame-avatar[data-profile-frame="ranked-1250-elo"],.hd-achievement-frame-preview[data-profile-frame="ranked-1250-elo"],.hd-frame-preview-large[data-profile-frame="ranked-1250-elo"]{--hd-custom-frame-image:url("profile-frames/RANKED-1250-ELO.webp");}
.hdp2-avatar[data-profile-frame="ranked-1400-elo"],.hd-admin-frame-avatar[data-profile-frame="ranked-1400-elo"],.hd-achievement-frame-preview[data-profile-frame="ranked-1400-elo"],.hd-frame-preview-large[data-profile-frame="ranked-1400-elo"]{--hd-custom-frame-image:url("profile-frames/RANKED-1400-ELO.webp");}
.hdp2-avatar[data-profile-frame="crimson-relic"],.hd-admin-frame-avatar[data-profile-frame="crimson-relic"],.hd-achievement-frame-preview[data-profile-frame="crimson-relic"],.hd-frame-preview-large[data-profile-frame="crimson-relic"]{--hd-custom-frame-image:url("profile-frames/KARMESIN-RELIKT.webp");}
.hdp2-avatar[data-profile-frame="azure-sentinel"],.hd-admin-frame-avatar[data-profile-frame="azure-sentinel"],.hd-achievement-frame-preview[data-profile-frame="azure-sentinel"],.hd-frame-preview-large[data-profile-frame="azure-sentinel"]{--hd-custom-frame-image:url("profile-frames/AZUR-WAECHTER.webp");}
.hdp2-avatar[data-profile-frame="solar-forge"],.hd-admin-frame-avatar[data-profile-frame="solar-forge"],.hd-achievement-frame-preview[data-profile-frame="solar-forge"],.hd-frame-preview-large[data-profile-frame="solar-forge"]{--hd-custom-frame-image:url("profile-frames/SOLARSCHMIEDE.webp");}
.hdp2-avatar[data-profile-frame="violet-arcana"],.hd-admin-frame-avatar[data-profile-frame="violet-arcana"],.hd-achievement-frame-preview[data-profile-frame="violet-arcana"],.hd-frame-preview-large[data-profile-frame="violet-arcana"]{--hd-custom-frame-image:url("profile-frames/VIOLETTES-ARKANUM.webp");}
.hdp2-avatar[data-profile-frame="ember-crown"],.hd-admin-frame-avatar[data-profile-frame="ember-crown"],.hd-achievement-frame-preview[data-profile-frame="ember-crown"],.hd-frame-preview-large[data-profile-frame="ember-crown"]{--hd-custom-frame-image:url("profile-frames/GLUTKRONE.webp");}
.hdp2-avatar[data-profile-frame="frost-core"],.hd-admin-frame-avatar[data-profile-frame="frost-core"],.hd-achievement-frame-preview[data-profile-frame="frost-core"],.hd-frame-preview-large[data-profile-frame="frost-core"]{--hd-custom-frame-image:url("profile-frames/FROSTKERN.webp");}
.hdp2-avatar[data-profile-frame="emerald-rune"],.hd-admin-frame-avatar[data-profile-frame="emerald-rune"],.hd-achievement-frame-preview[data-profile-frame="emerald-rune"],.hd-frame-preview-large[data-profile-frame="emerald-rune"]{--hd-custom-frame-image:url("profile-frames/SMARAGD-RUNE.webp");}
.hdp2-avatar[data-profile-frame="rose-nebula"],.hd-admin-frame-avatar[data-profile-frame="rose-nebula"],.hd-achievement-frame-preview[data-profile-frame="rose-nebula"],.hd-frame-preview-large[data-profile-frame="rose-nebula"]{--hd-custom-frame-image:url("profile-frames/ROSENNEBEL.webp");}
.hdp2-avatar[data-profile-frame="golden-aegis"],.hd-admin-frame-avatar[data-profile-frame="golden-aegis"],.hd-achievement-frame-preview[data-profile-frame="golden-aegis"],.hd-frame-preview-large[data-profile-frame="golden-aegis"]{--hd-custom-frame-image:url("profile-frames/GOLD-AEGIS.webp");}
.hdp2-avatar[data-profile-frame="spectral-ice"],.hd-admin-frame-avatar[data-profile-frame="spectral-ice"],.hd-achievement-frame-preview[data-profile-frame="spectral-ice"],.hd-frame-preview-large[data-profile-frame="spectral-ice"]{--hd-custom-frame-image:url("profile-frames/SPEKTRAL-EIS.webp");}
.hdp2-avatar[data-profile-frame="orbit-plasma"],.hd-admin-frame-avatar[data-profile-frame="orbit-plasma"],.hd-achievement-frame-preview[data-profile-frame="orbit-plasma"],.hd-frame-preview-large[data-profile-frame="orbit-plasma"]{--hd-custom-frame-image:url("profile-frames/PLASMA-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-inferno"],.hd-admin-frame-avatar[data-profile-frame="orbit-inferno"],.hd-achievement-frame-preview[data-profile-frame="orbit-inferno"],.hd-frame-preview-large[data-profile-frame="orbit-inferno"]{--hd-custom-frame-image:url("profile-frames/INFERNO-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-void"],.hd-admin-frame-avatar[data-profile-frame="orbit-void"],.hd-achievement-frame-preview[data-profile-frame="orbit-void"],.hd-frame-preview-large[data-profile-frame="orbit-void"]{--hd-custom-frame-image:url("profile-frames/LEEREN-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-thunder"],.hd-admin-frame-avatar[data-profile-frame="orbit-thunder"],.hd-achievement-frame-preview[data-profile-frame="orbit-thunder"],.hd-frame-preview-large[data-profile-frame="orbit-thunder"]{--hd-custom-frame-image:url("profile-frames/STURM-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-aurora"],.hd-admin-frame-avatar[data-profile-frame="orbit-aurora"],.hd-achievement-frame-preview[data-profile-frame="orbit-aurora"],.hd-frame-preview-large[data-profile-frame="orbit-aurora"]{--hd-custom-frame-image:url("profile-frames/AURORA-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-cosmic"],.hd-admin-frame-avatar[data-profile-frame="orbit-cosmic"],.hd-achievement-frame-preview[data-profile-frame="orbit-cosmic"],.hd-frame-preview-large[data-profile-frame="orbit-cosmic"]{--hd-custom-frame-image:url("profile-frames/KOSMOS-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-prism"],.hd-admin-frame-avatar[data-profile-frame="orbit-prism"],.hd-achievement-frame-preview[data-profile-frame="orbit-prism"],.hd-frame-preview-large[data-profile-frame="orbit-prism"]{--hd-custom-frame-image:url("profile-frames/PRISMA-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-soul"],.hd-admin-frame-avatar[data-profile-frame="orbit-soul"],.hd-achievement-frame-preview[data-profile-frame="orbit-soul"],.hd-frame-preview-large[data-profile-frame="orbit-soul"]{--hd-custom-frame-image:url("profile-frames/SEELEN-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-royal"],.hd-admin-frame-avatar[data-profile-frame="orbit-royal"],.hd-achievement-frame-preview[data-profile-frame="orbit-royal"],.hd-frame-preview-large[data-profile-frame="orbit-royal"]{--hd-custom-frame-image:url("profile-frames/KOENIGS-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="orbit-celestial"],.hd-admin-frame-avatar[data-profile-frame="orbit-celestial"],.hd-achievement-frame-preview[data-profile-frame="orbit-celestial"],.hd-frame-preview-large[data-profile-frame="orbit-celestial"]{--hd-custom-frame-image:url("profile-frames/HIMMELS-ORBIT.webp");}
.hdp2-avatar[data-profile-frame="support-spark"],.hd-admin-frame-avatar[data-profile-frame="support-spark"],.hd-achievement-frame-preview[data-profile-frame="support-spark"],.hd-frame-preview-large[data-profile-frame="support-spark"]{--hd-custom-frame-image:url("profile-frames/SUPPORT-FUNKE.webp");}
.hdp2-avatar[data-profile-frame="support-legend"],.hd-admin-frame-avatar[data-profile-frame="support-legend"],.hd-achievement-frame-preview[data-profile-frame="support-legend"],.hd-frame-preview-large[data-profile-frame="support-legend"]{--hd-custom-frame-image:url("profile-frames/SUPPORT-LEGENDE.webp");}
.hdp2-avatar[data-profile-frame="support-gift"],.hd-admin-frame-avatar[data-profile-frame="support-gift"],.hd-achievement-frame-preview[data-profile-frame="support-gift"],.hd-frame-preview-large[data-profile-frame="support-gift"]{--hd-custom-frame-image:url("profile-frames/COMMUNITY-GLANZ.webp");}
.hdp2-avatar[data-profile-frame="support-patron"],.hd-admin-frame-avatar[data-profile-frame="support-patron"],.hd-achievement-frame-preview[data-profile-frame="support-patron"],.hd-frame-preview-large[data-profile-frame="support-patron"]{--hd-custom-frame-image:url("profile-frames/MAEZENEN-AURA.webp");}
.hdp2-avatar[data-profile-frame="support-tier2"],.hd-admin-frame-avatar[data-profile-frame="support-tier2"],.hd-achievement-frame-preview[data-profile-frame="support-tier2"],.hd-frame-preview-large[data-profile-frame="support-tier2"]{--hd-custom-frame-image:url("profile-frames/TIER-II-AURA.webp");}
.hdp2-avatar[data-profile-frame="support-tier3"],.hd-admin-frame-avatar[data-profile-frame="support-tier3"],.hd-achievement-frame-preview[data-profile-frame="support-tier3"],.hd-frame-preview-large[data-profile-frame="support-tier3"]{--hd-custom-frame-image:url("profile-frames/TIER-III-KRONE.webp");}
.hdp2-avatar[data-profile-frame="gold-shard"],.hd-admin-frame-avatar[data-profile-frame="gold-shard"],.hd-achievement-frame-preview[data-profile-frame="gold-shard"],.hd-frame-preview-large[data-profile-frame="gold-shard"]{--hd-custom-frame-image:url("profile-frames/GOLD-SPLITTER.webp");}
.hdp2-avatar[data-profile-frame="gold-relic"],.hd-admin-frame-avatar[data-profile-frame="gold-relic"],.hd-achievement-frame-preview[data-profile-frame="gold-relic"],.hd-frame-preview-large[data-profile-frame="gold-relic"]{--hd-custom-frame-image:url("profile-frames/GOLD-RELIKT.webp");}
.hdp2-avatar[data-profile-frame="gold-crown"],.hd-admin-frame-avatar[data-profile-frame="gold-crown"],.hd-achievement-frame-preview[data-profile-frame="gold-crown"],.hd-frame-preview-large[data-profile-frame="gold-crown"]{--hd-custom-frame-image:url("profile-frames/GOLD-KRONE.webp");}
.hdp2-avatar[data-profile-frame="stream-ultra"],.hd-admin-frame-avatar[data-profile-frame="stream-ultra"],.hd-achievement-frame-preview[data-profile-frame="stream-ultra"],.hd-frame-preview-large[data-profile-frame="stream-ultra"]{--hd-custom-frame-image:url("profile-frames/STREAM-ULTRA.webp");}
.hdp2-avatar[data-profile-frame="blutdiamant"],.hd-admin-frame-avatar[data-profile-frame="blutdiamant"],.hd-achievement-frame-preview[data-profile-frame="blutdiamant"],.hd-frame-preview-large[data-profile-frame="blutdiamant"]{--hd-custom-frame-image:url("profile-frames/BLUTDIAMANT.webp");}
.hdp2-avatar[data-profile-frame="feuerdrache"],.hd-admin-frame-avatar[data-profile-frame="feuerdrache"],.hd-achievement-frame-preview[data-profile-frame="feuerdrache"],.hd-frame-preview-large[data-profile-frame="feuerdrache"]{--hd-custom-frame-image:url("profile-frames/FEUERDRACHE.webp");}
.hdp2-avatar[data-profile-frame="glueck"],.hd-admin-frame-avatar[data-profile-frame="glueck"],.hd-achievement-frame-preview[data-profile-frame="glueck"],.hd-frame-preview-large[data-profile-frame="glueck"]{--hd-custom-frame-image:url("profile-frames/GLUECK.webp");}
.hdp2-avatar[data-profile-frame="deutschland"],.hd-admin-frame-avatar[data-profile-frame="deutschland"],.hd-achievement-frame-preview[data-profile-frame="deutschland"],.hd-frame-preview-large[data-profile-frame="deutschland"]{--hd-custom-frame-image:url("profile-frames/DEUTSCHLAND.webp");}
.hdp2-avatar[data-profile-frame="graffiti"],.hd-admin-frame-avatar[data-profile-frame="graffiti"],.hd-achievement-frame-preview[data-profile-frame="graffiti"],.hd-frame-preview-large[data-profile-frame="graffiti"]{--hd-custom-frame-image:url("profile-frames/GRAFFITI.webp");}
.hdp2-avatar[data-profile-frame="kobolt-rahmen"],.hd-admin-frame-avatar[data-profile-frame="kobolt-rahmen"],.hd-achievement-frame-preview[data-profile-frame="kobolt-rahmen"],.hd-frame-preview-large[data-profile-frame="kobolt-rahmen"]{--hd-custom-frame-image:url("profile-frames/KOBOLT-RAHMEN.webp");}
.hdp2-avatar[data-profile-frame="ostern"],.hd-admin-frame-avatar[data-profile-frame="ostern"],.hd-achievement-frame-preview[data-profile-frame="ostern"],.hd-frame-preview-large[data-profile-frame="ostern"]{--hd-custom-frame-image:url("profile-frames/OSTERN.webp");}
.hdp2-avatar[data-profile-frame="weihnachten"],.hd-admin-frame-avatar[data-profile-frame="weihnachten"],.hd-achievement-frame-preview[data-profile-frame="weihnachten"],.hd-frame-preview-large[data-profile-frame="weihnachten"]{--hd-custom-frame-image:url("profile-frames/WEIHNACHTEN.webp");}
.hdp2-avatar[data-profile-frame="neujahr"],.hd-admin-frame-avatar[data-profile-frame="neujahr"],.hd-achievement-frame-preview[data-profile-frame="neujahr"],.hd-frame-preview-large[data-profile-frame="neujahr"]{--hd-custom-frame-image:url("profile-frames/NEUJAHR.webp");}
.hdp2-avatar[data-profile-frame="valentinstag"],.hd-admin-frame-avatar[data-profile-frame="valentinstag"],.hd-achievement-frame-preview[data-profile-frame="valentinstag"],.hd-frame-preview-large[data-profile-frame="valentinstag"]{--hd-custom-frame-image:url("profile-frames/VALENTINSTAG.webp");}
.hdp2-avatar[data-profile-frame="halloween"],.hd-admin-frame-avatar[data-profile-frame="halloween"],.hd-achievement-frame-preview[data-profile-frame="halloween"],.hd-frame-preview-large[data-profile-frame="halloween"]{--hd-custom-frame-image:url("profile-frames/HALLOWEEN-1.webp");}
.hdp2-avatar[data-profile-frame="hexerei"],.hd-admin-frame-avatar[data-profile-frame="hexerei"],.hd-achievement-frame-preview[data-profile-frame="hexerei"],.hd-frame-preview-large[data-profile-frame="hexerei"]{--hd-custom-frame-image:url("profile-frames/HEXEREI.webp");}
.hdp2-avatar[data-profile-frame="italia"],.hd-admin-frame-avatar[data-profile-frame="italia"],.hd-achievement-frame-preview[data-profile-frame="italia"],.hd-frame-preview-large[data-profile-frame="italia"]{--hd-custom-frame-image:url("profile-frames/ITALIA.webp");}
.hdp2-avatar[data-profile-frame="krieger"],.hd-admin-frame-avatar[data-profile-frame="krieger"],.hd-achievement-frame-preview[data-profile-frame="krieger"],.hd-frame-preview-large[data-profile-frame="krieger"]{--hd-custom-frame-image:url("profile-frames/KRIEGER.webp");}
.hdp2-avatar[data-profile-frame="meteorschauer"],.hd-admin-frame-avatar[data-profile-frame="meteorschauer"],.hd-achievement-frame-preview[data-profile-frame="meteorschauer"],.hd-frame-preview-large[data-profile-frame="meteorschauer"]{--hd-custom-frame-image:url("profile-frames/METEORSCHAUER.webp");}
.hdp2-avatar[data-profile-frame="mmo"],.hd-admin-frame-avatar[data-profile-frame="mmo"],.hd-achievement-frame-preview[data-profile-frame="mmo"],.hd-frame-preview-large[data-profile-frame="mmo"]{--hd-custom-frame-image:url("profile-frames/MMO.webp");}
.hdp2-avatar[data-profile-frame="musik"],.hd-admin-frame-avatar[data-profile-frame="musik"],.hd-achievement-frame-preview[data-profile-frame="musik"],.hd-frame-preview-large[data-profile-frame="musik"]{--hd-custom-frame-image:url("profile-frames/MUSIK.webp");}
.hdp2-avatar[data-profile-frame="ninja"],.hd-admin-frame-avatar[data-profile-frame="ninja"],.hd-achievement-frame-preview[data-profile-frame="ninja"],.hd-frame-preview-large[data-profile-frame="ninja"]{--hd-custom-frame-image:url("profile-frames/NINJA.webp");}
.hdp2-avatar[data-profile-frame="schwaben"],.hd-admin-frame-avatar[data-profile-frame="schwaben"],.hd-achievement-frame-preview[data-profile-frame="schwaben"],.hd-frame-preview-large[data-profile-frame="schwaben"]{--hd-custom-frame-image:url("profile-frames/SCHWABEN.webp");}
.hdp2-avatar[data-profile-frame="shaolin"],.hd-admin-frame-avatar[data-profile-frame="shaolin"],.hd-achievement-frame-preview[data-profile-frame="shaolin"],.hd-frame-preview-large[data-profile-frame="shaolin"]{--hd-custom-frame-image:url("profile-frames/SHAOLIN.webp");}
.hdp2-avatar[data-profile-frame="smaragdschauer"],.hd-admin-frame-avatar[data-profile-frame="smaragdschauer"],.hd-achievement-frame-preview[data-profile-frame="smaragdschauer"],.hd-frame-preview-large[data-profile-frame="smaragdschauer"]{--hd-custom-frame-image:url("profile-frames/SMARAGDSCHAUER.webp");}
.hdp2-avatar[data-profile-frame="sternenmetall"],.hd-admin-frame-avatar[data-profile-frame="sternenmetall"],.hd-achievement-frame-preview[data-profile-frame="sternenmetall"],.hd-frame-preview-large[data-profile-frame="sternenmetall"]{--hd-custom-frame-image:url("profile-frames/STERNENMETALL.webp");}
.hdp2-avatar[data-profile-frame="twitch"],.hd-admin-frame-avatar[data-profile-frame="twitch"],.hd-achievement-frame-preview[data-profile-frame="twitch"],.hd-frame-preview-large[data-profile-frame="twitch"]{--hd-custom-frame-image:url("profile-frames/TWITCH.webp");}
.hdp2-avatar[data-profile-frame="viper"],.hd-admin-frame-avatar[data-profile-frame="viper"],.hd-achievement-frame-preview[data-profile-frame="viper"],.hd-frame-preview-large[data-profile-frame="viper"]{--hd-custom-frame-image:url("profile-frames/VIPER.webp");}
.hdp2-avatar[data-profile-frame="wow"],.hd-admin-frame-avatar[data-profile-frame="wow"],.hd-achievement-frame-preview[data-profile-frame="wow"],.hd-frame-preview-large[data-profile-frame="wow"]{--hd-custom-frame-image:url("profile-frames/WOW.webp");}
.hdp2-avatar[data-profile-frame="botox-barbie"],.hd-admin-frame-avatar[data-profile-frame="botox-barbie"],.hd-achievement-frame-preview[data-profile-frame="botox-barbie"],.hd-frame-preview-large[data-profile-frame="botox-barbie"]{--hd-custom-frame-image:url("profile-frames/BOTOX-BARBIE.webp");}
.hdp2-avatar[data-profile-frame="cs2"],.hd-admin-frame-avatar[data-profile-frame="cs2"],.hd-achievement-frame-preview[data-profile-frame="cs2"],.hd-frame-preview-large[data-profile-frame="cs2"]{--hd-custom-frame-image:url("profile-frames/CS2.webp");}
.hdp2-avatar[data-profile-frame="katana"],.hd-admin-frame-avatar[data-profile-frame="katana"],.hd-achievement-frame-preview[data-profile-frame="katana"],.hd-frame-preview-large[data-profile-frame="katana"]{--hd-custom-frame-image:url("profile-frames/KATANA.webp");}
.hdp2-avatar[data-profile-frame="mw4"],.hd-admin-frame-avatar[data-profile-frame="mw4"],.hd-achievement-frame-preview[data-profile-frame="mw4"],.hd-frame-preview-large[data-profile-frame="mw4"]{--hd-custom-frame-image:url("profile-frames/MW4.webp");}
.hdp2-avatar[data-profile-frame="zoo"],.hd-admin-frame-avatar[data-profile-frame="zoo"],.hd-achievement-frame-preview[data-profile-frame="zoo"],.hd-frame-preview-large[data-profile-frame="zoo"]{--hd-custom-frame-image:url("profile-frames/ZOO.webp");}
.hdp2-avatar[data-profile-frame="frechdachs"],.hd-admin-frame-avatar[data-profile-frame="frechdachs"],.hd-achievement-frame-preview[data-profile-frame="frechdachs"],.hd-frame-preview-large[data-profile-frame="frechdachs"]{--hd-custom-frame-image:url("profile-frames/FRECHDACHS.webp");}
.hdp2-avatar[data-profile-frame="90er-gaming"],.hd-admin-frame-avatar[data-profile-frame="90er-gaming"],.hd-achievement-frame-preview[data-profile-frame="90er-gaming"],.hd-frame-preview-large[data-profile-frame="90er-gaming"]{--hd-custom-frame-image:url("profile-frames/90ER-GAMING.webp");}
.hdp2-avatar[data-profile-frame="aion"],.hd-admin-frame-avatar[data-profile-frame="aion"],.hd-achievement-frame-preview[data-profile-frame="aion"],.hd-frame-preview-large[data-profile-frame="aion"]{--hd-custom-frame-image:url("profile-frames/AION.webp");}
.hdp2-avatar[data-profile-frame="arkan"],.hd-admin-frame-avatar[data-profile-frame="arkan"],.hd-achievement-frame-preview[data-profile-frame="arkan"],.hd-frame-preview-large[data-profile-frame="arkan"]{--hd-custom-frame-image:url("profile-frames/ARKAN.webp");}
.hdp2-avatar[data-profile-frame="bloodseeker"],.hd-admin-frame-avatar[data-profile-frame="bloodseeker"],.hd-achievement-frame-preview[data-profile-frame="bloodseeker"],.hd-frame-preview-large[data-profile-frame="bloodseeker"]{--hd-custom-frame-image:url("profile-frames/BLOODSEEKER.webp");}
.hdp2-avatar[data-profile-frame="dreamlight"],.hd-admin-frame-avatar[data-profile-frame="dreamlight"],.hd-achievement-frame-preview[data-profile-frame="dreamlight"],.hd-frame-preview-large[data-profile-frame="dreamlight"]{--hd-custom-frame-image:url("profile-frames/DREAMLIGHT.webp");}
.hdp2-avatar[data-profile-frame="giftgas"],.hd-admin-frame-avatar[data-profile-frame="giftgas"],.hd-achievement-frame-preview[data-profile-frame="giftgas"],.hd-frame-preview-large[data-profile-frame="giftgas"]{--hd-custom-frame-image:url("profile-frames/GIFTGAS.webp");}
.hdp2-avatar[data-profile-frame="mondnacht"],.hd-admin-frame-avatar[data-profile-frame="mondnacht"],.hd-achievement-frame-preview[data-profile-frame="mondnacht"],.hd-frame-preview-large[data-profile-frame="mondnacht"]{--hd-custom-frame-image:url("profile-frames/MONDNACHT.webp");}
.hdp2-avatar[data-profile-frame="resident-evil"],.hd-admin-frame-avatar[data-profile-frame="resident-evil"],.hd-achievement-frame-preview[data-profile-frame="resident-evil"],.hd-frame-preview-large[data-profile-frame="resident-evil"]{--hd-custom-frame-image:url("profile-frames/RESIDENT-EVIL.webp");}
.hdp2-avatar[data-profile-frame="weisser-loewe"],.hd-admin-frame-avatar[data-profile-frame="weisser-loewe"],.hd-achievement-frame-preview[data-profile-frame="weisser-loewe"],.hd-frame-preview-large[data-profile-frame="weisser-loewe"]{--hd-custom-frame-image:url("profile-frames/WEiSSER-LOEWE.webp");}
.hdp2-avatar[data-profile-frame="bit-rang1-oktober"],.hd-admin-frame-avatar[data-profile-frame="bit-rang1-oktober"],.hd-achievement-frame-preview[data-profile-frame="bit-rang1-oktober"],.hd-frame-preview-large[data-profile-frame="bit-rang1-oktober"]{--hd-custom-frame-image:url("profile-frames/BIT-RANG1-OKTOBER.webp");}
.hdp2-avatar[data-profile-frame="bit-rang2-oktober"],.hd-admin-frame-avatar[data-profile-frame="bit-rang2-oktober"],.hd-achievement-frame-preview[data-profile-frame="bit-rang2-oktober"],.hd-frame-preview-large[data-profile-frame="bit-rang2-oktober"]{--hd-custom-frame-image:url("profile-frames/BIT-RANG2-OKTOBER.webp");}
.hdp2-avatar[data-profile-frame="bit-rang3-oktober"],.hd-admin-frame-avatar[data-profile-frame="bit-rang3-oktober"],.hd-achievement-frame-preview[data-profile-frame="bit-rang3-oktober"],.hd-frame-preview-large[data-profile-frame="bit-rang3-oktober"]{--hd-custom-frame-image:url("profile-frames/BIT-RANG3-OKTOBER.webp");}
.hdp2-avatar[data-profile-frame="gift-rang1-oktober"],.hd-admin-frame-avatar[data-profile-frame="gift-rang1-oktober"],.hd-achievement-frame-preview[data-profile-frame="gift-rang1-oktober"],.hd-frame-preview-large[data-profile-frame="gift-rang1-oktober"]{--hd-custom-frame-image:url("profile-frames/GIFT-RANG1-OKTOBER.webp");}
.hdp2-avatar[data-profile-frame="gift-rang2-oktober"],.hd-admin-frame-avatar[data-profile-frame="gift-rang2-oktober"],.hd-achievement-frame-preview[data-profile-frame="gift-rang2-oktober"],.hd-frame-preview-large[data-profile-frame="gift-rang2-oktober"]{--hd-custom-frame-image:url("profile-frames/GIFT-RANG2-OKTOBER.webp");}
.hdp2-avatar[data-profile-frame="gift-rang3-oktober"],.hd-admin-frame-avatar[data-profile-frame="gift-rang3-oktober"],.hd-achievement-frame-preview[data-profile-frame="gift-rang3-oktober"],.hd-frame-preview-large[data-profile-frame="gift-rang3-oktober"]{--hd-custom-frame-image:url("profile-frames/GIFT-RANG3-OKTOBER.webp");}
.hdp2-avatar[data-profile-frame="gold-crown-shine-test"],.hd-admin-frame-avatar[data-profile-frame="gold-crown-shine-test"],.hd-achievement-frame-preview[data-profile-frame="gold-crown-shine-test"],.hd-frame-preview-large[data-profile-frame="gold-crown-shine-test"]{--hd-custom-frame-image:url("profile-frames/GOLD-KRONE.webp");}

.hd-public-profile-detail-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
.hd-public-profile-embedded{width:100%!important;min-height:100%!important}
.hd-public-profile-embedded .hd-public-profile-head{padding:8px 10px!important}
.hd-public-profile-embedded .hd-public-profile-body{padding:10px 0 0!important}
.hd-main-player-profile .hd-public-profile-tabs{padding:7px 0!important}

.hd-profile-active-title{
  width:100%;
  min-height:12px;
  height:12px;
  margin:auto 0 1px;
  color:#8bbae0;
  font-size:.52rem;
  font-weight:900;
  line-height:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  visibility:visible;
}
.hd-profile-active-title[hidden]{
  display:block!important;
  visibility:hidden!important;
}
.hd-profile-player-card .hd-profile-active-title+ h3{
  margin:2px 0 4px!important;
}
.hd-title-choice{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid rgba(79,107,130,.25);border-radius:7px;background:rgba(7,11,14,.52);color:inherit;text-align:left}
.hd-title-status-only{pointer-events:none}
.hd-title-choice>i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(202,151,48,.5);border-radius:50%;color:#edc65a;font-style:normal}
.hd-title-choice small,.hd-title-choice b,.hd-title-choice em{display:block}
.hd-title-choice small{color:#786a81;font-size:.46rem}
.hd-title-choice b{margin:2px 0;color:#dfc368;font-size:.58rem}
.hd-title-choice em{color:#786b80;font-size:.46rem;font-style:normal}
.hd-title-choice.is-active{border-color:#45d89a;background:rgba(25,64,52,.24)}
.hd-title-choice.is-locked{opacity:.48;filter:grayscale(.75);cursor:not-allowed}
.hd-open-title-vault{width:100%;min-height:34px;margin-top:8px;font-size:.56rem}
.hd-title-vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;padding:0}
.hd-title-vault-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:10px;border:1px solid rgba(79,107,130,.28);border-radius:10px;background:rgba(8,12,15,.80)}
.hd-title-vault-item>i{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(202,151,48,.5);border-radius:50%;color:#edc65a;font-style:normal}
.hd-title-vault-item small,.hd-title-vault-item b,.hd-title-vault-item em{display:block}
.hd-title-vault-item small{color:#75687d;font-size:.48rem}
.hd-title-vault-item b{margin:3px 0;color:#c4d4e2;font-size:.64rem}
.hd-title-vault-item em{color:#786b80;font-size:.48rem;font-style:normal}
.hd-title-vault-item>button{min-width:88px;min-height:30px;font-size:.47rem;font-weight:900}
.hd-title-vault-item.is-locked{opacity:.48;filter:grayscale(.8)}
.hd-title-vault-item.is-active{border-color:#45d89a;background:rgba(25,64,52,.18)}

.hd-title-vault-item .hd-title-progress{
  display:block;
  margin:3px 0 2px;
  color:#d7b85a;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.04em;
}
.hd-section-head,
.hd-home-welcome,
.hd-profile-dash-head{
  border-radius:2px!important;
}
.hdp2{padding:14px 12px 24px;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f7f5f8}
.hdp2-kicker{color:#5eb0f3;font-size:.7rem;font-weight:900;letter-spacing:.08em}
.hdp2-active-title{display:inline-block;min-height:24px;margin-bottom:18px;padding:5px 10px;border:1px solid #a87a00;border-radius:999px;color:#ffd33d;font-size:.62rem;font-weight:850}
.hdp2{
  padding-left:0!important;
  padding-right:0!important;
  padding-top:0!important;
}
.hd-section[data-panel="profile"]{
  padding-top:0!important;
}
.hdp2-full-vault{
  height:100%;
  padding:18px 20px 20px!important;
  border:1px solid rgba(80,126,164,.34)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(12,19,24,.80),rgba(7,10,12,.80))!important;
  box-shadow:inset 0 0 34px rgba(48,104,150,.04)!important;
}
.hdp2-full-vault .hd-achievements-full-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:82px;
  padding:0 0 16px;
  border-bottom:1px solid rgba(80,126,164,.28);
}
.hdp2-full-vault .hd-achievements-back{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(57,146,218,.62);
  border-radius:8px;
  background:rgba(16,22,26,.80);
  color:#fff;
  font-size:.54rem;
  font-weight:900;
}
.hdp2-full-vault .hd-achievements-title .hd-kicker{
  display:block;
  margin-bottom:5px;
  color:#4ca6f0;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.09em;
}
.hdp2-full-vault .hd-achievements-title h2{
  margin:0 0 6px;
  color:#fff;
  font-size:1.45rem;
  line-height:1;
}
.hdp2-full-vault .hd-achievements-title p,
.hdp2-full-vault .hd-achievements-full-head p{
  margin:0;
  max-width:920px;
  color:#aaa2ae;
  font-size:.66rem;
  line-height:1.5;
}
.hdp2-full-vault .hd-achievement-summary{
  min-width:140px;
  padding:10px 14px;
  border:1px solid rgba(80,126,164,.30);
  border-radius:9px;
  background:rgba(7,11,14,.48);
}
.hdp2-full-vault .hd-achievement-summary small{color:#94899b;font-size:.52rem}
.hdp2-full-vault .hd-achievement-summary strong{color:#fff;font-size:1rem}
.hdp2-full-vault .hd-achievement-filters{
  gap:8px;
  margin:14px 0;
}
.hdp2-full-vault .hd-achievement-filters button{
  min-height:36px;
  border-color:rgba(80,126,164,.30);
  border-radius:8px;
  background:rgba(16,22,26,.80);
  color:#a49aa8;
  font-size:.58rem;
}
.hdp2-full-vault .hd-achievement-filters button.is-active{
  border-color:rgba(76,166,240,.78);
  background:rgba(28,66,97,.52);
  color:#fff;
}
.hdp2-achievement-vault-page .hd-achievement-grid-full article,
.hdp2-bonus-vault-page .hd-bonus-detail-card,
.hdp2-title-vault-page .hd-title-vault-item{
  border:1px solid rgba(80,126,164,.28)!important;
  border-radius:10px!important;
  background:rgba(7,11,14,.52)!important;
  box-shadow:none!important;
}
.hdp2-achievement-vault-page .hd-achievement-grid-full article.is-unlocked{
  border-color:rgba(76,166,240,.55)!important;
  background:rgba(25,52,75,.20)!important;
}
.hdp2-achievement-vault-page .hd-achievement-grid-full article>i,
.hdp2-bonus-vault-page .hd-bonus-detail-card>i,
.hdp2-title-vault-page .hd-title-vault-item>i{
  border-color:rgba(73,151,215,.42)!important;
  color:#4ca6f0!important;
}
.hdp2-achievement-vault-page .hd-achievement-grid-full h3,
.hdp2-bonus-vault-page .hd-bonus-detail-card h3,
.hdp2-title-vault-page .hd-title-vault-item b{
  color:#fff!important;
}
.hdp2-achievement-vault-page .hd-achievement-grid-full p,
.hdp2-bonus-vault-page .hd-bonus-detail-card p,
.hdp2-title-vault-page .hd-title-vault-item em{
  color:#aaa2ae!important;
}
.hdp2-bonus-vault-page .hd-bonus-vault-grid,
.hdp2-title-vault-page .hd-title-vault-grid{
  margin-top:14px;
  gap:10px;
}
.hdp2-title-vault-page .hd-title-vault-item>button{
  min-height:34px;
  border:1px solid rgba(57,146,218,.62);
  border-radius:7px;
  background:rgba(16,22,26,.80);
  color:#fff;
}
.hdp2-title-vault-page .hd-title-vault-item.is-active{
  border-color:rgba(76,166,240,.65)!important;
  background:rgba(25,52,75,.20)!important;
}

/* ================================================================
   05 · SAMMLUNG
   ================================================================ */
.hd-feature-card,.hd-collection-tile,.hd-pack-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.hd-feature-card:hover,.hd-collection-tile:hover,.hd-pack-card:hover{
  transform:translateY(-3px);
  border-color:rgba(220,177,83,.42);
  box-shadow:0 12px 32px rgba(0,0,0,.25),inset 0 0 26px rgba(47,108,157,.08);
}
.hd-showcase-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:8px;
  min-height:138px;
}
.hd-showcase-empty{
  grid-column:1/-1;
  display:grid;
  place-items:center;
  min-height:130px;
  color:#7f6e8a;
  font:700 .78rem/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align:center;
}
.hd-compact-collection .hd-showcase-grid{flex:1;min-height:0;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.hd-compact-collection .hd-mini-card{aspect-ratio:3/4.25}
.hd-collection-dashboard{
  height:100%;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.hd-collection-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:7px;
}
.hd-collection-head h2{
  margin:1px 0 2px;
  color:#efcb68;
  font-size:1.2rem;
}
.hd-collection-head p{
  margin:0;
  color:#8f8198;
  font:400 .66rem/1.25 system-ui,sans-serif;
}
.hd-collection-summary{
  display:flex;
  gap:5px;
}
.hd-collection-summary span{
  padding:7px 10px;
  border:1px solid rgba(80,126,164,.28);
  border-radius:8px;
  background:rgba(7,11,14,.5);
  color:#85768f;
  font:800 .52rem/1 system-ui,sans-serif;
  letter-spacing:.06em;
}
.hd-collection-summary b{
  margin-left:5px;
  color:#dbe3e9;
  font-size:.62rem;
}
.hd-collection-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  margin-bottom:6px;
}
.hd-collection-tabs button{
  min-height:32px;
  border:1px solid rgba(80,126,164,.4);
  border-radius:7px;
  background:rgba(16,22,27,.80);
  color:#9d8ba7;
  font:800 .62rem/1 system-ui,sans-serif;
}
.hd-collection-tabs button.is-active{
  color:#2c1908;
  border-color:#edc860;
  background:linear-gradient(180deg,#f4d779,#d69c2d);
}
.hd-collection-showcase .hd-showcase-grid{
  min-height:0;
}
.hd-collection-workspace{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) 235px;
  gap:7px;
  flex:1;
  min-height:0;
  padding-top:7px;
}
.hd-collection-filter,
.hd-collection-browser,
.hd-collection-detail{
  min-height:0;
  border:1px solid rgba(80,126,164,.27);
  border-radius:10px;
  background:var(--hd-portal-window-bg)!important;
}
.hd-collection-filter{
  display:flex;
  flex-direction:column;
  padding:9px;
}
.hd-collection-filter>header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:7px;
  border-bottom:1px solid rgba(80,126,164,.18);
}
.hd-collection-filter>header span{
  color:#aec3d5;
  font:900 .57rem/1 system-ui,sans-serif;
  letter-spacing:.08em;
}
.hd-collection-filter>header button{
  border:0;
  background:none;
  color:#77677e;
  font:800 .48rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.hd-collection-browser{
  overflow:hidden;
  padding:7px;
}
.hd-collection-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  height:100%;
  overflow-y:auto;
  padding-right:2px;
}
.hd-collection-card{
  position:relative;
  min-width:0;
  aspect-ratio:0.72;
  overflow:hidden;
  border:1px solid rgba(80,126,164,.28);
  border-radius:8px;
  background:var(--hd-portal-window-bg)!important;
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
.hd-collection-card:hover,
.hd-collection-card.is-selected{
  transform:translateY(-1px);
  border-color:rgba(233,196,93,.68);
  box-shadow:0 0 10px rgba(194,139,57,.12);
}
.hd-collection-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hd-collection-card-meta{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:12px 5px 4px;
  background:linear-gradient(transparent,rgba(5,8,10,.80) 42%);
}
.hd-collection-card-meta strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e8eef2;
  font:800 .52rem/1.05 system-ui,sans-serif;
}
.hd-collection-card-meta span{
  display:block;
  color:#f0cb5e;
  font-size:.5rem;
}
.hd-collection-card-count{
  position:absolute;
  top:4px;right:4px;
  min-width:20px;
  padding:2px 4px;
  border-radius:999px;
  background:rgba(6,9,11,.80);
  color:#b7c4ce;
  text-align:center;
  font:800 .45rem/1 system-ui,sans-serif;
}
.hd-collection-detail{
  display:flex;
  flex-direction:column;
  padding:9px;
  overflow:hidden;
}
.hd-mini-card.is-weapon img,
.hd-collection-card.is-weapon img,
.hd-detail-card-image.is-weapon img{
  object-fit:contain!important;
  object-position:center center!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(55,89,117,.18),transparent 60%),
    rgba(7,10,13,.80);
}
.hd-collection-card.is-weapon img{padding:4px}
.hd-collection-overview{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.hd-collection-overview .hd-collection-showcase{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:12px 10px 10px;
  border:1px solid rgba(80,126,164,.25);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(13,21,27,.7),rgba(6,9,11,.58));
}
.hd-collection-overview .hd-showcase-grid{
  flex:1;
  align-items:stretch;
  min-height:0;
  margin-top:6px;
}
.hd-collection-overview .hd-mini-card{aspect-ratio:auto;min-height:0}
.hd-collection-overview-footer{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:9px 4px 1px;
}
.hd-open-gallery-btn{
  min-width:260px;
  min-height:34px;
  padding:7px 18px;
  font-size:.6rem!important;
}
.hd-collection-overview-footer small{
  color:#76687d;
  font:600 .5rem/1.2 system-ui,sans-serif;
}
.hd-collection-gallery-page{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.hd-collection-gallery-page[hidden]{display:none!important}
.hd-collection-overview[hidden]{display:none!important}
.hd-collection-dashboard.is-gallery>.hd-collection-head{display:none}
.panel.is-collection-gallery{
  padding:12px 14px 10px;
}
.panel.is-collection-gallery>h1,
.panel.is-collection-gallery>p:first-of-type,
.panel.is-collection-gallery>.user,
.panel.is-collection-gallery>.hd-player-statusbar,
.panel.is-collection-gallery>.hd-nav,
.panel.is-collection-gallery>.hd-portal-footer,
.panel.is-collection-gallery>.logout{display:none!important}
.panel.is-collection-gallery .hd-section[data-panel="collection"].is-active{
  flex:1 1 auto;
  height:100%;
  min-height:0;
  margin:0;
  padding:0;
  overflow:hidden;
}
.panel.is-collection-gallery .hd-collection-dashboard,
.panel.is-collection-gallery .hd-collection-gallery-page{
  width:100%;
  height:100%;
  min-height:0;
}
.panel.is-collection-gallery .hd-collection-gallery-page{overflow:hidden}
.hd-gallery-page-head{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:110px minmax(150px,1fr) minmax(330px,.9fr);
  align-items:center;
  gap:10px;
  padding:0 0 8px;
  border-bottom:1px solid rgba(80,126,164,.2);
}
.hd-gallery-back{
  min-height:30px;
  border:1px solid rgba(80,126,164,.34);
  border-radius:7px;
  background:rgba(13,18,23,.80);
  color:#aa95b5;
  font:900 .52rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.hd-gallery-back:hover{border-color:rgba(232,194,91,.55);color:#ebc966}
.hd-gallery-page-title small{
  display:block;
  color:#765e82;
  font:900 .45rem/1 system-ui,sans-serif;
  letter-spacing:.11em;
}
.hd-gallery-page-title strong{
  display:block;
  margin-top:3px;
  color:#edca68;
  font:900 .78rem/1 Georgia,serif;
  letter-spacing:.04em;
}
.hd-gallery-page-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.hd-gallery-page-tabs button{
  min-height:30px;
  border:1px solid rgba(80,126,164,.34);
  border-radius:7px;
  background:rgba(14,20,24,.80);
  color:#8f7f98;
  font:800 .53rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.hd-gallery-page-tabs button.is-active{
  color:#2c1908;
  border-color:#edc860;
  background:linear-gradient(180deg,#f4d779,#d69c2d);
}
.hd-collection-gallery-page .hd-collection-workspace{
  padding-top:8px;
  
  grid-template-columns:155px minmax(0,1fr) clamp(360px,28vw,460px);
}
.hd-collection-gallery-page .hd-collection-browser{
  padding:8px 6px 8px 8px;
  background:var(--hd-portal-window-bg)!important;
}
.hd-collection-gallery-page .hd-collection-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  padding:0 7px 8px 0;
  scrollbar-width:thin;
  scrollbar-color:#506f88 #0d1217;
}
.hd-collection-gallery-page .hd-collection-grid::-webkit-scrollbar{width:8px}
.hd-collection-gallery-page .hd-collection-grid::-webkit-scrollbar-track{background:rgba(13,18,23,.80);border-radius:8px}
.hd-collection-gallery-page .hd-collection-grid::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#5a7f9d,#354c5e);
  border:2px solid #0d1217;
  border-radius:8px;
}
.hd-collection-gallery-page .hd-collection-card{aspect-ratio:.72}
.hd-collection-gallery-page .hd-collection-detail{
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#506f88 #0d1217;
}
.hd-collection-gallery-page .hd-collection-detail::-webkit-scrollbar{width:7px}
.hd-collection-gallery-page .hd-collection-detail::-webkit-scrollbar-track{background:rgba(13,18,23,.80);border-radius:8px}
.hd-collection-gallery-page .hd-collection-detail::-webkit-scrollbar-thumb{background:#4a6880;border-radius:8px}
.panel.is-collection-gallery .hd-detail-card-image{
  width:min(360px,96%);
  margin-bottom:10px;
}
.panel.is-collection-gallery .hd-detail-card-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.panel.is-collection-gallery .hd-detail-title strong{font-size:.98rem}
.panel.is-collection-gallery .hd-detail-stat{padding:8px}
.panel.is-collection-gallery .hd-detail-note{font-size:.56rem;line-height:1.35}
.hd-collection-gallery-page .hd-collection-grid{
  grid-auto-rows:max-content;
  align-content:start;
}
.hd-collection-card.is-unowned{
  opacity:1;
  filter:none;
  cursor:default;
  background:linear-gradient(180deg,rgba(17,22,26,.80),rgba(9,13,16,.80));
  border-color:rgba(80,126,164,.28);
}
.hd-collection-card.is-unowned:hover{
  transform:none;
  border-color:rgba(80,126,164,.28);
  box-shadow:none;
}
.panel.is-collection-gallery .hd-detail-card-image.is-fighter,
.panel.is-collection-gallery .hd-detail-card-image.is-weapon{
  width:min(240px,100%)!important;
}
.panel.is-collection-gallery .hd-detail-card-image.is-fighter img,
.panel.is-collection-gallery .hd-detail-card-image.is-weapon img{
  width:100%!important;
  height:100%!important;
  padding:4px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hd-showcase-favorite-btn{width:100%;margin-top:8px;min-height:32px;font-size:.52rem}
.hd-showcase-favorite-btn.is-favorite{border-color:rgba(225,185,84,.62)!important;color:#f0cf69!important;background:rgba(104,69,18,.18)!important}
.hd-mini-card.is-showcase-favorite{
  border-color:rgba(239,201,94,.92)!important;
  box-shadow:
    0 0 0 1px rgba(239,201,94,.20),
    0 0 18px rgba(228,177,54,.28)!important;
}
.hd-mini-card-favorite-mark{
  position:absolute!important;
  z-index:5!important;
  left:6px!important;
  top:6px!important;
  padding:4px 6px!important;
  border:1px solid rgba(239,201,94,.68)!important;
  border-radius:6px!important;
  background:rgba(21,12,5,.80)!important;
  color:#f1cb63!important;
  font:900 .46rem/1 system-ui,sans-serif!important;
  letter-spacing:.04em!important;
  box-shadow:0 0 10px rgba(228,177,54,.18)!important;
  pointer-events:none!important;
}
.hd-collection-card.is-favorite-card{
  border:2px solid #55d87d!important;
  box-shadow:
    0 0 0 1px rgba(85,216,125,.20),
    0 0 13px rgba(85,216,125,.30),
    inset 0 0 12px rgba(46,154,82,.10)!important;
}
.hd-collection-card.is-favorite-card:hover,
.hd-collection-card.is-favorite-card.is-selected{
  border-color:#72ee98!important;
  box-shadow:
    0 0 0 1px rgba(114,238,152,.26),
    0 0 17px rgba(85,216,125,.38),
    inset 0 0 12px rgba(46,154,82,.12)!important;
}
.hd-collection-favorite-star{
  position:absolute!important;
  z-index:7!important;
  top:4px!important;
  left:4px!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border:1px solid rgba(138,245,166,.74)!important;
  border-radius:50%!important;
  background:rgba(13,54,27,.80)!important;
  color:#8df0a8!important;
  font:900 14px/1 Georgia,serif!important;
  text-shadow:0 0 7px rgba(110,238,144,.75)!important;
  box-shadow:0 0 8px rgba(80,215,116,.32)!important;
  pointer-events:none!important;
}
.hd-public-showcase-favorites{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.hd-public-favorite{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:68px!important;padding:5px!important;border:1px solid rgba(78,198,116,.32)!important;border-radius:8px!important;background:var(--hd-portal-window-bg)!important;}
.hd-public-favorite img{width:62px!important;height:62px!important;object-fit:cover!important;border-radius:6px!important}
.hd-public-favorite small,.hd-public-favorite strong,.hd-public-favorite span{display:block!important}
.hd-public-favorite small{color:#6ed18b!important;font-size:.46rem!important;font-weight:900!important}
.hd-public-favorite strong{margin:3px 0!important;color:#e4ebf0!important;font-size:.65rem!important}
.hd-public-favorite span{color:#e7c45d!important;font-size:.55rem!important}
.hd-public-favorite-empty{display:flex!important;min-height:68px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border:1px dashed rgba(80,126,164,.25)!important;border-radius:8px!important;color:#74697a!important}
.hd-collection-v2{display:flex;flex-direction:column;min-height:calc(100vh - 82px);gap:12px}
.hd-collection-v2 .hd-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 4px 14px;border-bottom:1px solid rgba(211,164,57,.32)}
.hd-collection-v2 .hd-collection-head h2{margin:2px 0 3px;font-size:1.55rem;letter-spacing:.035em;color:#efca67}
.hd-collection-v2 .hd-collection-head p{margin:0;color:#9c8da5;font-size:.67rem}
.hd-collection-v2 .hd-collection-summary{display:flex;gap:7px;align-items:center}
.hd-collection-v2 .hd-collection-summary span{min-width:100px;text-align:center;padding:9px 12px;border:1px solid rgba(80,126,164,.28);border-radius:8px;background:rgba(7,11,14,.62)}
.hd-collection-tabs-v2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.hd-collection-tabs-v2 button{position:relative;display:grid!important;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;min-height:72px!important;padding:10px 14px!important;border-radius:10px!important;background:var(--hd-portal-window-bg)!important;overflow:hidden}
.hd-collection-tabs-v2 button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(215,169,64,.35);border-radius:9px;color:#d4a941;font-size:1.2rem;background:transparent!important;}
.hd-collection-tabs-v2 button>small{align-self:end;color:#75677d;font:800 .47rem/1 system-ui,sans-serif;letter-spacing:.1em}
.hd-collection-tabs-v2 button>strong{align-self:start;color:#c7b9cc;font:900 .78rem/1.15 Georgia,serif;letter-spacing:.05em}
.hd-collection-tabs-v2 button>b{grid-column:3;grid-row:1/3;min-width:36px;text-align:center;color:#e9c75f;font:900 1rem/1 Georgia,serif}
.hd-collection-tabs-v2 button.is-active{border-color:#e5bd55!important;background:linear-gradient(180deg,rgba(75,49,18,.68),rgba(31,20,15,.80))!important;box-shadow:inset 0 0 0 1px rgba(241,201,96,.16),0 8px 24px rgba(0,0,0,.18)}
.hd-collection-tabs-v2 button.is-active>strong,.hd-collection-tabs-v2 button.is-active>small{color:#f0cf75}
.hd-collection-workspace-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(300px,25vw,410px)!important;
  gap:12px!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:610px!important;
  max-height:none!important;
  padding-top:0!important;
  flex:1;
}
.hd-collection-workspace-v2 .hd-collection-browser{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:auto!important;
  min-height:610px!important;
  max-height:none!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  padding:12px!important;
  border-color:rgba(80,126,164,.3);
  background:var(--hd-portal-window-bg)!important;
}
.hd-collection-browser-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:1px 2px 10px;margin-bottom:10px;border-bottom:1px solid rgba(80,126,164,.2)}
.hd-collection-browser-head div{display:flex;flex-direction:column;gap:2px}
.hd-collection-browser-head small{color:#7f7088;font:800 .48rem/1 system-ui,sans-serif;letter-spacing:.09em}
.hd-collection-browser-head strong{color:#e9c65f;font:900 .85rem/1.1 Georgia,serif;letter-spacing:.06em}
.hd-collection-browser-head>span{color:#75677d;font-size:.53rem}
.hd-collection-workspace-v2 .hd-collection-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;grid-auto-rows:max-content;align-content:start;gap:10px!important;height:auto!important;max-height:calc(100vh - 260px);overflow-y:auto;padding:2px 7px 12px 2px}
.hd-collection-workspace-v2 .hd-collection-card{max-width:190px;width:100%;justify-self:start;border-radius:9px}
.hd-collection-workspace-v2 .hd-collection-detail{
  position:static;
  top:auto;
  height:auto!important;
  min-height:610px!important;
  max-height:none!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  padding:14px!important;
  border-color:rgba(210,163,59,.28);
  background:var(--hd-portal-window-bg)!important;
}
.hd-collection-workspace-v2 .hd-detail-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%!important;
  height:auto!important;
  min-height:580px!important;
  box-sizing:border-box!important;
  text-align:center;
  padding:30px;
  color:#796981;
}
.hd-collection-workspace-v2 .hd-detail-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border:1px solid rgba(215,169,64,.34);border-radius:50%;color:#d4aa42;font-size:1.6rem;background:transparent!important;}
.hd-collection-workspace-v2 .hd-detail-empty strong{color:#c5d1db;font-size:.72rem;letter-spacing:.08em}
.hd-collection-workspace-v2 .hd-detail-empty small{max-width:230px;margin-top:7px;line-height:1.45}
.hd-section[data-panel="collection"]{
  padding-top:0!important;
}
.hd-collection-dashboard.hd-collection-v2{
  padding-top:0!important;
}
.hd-collection-pagehead{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:28px!important;
  width:100%!important;
  min-height:146px!important;
  margin:0 0 16px!important;
  padding:36px 20px 24px!important;
  border-bottom:1px solid rgba(80,126,164,.20)!important;
  background:var(--hd-portal-window-bg)!important;
}
.hd-collection-pagehead-copy{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.hd-collection-pagehead .hdp2-kicker{
  display:block!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#5eb0f3!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-align:left!important;
}
.hd-collection-pagehead h2{
  margin:0 0 8px!important;
  padding:0!important;
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:2.25rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  text-shadow:
    0 2px 0 rgba(188,118,35,.95),
    0 4px 9px rgba(222,146,48,.32)!important;
}
.hd-collection-pagehead p{
  max-width:820px!important;
  margin:0!important;
  padding:0!important;
  color:#c9c2cc!important;
  font-size:.76rem!important;
  line-height:1.55!important;
  text-align:left!important;
}
.hd-collection-pagehead .hd-collection-summary{
  display:flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  gap:8px!important;
  margin-top:1px!important;
}
.hd-collection-pagehead .hd-collection-summary span{
  min-width:112px!important;
  padding:9px 12px!important;
  border:1px solid #26313a!important;
  border-radius:999px!important;
  background:rgba(9,13,16,.80)!important;
  color:#9e91a4!important;
  font-size:.52rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-align:center!important;
}
.hd-collection-pagehead .hd-collection-summary b{
  margin-left:5px!important;
  color:#fff!important;
  font-size:.65rem!important;
}
.hd-collection-overview{
  padding:0 20px 20px!important;
}
.hd-section[data-panel="collection"] .hd-collection-pagehead{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:18px!important;
}
.hd-section[data-panel="collection"] .hd-collection-pagehead-copy,
.hd-section[data-panel="collection"] .hd-collection-pagehead .hdp2-kicker,
.hd-section[data-panel="collection"] .hd-collection-pagehead h2,
.hd-section[data-panel="collection"] .hd-collection-pagehead p{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.hd-section[data-panel="collection"] .hd-collection-overview{
  padding-left:0!important;
  padding-right:0!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button,
.hd-section[data-panel="collection"] .hd-collection-filter,
.hd-section[data-panel="collection"] .hd-collection-browser,
.hd-section[data-panel="collection"] .hd-collection-detail,
.hd-section[data-panel="collection"] .hd-collection-showcase,
.hd-section[data-panel="collection"] .hd-collection-workspace-v2 > *,
.hd-section[data-panel="collection"] .hd-showcase-card,
.hd-section[data-panel="collection"] .hd-card-detail,
.hd-section[data-panel="collection"] .hd-collection-card{border-color:#292738!important;
  box-shadow:none!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button{border-color:#292738!important;
}
.panel.is-collection-gallery .hd-collection-gallery-page,
.panel.is-collection-gallery .hd-collection-browser,
.panel.is-collection-gallery .hd-collection-filter,
.panel.is-collection-gallery .hd-collection-detail{
  background:var(--hd-portal-window-bg)!important;
  border-color:#292738!important;
}
.hd-section[data-panel="collection"],
.hd-section[data-panel="collection"] *{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-section[data-panel="collection"] .hd-collection-pagehead .hdp2-kicker{
  color:#5eb0f3!important;
  font-size:.70rem!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.hd-section[data-panel="collection"] .hd-collection-pagehead h2{
  color:#fff!important;
  font-size:2.25rem!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  text-shadow:
    0 2px 0 rgba(188,118,35,.95),
    0 4px 9px rgba(222,146,48,.32)!important;
}
.hd-section[data-panel="collection"] .hd-collection-pagehead p{
  color:#c9c2cc!important;
  font-size:.76rem!important;
}
.hd-section[data-panel="collection"] .hd-collection-summary span{
  color:#aaa1af!important;
border-color:#292838!important;
}
.hd-section[data-panel="collection"] .hd-collection-summary b{
  color:#fff!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button{
  color:#d8d2dc!important;
  border:1px solid #292838!important;
box-shadow:none!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button>span{
  color:#4ca6f0!important;
  border-color:#293a47!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button>small{
  color:#9d92a2!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.54rem!important;
  font-weight:850!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button>strong{
  color:#eef1f4!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.82rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button>b{
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.90rem!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button:hover{
  border-color:#354756!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button.is-active{
  color:#fff!important;
  border-color:#347db9!important;
box-shadow:
    inset 0 0 0 1px rgba(76,166,240,.10),
    0 0 18px rgba(76,166,240,.08)!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button.is-active>span{
  color:#78c2ff!important;
  border-color:#2a6fa8!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button.is-active>small{
  color:#9ab6cc!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button.is-active>strong{
  color:#fff!important;
}
.hd-section[data-panel="collection"] .hd-collection-tabs-v2 button.is-active>b{
  color:#75b9f1!important;
}
.hd-section[data-panel="collection"] .hd-collection-browser,
.hd-section[data-panel="collection"] .hd-collection-detail,
.hd-section[data-panel="collection"] .hd-collection-filter{
  border-color:#292838!important;
}
.hd-section[data-panel="collection"] .hd-collection-browser-head{
  border-bottom-color:#242330!important;
}
.hd-section[data-panel="collection"] .hd-collection-browser-head small{
  color:#5ba9e8!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.55rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="collection"] .hd-collection-browser-head strong{
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.84rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="collection"] .hd-collection-browser-head>span{
  color:#8f8795!important;
}
.hd-section[data-panel="collection"] .hd-detail-empty>span{
  color:#4ca6f0!important;
}
.hd-section[data-panel="collection"] .hd-detail-empty strong{
  color:#ebeff2!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-section[data-panel="collection"] .hd-detail-empty small{
  color:#8f8795!important;
}
.hd-section[data-panel="collection"] .hd-mini-card,
.hd-section[data-panel="collection"] .hd-collection-card{
  border-color:#302c39!important;
box-shadow:none!important;
}
.hd-section[data-panel="collection"] .hd-mini-card:hover,
.hd-section[data-panel="collection"] .hd-collection-card:hover{
  border-color:#3b5870!important;
}
.hd-section[data-panel="collection"] .hd-mini-card.is-selected,
.hd-section[data-panel="collection"] .hd-collection-card.is-selected{
  border-color:#3b8dd0!important;
  box-shadow:0 0 0 1px rgba(74,163,235,.12)!important;
}
.hd-section[data-panel="collection"] .hd-mini-card-name,
.hd-section[data-panel="collection"] .hd-collection-card strong{
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-section[data-panel="collection"] .hd-mini-card-stars{
  color:#5baaea!important;
}
.panel.is-collection-gallery .hd-gallery-page-title small{
  color:#5ba9e8!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.panel.is-collection-gallery .hd-gallery-page-title strong{
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.panel.is-collection-gallery .hd-gallery-page-tabs button{
  color:#d0c8d4!important;
  background:rgba(11,12,20,.80)!important;
  border-color:#292838!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.panel.is-collection-gallery .hd-gallery-page-tabs button.is-active{
  color:#fff!important;
  border-color:#347db9!important;
  background:linear-gradient(180deg,rgba(19,33,45,.80),rgba(11,11,20,.80))!important;
}
.panel.is-collection-gallery .hd-gallery-back{
  color:#c9c0ce!important;
  background:rgba(11,12,20,.80)!important;
  border-color:#292838!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.panel.is-collection-gallery .hd-gallery-back:hover{
  color:#7bbff6!important;
  border-color:#306998!important;
}
.hd-section[data-panel="collection"] [style*="color:#ef"],
.hd-section[data-panel="collection"] [style*="color: #ef"]{
  color:#fff!important;
}
.hd-section[data-panel="collection"] .hd-collection-workspace-v2{
  grid-template-columns:minmax(0,1fr) clamp(400px,27vw,500px)!important;
  gap:14px!important;
}
.hd-section[data-panel="collection"] .hd-detail-card,
.hd-section[data-panel="collection"] .hd-card-detail,
.hd-section[data-panel="collection"] .hd-collection-detail-card{
  width:100%!important;
}
/* Sammlung · Kartenvorschau · zentrale Größenquelle */
.hd-collection-workspace-v2 .hd-detail-card-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:8px!important;
  margin:0 0 8px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid rgba(233,196,93,.44)!important;
  border-radius:8px!important;
  background:rgba(7,12,16,.80)!important;
  aspect-ratio:auto!important;
}

.hd-collection-workspace-v2 .hd-detail-card-image img{
  display:block!important;
  width:auto!important;
  height:540px!important;
  max-width:calc(100% - 16px)!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:10px!important;
}

.hd-collection-workspace-v2 .hd-detail-card-image.is-weapon img{
  max-width:92%!important;
  object-fit:contain!important;
}


@media(max-width:700px){
  .hd-collection-workspace-v2 .hd-detail-card-image img{
    height:auto!important;
    max-height:70vh!important;
    max-width:100%!important;
  }
}

.hd-section[data-panel="collection"] .hd-collection-detail h3,
.hd-section[data-panel="collection"] .hd-detail-card h3,
.hd-section[data-panel="collection"] .hd-card-detail h3{
  
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  
  line-height:1.2!important;
  font-weight:900!important;
  text-align:center!important;
}
.hd-section[data-panel="collection"] .hd-detail-stars,
.hd-section[data-panel="collection"] .hd-card-stars{
  
  color:#5ba9e8!important;
  
  letter-spacing:.08em!important;
  text-align:center!important;
}
.hd-section[data-panel="collection"] .hd-detail-stats,
.hd-section[data-panel="collection"] .hd-card-detail-stats,
.hd-section[data-panel="collection"] .hd-detail-values{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  
  
}
.hd-section[data-panel="collection"] .hd-detail-stats>div,
.hd-section[data-panel="collection"] .hd-card-detail-stats>div,
.hd-section[data-panel="collection"] .hd-detail-values>div{
  
  
  border:1px solid #2b2938!important;
  
}
.hd-section[data-panel="collection"] .hd-detail-stats small,
.hd-section[data-panel="collection"] .hd-card-detail-stats small,
.hd-section[data-panel="collection"] .hd-detail-values small{
  display:block!important;
  
  color:#a99fad!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.hd-section[data-panel="collection"] .hd-detail-stats strong,
.hd-section[data-panel="collection"] .hd-card-detail-stats strong,
.hd-section[data-panel="collection"] .hd-detail-values strong{
  display:block!important;
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  
  line-height:1!important;
  font-weight:950!important;
}
.hd-section[data-panel="collection"] .hd-collection-detail p,
.hd-section[data-panel="collection"] .hd-detail-card p,
.hd-section[data-panel="collection"] .hd-card-detail p{
  color:#9f96a4!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  
  
}
.hd-section[data-panel="collection"] .hd-favorite-button,
.hd-section[data-panel="collection"] [data-favorite],
.hd-section[data-panel="collection"] .hd-card-favorite{
  
  width:100%!important;
  
  padding:0 18px!important;
  border:1px solid #2a7bbe!important;
  border-radius:8px!important;
color:#7abaee!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.hd-section[data-panel="collection"] .hd-favorite-button:hover,
.hd-section[data-panel="collection"] [data-favorite]:hover,
.hd-section[data-panel="collection"] .hd-card-favorite:hover{
  border-color:#3e97e0!important;
}
.hd-section[data-panel="collection"] .hd-star-table,
.hd-section[data-panel="collection"] .hd-detail-table,
.hd-section[data-panel="collection"] table{
  
  
  
  
  
  
  
color:#d8d2dc!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-section[data-panel="collection"] table th{
  padding:9px 10px!important;
  

  
  
}
.hd-section[data-panel="collection"] table td{
  padding:9px 10px!important;
  border-top:1px solid #20202b!important;
  
  
}
.panel.is-collection-gallery .hd-collection-workspace{
  grid-template-columns:155px minmax(0,1fr) clamp(420px,30vw,520px)!important;
}
.panel.is-collection-gallery .hd-collection-detail{
  padding:18px!important;
}
.hd-section[data-panel="collection"] .hd-collection-detail{
  padding:16px!important;
}
.hd-section[data-panel="collection"] .hd-collection-detail h3,
.hd-section[data-panel="collection"] .hd-detail-card h3,
.hd-section[data-panel="collection"] .hd-card-detail h3{
  margin:10px 0 4px!important;
  font-size:1.05rem!important;
}
.hd-section[data-panel="collection"] .hd-detail-stars,
.hd-section[data-panel="collection"] .hd-card-stars{
  margin:3px 0 10px!important;
  font-size:1.10rem!important;
}
.hd-section[data-panel="collection"] .hd-detail-stats,
.hd-section[data-panel="collection"] .hd-card-detail-stats,
.hd-section[data-panel="collection"] .hd-detail-values{
  gap:8px!important;
  margin-top:10px!important;
}
.hd-section[data-panel="collection"] .hd-detail-stats>div,
.hd-section[data-panel="collection"] .hd-card-detail-stats>div,
.hd-section[data-panel="collection"] .hd-detail-values>div{
  min-height:54px!important;
  padding:9px 11px!important;
  border-radius:8px!important;
}
.hd-section[data-panel="collection"] .hd-detail-stats small,
.hd-section[data-panel="collection"] .hd-card-detail-stats small,
.hd-section[data-panel="collection"] .hd-detail-values small{
  margin-bottom:4px!important;
  font-size:.55rem!important;
}
.hd-section[data-panel="collection"] .hd-detail-stats strong,
.hd-section[data-panel="collection"] .hd-card-detail-stats strong,
.hd-section[data-panel="collection"] .hd-detail-values strong{
  font-size:.95rem!important;
}
.hd-section[data-panel="collection"] .hd-collection-detail p,
.hd-section[data-panel="collection"] .hd-detail-card p,
.hd-section[data-panel="collection"] .hd-card-detail p{
  margin:8px 0!important;
  font-size:.60rem!important;
  line-height:1.45!important;
}
.hd-section[data-panel="collection"] .hd-favorite-button,
.hd-section[data-panel="collection"] [data-favorite],
.hd-section[data-panel="collection"] .hd-card-favorite{
  min-height:42px!important;
  margin-top:10px!important;
}
.hd-section[data-panel="collection"] .hd-star-table,
.hd-section[data-panel="collection"] .hd-detail-table,
.hd-section[data-panel="collection"] table{
  display:table!important;
  width:100%!important;
  margin-top:10px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  border:1px solid #292838!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.hd-section[data-panel="collection"] table thead{
  display:table-header-group!important;
}
.hd-section[data-panel="collection"] table tbody{
  display:table-row-group!important;
}
.hd-section[data-panel="collection"] table tr{
  display:table-row!important;
}
.hd-section[data-panel="collection"] table th,
.hd-section[data-panel="collection"] table td{
  display:table-cell!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:8px 10px!important;
  border:0!important;
  border-bottom:1px solid #20202b!important;
  border-radius:0!important;
text-align:left!important;
  vertical-align:middle!important;
}
.hd-section[data-panel="collection"] table th{
  color:#a99fad!important;
font-size:.53rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
.hd-section[data-panel="collection"] table td{
  color:#e9edf0!important;
  font-size:.61rem!important;
}
.hd-section[data-panel="collection"] table tr:last-child td{
  border-bottom:0!important;
}
.hd-section[data-panel="collection"] .hd-detail-table-title,
.hd-section[data-panel="collection"] .hd-star-table-title,
.hd-section[data-panel="collection"] .hd-collection-detail h4{
  margin:12px 0 6px!important;
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.84rem!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.panel.is-collection-gallery .hd-collection-detail img{
  max-width:340px!important;
  height:440px!important;
}
.hd-section[data-panel="collection"] .hd-detail-title{
  margin:2px 0 12px!important;
  text-align:center!important;
}
.hd-section[data-panel="collection"] .hd-detail-title small{
  display:block!important;
  margin-bottom:5px!important;
  color:#5cabeb!important;
  font-size:.92rem!important;
  letter-spacing:.08em!important;
}
.hd-section[data-panel="collection"] .hd-detail-title strong{
  display:block!important;
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:1.05rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="collection"] .hd-detail-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #2a2938!important;
  border-radius:9px!important;
}
.hd-section[data-panel="collection"] .hd-detail-stat{
  display:grid!important;
  grid-template-columns:minmax(90px,.8fr) 1.2fr!important;
  align-items:center!important;
  min-height:43px!important;
  padding:8px 11px!important;
  border:0!important;
  border-radius:0!important;
}
.hd-section[data-panel="collection"] .hd-detail-stat:nth-child(odd){
  border-right:1px solid #242330!important;
}
.hd-section[data-panel="collection"] .hd-detail-stat:nth-child(n/**/+3){
  border-top:1px solid #242330!important;
}
.hd-section[data-panel="collection"] .hd-detail-stat small{
  margin:0!important;
  color:#a69cab!important;
  font-size:.57rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
.hd-section[data-panel="collection"] .hd-detail-stat strong{
  margin:0!important;
  color:#fff!important;
  font-size:.82rem!important;
  font-weight:900!important;
  text-align:right!important;
}
.hd-section[data-panel="collection"] .hd-detail-note{
  margin:10px 4px!important;
  color:#817987!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.57rem!important;
  line-height:1.45!important;
}
.hd-section[data-panel="collection"] .hd-showcase-favorite-btn{
  width:100%!important;
  min-height:42px!important;
  margin:8px 0 14px!important;
  border:1px solid #316e9f!important;
  border-radius:8px!important;
color:#72b6ed!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.66rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="collection"] .hd-showcase-favorite-btn.is-favorite{
  border-color:#316e9f!important;
color:#72b6ed!important;
}
.hd-section[data-panel="collection"] .hd-detail-values{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.hd-section[data-panel="collection"] .hd-detail-values>strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.86rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table{
  display:table!important;
  width:100%!important;
  margin:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border:1px solid #2a2938!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table thead{
  display:table-header-group!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table tbody{
  display:table-row-group!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table tr{
  display:table-row!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table th,
.hd-section[data-panel="collection"] .hd-detail-values-table td{
  display:table-cell!important;
  width:33.333%!important;
  height:auto!important;
  min-height:0!important;
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid #22212d!important;
  border-radius:0!important;
font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  text-align:left!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table th{
  color:#9e94a3!important;
font-size:.54rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table td{
  color:#e9edf0!important;
  font-size:.65rem!important;
  font-weight:750!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table tr:last-child td{
  border-bottom:0!important;
}
.hd-section[data-panel="collection"] .hd-detail-values-table tr.is-current td{
  color:#6fb6f0!important;
font-weight:900!important;
}
.panel.is-collection-gallery .hd-collection-filter>header span,
.panel.is-collection-gallery .hd-filter-group>small,
.panel.is-collection-gallery .hd-filter-count small{
  color:#a9a0ae!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.panel.is-collection-gallery .hd-star-filter button,
.panel.is-collection-gallery .hd-own-filter button{
  color:#cfc7d2!important;
  background:rgba(11,12,20,.80)!important;
  border-color:#292838!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  cursor:pointer;
}
.panel.is-collection-gallery .hd-star-filter button:hover,
.panel.is-collection-gallery .hd-own-filter button:hover{
  border-color:#305c80!important;
}
.panel.is-collection-gallery .hd-star-filter button.is-active,
.panel.is-collection-gallery .hd-own-filter button.is-active{
  color:#fff!important;
  border-color:#347db9!important;
  background:linear-gradient(180deg,rgba(19,33,45,.80),rgba(11,11,20,.80))!important;
}
.panel.is-collection-gallery .hd-filter-count strong{
  color:#fff!important;
}
.panel.is-collection-gallery .hd-secret-card{
  background:linear-gradient(180deg,rgba(16,16,26,.80),rgba(8,9,16,.80))!important;
}
.panel.is-collection-gallery .hd-secret-card span{
  color:#5aa3de!important;
}
.panel.is-collection-gallery .hd-secret-card strong{
  color:#a9a0ae!important;
}
.hd-artifact-slot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:8px;flex:1;align-content:start}
.hd-artifact-slot{position:relative;aspect-ratio:1/1;display:grid;place-items:center;border:1px solid rgba(77,100,119,.28);border-radius:8px;background:rgba(6,9,11,.6);color:#4f4456}
.hd-artifact-slot>span{font-size:1rem}
.hd-artifact-slot>small{position:absolute;right:3px;top:3px;color:#615469;font:700 .42rem/1 system-ui,sans-serif}
.hd-artifact-slot.is-owned{border-color:rgba(225,185,84,.56);color:#e8c65f;background:radial-gradient(circle,rgba(56,105,145,.26),rgba(6,10,13,.75));box-shadow:inset 0 0 10px rgba(61,121,170,.12)}
.hd-artifact-slot.is-owned>small{color:#caaa59}
.hd-artifact-web-footer{display:flex;justify-content:space-between;margin-top:7px;padding:7px 8px;border-top:1px solid rgba(80,126,164,.2);color:#796a82;font:800 .52rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-artifact-web-footer strong{color:#d7e3ed}
.hd-artifact-slot>small{
  font-size:.5rem;
}
.hd-artifact-web-footer{
  font-size:.6rem;
}
.hd-rune-detail-card header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}
.hd-rune-detail-card header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(229,192,91,.34);color:#e7c35e;background:var(--hd-portal-inner-bg)!important;}
.hd-rune-detail-card h3{margin:0;color:#dde5ec;font:800 .78rem/1 system-ui,sans-serif;letter-spacing:.06em}
.hd-rune-detail-card header small{display:block;margin-top:4px;color:#7e7087;font:500 .62rem/1.2 system-ui,sans-serif}
.hd-rune-detail-card header b{color:#f0ca64;font:800 .82rem/1 system-ui,sans-serif}
.hd-rune-detail-level{font-family:system-ui,sans-serif;}
.hd-rune-detail-level strong{display:block;}
.hd-rune-detail-note{font:600 .62rem/1.35 system-ui,sans-serif;}
.hd-rune-detail-card{display:flex;flex-direction:column}
.hd-rune-detail-card>.hd-character-buy-btn{display:block!important;visibility:visible!important;flex:0 0 auto;margin-top:9px}
.hd-talent-detail-branch>header{padding-bottom:9px;}
.hd-talent-detail-branch h3{font:800 .78rem/1 system-ui,sans-serif;}
.hd-talent-detail-branch header small{display:block;margin-top:4px;font:600 .56rem/1 system-ui,sans-serif;}
.hd-talent-stage.is-next{
border-color:#4a6173!important;
  background:var(--hd-portal-window-bg)!important;
  box-shadow:inset 0 0 12px rgba(60,167,255,.05)!important;
}

.hd-talent-stage>b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--hd-portal-inner-bg);color:#c7d5e1;font:800 .64rem/1 system-ui,sans-serif}
.hd-talent-stage span{font:600 .64rem/1.25 system-ui,sans-serif;}
.hd-talent-stage.is-owned span{
color:#dff7e8!important;
  font-weight:800!important;
}

.hd-talent-detail-footer{font:600 .61rem/1.35 system-ui,sans-serif;}
.hd-artifact-detail-card{opacity:.72;}
.hd-artifact-detail-card.is-owned{opacity:1;box-shadow:inset 0 0 16px rgba(57,109,151,.08);}
.hd-artifact-detail-number{position:relative;font:800 1rem/1 system-ui,sans-serif;}
.hd-artifact-detail-card.is-owned .hd-artifact-detail-number{color:#efca64;border-color:rgba(226,185,79,.4)}
.hd-artifact-detail-copy h3{font:800 .7rem/1.15 system-ui,sans-serif;}
.hd-artifact-detail-copy .stars{margin-top:4px;font:700 .58rem/1 system-ui,sans-serif;}
.hd-artifact-detail-copy p{font:500 .59rem/1.25 system-ui,sans-serif;}
.hd-artifact-detail-copy strong{margin-top:6px;font:800 .61rem/1.2 system-ui,sans-serif;}
.hd-artifact-detail-copy small{display:block;margin-top:5px;font:600 .52rem/1.2 system-ui,sans-serif;}
.hd-artifact-detail-card:not(.is-owned) .hd-artifact-detail-copy h3{color:#74677b}
.hd-artifact-detail-card:not(.is-owned) .hd-artifact-detail-copy strong{color:#76687e}
.hd-artifacts-panel{
  min-height:0;
}
.hd-artifact-owned-list{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:8px;
  overflow:hidden;
}
.hd-artifact-owned-row{
  display:grid;
  
  
  
  
  border:1px solid rgba(80,126,164,.26);
  border-radius:9px;
  background:linear-gradient(90deg,rgba(19,34,46,.48),rgba(6,10,13,.56));
}
.hd-artifact-owned-row:hover{
  border-color:rgba(225,185,84,.45);
}
.hd-artifact-owned-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hd-artifact-owned-copy header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.hd-artifact-owned-copy header>div{
  min-width:0;
}
.hd-artifact-owned-copy header strong{
  display:block;
  color:#e3ebf2;
  font:900 .70rem/1.05 system-ui,sans-serif;
  letter-spacing:.025em;
}
.hd-artifact-owned-copy header span{
  display:block;
  margin-top:3px;
  color:#e8c65f;
  font:800 .52rem/1 system-ui,sans-serif;
  letter-spacing:.06em;
}
.hd-artifact-owned-copy header em{
  flex:0 0 auto;
  padding:3px 5px;
  border:1px solid rgba(77,184,108,.25);
  border-radius:999px;
  background:rgba(25,74,39,.20);
  color:#80d99a;
  font:900 .39rem/1 system-ui,sans-serif;
  font-style:normal;
}
.hd-artifact-owned-copy>b{
  display:block;
  color:#e8c65f;
  font:800 .61rem/1.15 system-ui,sans-serif;
}
.hd-artifact-owned-copy>p{
  margin:4px 0 0;
  color:#9e8fa7;
  font:600 .54rem/1.25 system-ui,sans-serif;
}
.hd-artifact-owned-empty{
  flex:1;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:7px;
  text-align:center;
  color:#76687e;
}
.hd-artifact-owned-empty>span{
  color:#d5af50;
  font-size:1.5rem;
}
.hd-artifact-owned-empty>strong{
  color:#a6b5c2;
  font:900 .65rem/1 system-ui,sans-serif;
}
.hd-artifact-owned-empty>small{
  font:600 .52rem/1.25 system-ui,sans-serif;
}
.hd-artifacts-panel .hd-artifact-web-footer{
  margin-top:8px;
}
.hd-artifact-owned-row{
  
  align-items:center;
}
.hd-artifact-owned-row.is-active .hd-artifact-owned-icon{
  border-color:rgba(86,202,118,.62)!important;
  color:#83e29c!important;
  background:radial-gradient(circle,rgba(51,139,74,.24),rgba(8,18,11,.78))!important;
}
.hd-artifact-owned-row.is-active .hd-artifact-owned-copy header em{
  color:#83e29c!important;
  border-color:rgba(77,184,108,.45)!important;
  background:rgba(25,86,42,.28)!important;
}
.hd-artifact-activate{
  width:100%;
  min-height:36px;
  padding:6px 7px;
  border:1px solid rgba(118,173,218,.42);
  border-radius:8px;
  background:var(--hd-portal-inner-bg)!important;
  color:#dce7f0;
  font:900 .48rem/1.05 system-ui,sans-serif;
  cursor:pointer;
}
.hd-artifact-activate:hover:not(:disabled){
  filter:brightness(1.12);
}
.hd-artifact-activate.is-active{
  border-color:rgba(74,187,105,.56);
  background:linear-gradient(180deg,#286c3a,#153d23);
  color:#9aebb0;
}
.hd-artifact-activate:disabled{
  cursor:not-allowed;
  opacity:.62;
}
.hd-artifact-owned-row.is-active .hd-artifact-activate:disabled{
  opacity:1;
}
.hd-artifact-owned-row{
  grid-template-columns:82px minmax(0,1fr) 112px!important;
  min-height:116px!important;
  gap:11px!important;
  padding:10px!important;
}
.hd-artifact-owned-card{
  width:72px;
  height:96px;
  align-self:center;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(88,124,153,.34);
  border-radius:8px;
  background:var(--hd-portal-window-bg)!important;
}
.hd-artifact-owned-card img{display:block;width:100%;height:100%;object-fit:cover}
.hd-artifact-owned-card>span{color:#d2aa49;font-size:1.25rem}
.hd-artifact-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.hd-artifact-id{
  flex:0 0 auto;
  padding:4px 6px;
  border:1px solid rgba(224,181,79,.38);
  border-radius:6px;
  background:rgba(64,45,18,.26);
  color:#e5bf58!important;
  font:900 .48rem/1 system-ui,sans-serif!important;
  letter-spacing:.04em
}
.hd-artifact-name-line strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.72rem!important
}
.hd-artifact-stars{margin-top:5px!important;font-size:.54rem!important}
.hd-artifact-owned-copy>b{margin-top:3px;font-size:.62rem!important}
.hd-artifact-owned-copy>p{font-size:.56rem!important;line-height:1.32!important}
.hd-artifact-owned-action{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px
}
.hd-artifact-owned-action small{
  color:#7f7089;
  text-align:center;
  font:700 .42rem/1.25 system-ui,sans-serif
}
.hd-artifact-owned-action small b{display:inline-block;margin-top:3px;color:#d6b353;font-size:.54rem}
.hd-artifact-owned-row.is-active{
  border-color:rgba(64,203,98,.72)!important;
  background:radial-gradient(circle at 12% 50%,rgba(45,171,75,.16),transparent 36%),linear-gradient(90deg,rgba(19,67,32,.42),rgba(8,16,11,.64))!important;
  box-shadow:inset 0 0 22px rgba(55,190,87,.09),0 0 12px rgba(55,190,87,.08)!important
}
.hd-artifact-owned-row.is-active .hd-artifact-owned-card{
  border-color:rgba(74,213,108,.72);
  box-shadow:0 0 10px rgba(65,205,99,.16)
}
.hd-artifact-owned-row.is-active .hd-artifact-id{
  border-color:rgba(74,213,108,.46);
  background:rgba(23,89,39,.32);
  color:#8feaab!important
}
.hd-artifact-owned-row.is-active .hd-artifact-name-line strong,
.hd-artifact-owned-row.is-active .hd-artifact-owned-copy>b{color:#87e9a3!important}
.hd-artifact-owned-row.is-active .hd-artifact-stars{color:#a5edb7!important}
.hd-artifacts-panel .hd-artifact-activate:not(:disabled){
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative;
  z-index:8;
}
.hd-artifacts-panel .hd-artifact-owned-action{
  position:relative;
  z-index:7;
}
.hd-artifacts-panel .hd-artifact-owned-row{
  cursor:default!important;
}
.hd-artifact-detail-copy{min-width:0;display:flex;flex-direction:column}
.hd-artifact-detail-copy p{flex:1}
.hd-artifact-detail-activate{
 width:100%;padding:5px 7px;
 
 
 font:900 .45rem/1.1 system-ui,sans-serif;cursor:pointer;
 position:relative;z-index:8;pointer-events:auto!important;}
.hd-artifact-detail-activate:hover:not(:disabled){filter:brightness(1.12)}
.hd-artifact-detail-activate:disabled{opacity:.60;cursor:not-allowed}
.hd-artifact-detail-card.is-active{
 opacity:1!important;
 
 box-shadow:inset 0 0 22px rgba(56,202,91,.11),0 0 12px rgba(56,202,91,.10)!important;}
.hd-artifact-detail-card.is-active .hd-artifact-detail-number{color:#8ff0aa!important;border-color:rgba(74,218,110,.68)!important;background:var(--hd-portal-inner-bg)!important}
.hd-artifact-detail-card.is-active .hd-artifact-detail-copy h3,
.hd-artifact-detail-card.is-active .hd-artifact-detail-copy strong{color:#8ee9a6!important}
.hd-artifact-detail-card.is-active .hd-artifact-detail-copy .stars{color:#a8edb9!important}
.hd-artifact-detail-card.is-active .hd-artifact-detail-copy small{color:#78dd94!important;font-weight:900!important}
.hd-artifact-detail-card.is-active .hd-artifact-detail-activate{opacity:1!important;border-color:rgba(74,187,105,.60)!important;background:linear-gradient(180deg,#286c3a,#153d23)!important;color:#a1ecb5!important}
.hd-public-rune-grid,.hd-public-talent-grid,.hd-public-achievement-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
}
.hd-public-rune,.hd-public-talent,.hd-public-achievement{
  padding:11px;border:1px solid rgba(74,121,159,.28);border-radius:9px;background:rgba(255,255,255,.025);
}
.hd-public-rune small,.hd-public-talent small,.hd-public-achievement small{display:block;color:#82728b;font-size:.53rem}
.hd-public-rune strong,.hd-public-talent strong{display:block;margin-top:4px;color:#edca67;font-size:.88rem}
.hd-dc-actions .danger{color:#f0a1a6;background:rgba(97,29,38,.32);border:1px solid rgba(190,70,80,.4)}
.hd-dc-hub{padding:14px}
.hd-dc-hub-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7f8aa7;font:900 .54rem/1 system-ui,sans-serif;letter-spacing:.05em;cursor:pointer;}
.hd-dc-hub-tab:hover{color:#bfcaf0;background:rgba(62,71,108,.18)}
.hd-dc-hub-tab.is-active{border-color:rgba(104,168,220,.38);background:linear-gradient(135deg,rgba(57,102,138,.42),rgba(31,51,67,.45));color:#d8edff;box-shadow:inset 0 0 20px rgba(89,150,200,.08)}
.hd-dc-hub-panel{display:none}
.hd-dc-hub-panel.is-active{display:block}
.hd-dc-auto-actions .primary{min-height:44px;font-size:.6rem}
.hd-dc-hub-tab{
 min-width:0;
 padding:7px 6px;
 font-size:.54rem;
 line-height:1;
 white-space:nowrap;
}
.hd-dc-hub-tab span{
 font-size:.5rem;
 white-space:nowrap;
}
.hd-dc-affix-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}
.hd-dc-affix-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,10,.80);backdrop-filter:blur(4px)}
.hd-dc-affix-modal-card{position:relative;width:min(720px,94vw);max-height:min(650px,88vh);overflow:hidden;display:flex;flex-direction:column;padding:14px;border:1px solid rgba(104,150,187,.35);border-radius:12px;background:rgba(16,19,30,.80);box-shadow:0 20px 70px rgba(0,0,0,.55)}
.hd-dc-affix-modal-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hd-dc-affix-modal-card h3{margin:3px 0 0;font-size:.8rem}
.hd-dc-affix-modal-card small{font-size:.45rem;color:#7d88a2}
.hd-dc-affix-intro{margin:10px 0;color:#8c96ad;font:650 .55rem/1.4 system-ui,sans-serif}
.hd-dc-affix-info-list{overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0}
.hd-dc-affix-info-list section{padding:9px;border:1px solid rgba(96,113,168,.16);border-radius:8px;background:rgba(9,11,18,.42)}
.hd-dc-affix-info-list h4{margin:0 0 6px;color:#a5c5df;font:900 .58rem/1 system-ui,sans-serif}
.hd-dc-affix-info-list article{padding:7px 2px;border-bottom:1px solid rgba(96,113,168,.12)}
.hd-dc-affix-info-list article:last-child{border-bottom:0}
.hd-dc-affix-info-list strong{display:block;color:#e3e8f5;font:900 .53rem/1.1 system-ui,sans-serif}
.hd-dc-affix-info-list span{display:block;margin-top:4px;color:#818ba2;font:650 .49rem/1.35 system-ui,sans-serif}
.hd-dc-affix-modal[hidden]{
 display:none!important;
 pointer-events:none!important;
 visibility:hidden!important;
}
.hd-dc-affix-modal:not([hidden]){pointer-events:auto}
.hd-dc-crafting-dismantle-card .danger{width:100%;min-height:36px;background:linear-gradient(180deg,#6d2222,rgba(60,17,17,.80));color:#ffb0b0;}
.hd-section[data-panel="character"]{
  padding-top:0!important;
color:var(--dev-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-section[data-panel="character"] .hd-char-dashboard{
  background:transparent;

  padding-top:0!important;
}
.hd-section[data-panel="character"] .hd-char-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  min-height:146px!important;
  margin:0 0 16px!important;
  padding:36px 0 24px!important;
  border-bottom:1px solid var(--dev-line)!important;
}
.hd-section[data-panel="character"] .hd-char-head .hdp2-kicker,
.hd-section[data-panel="character"] .hd-char-head .hd-kicker{
  display:block!important;
  margin-bottom:10px!important;
  color:var(--dev-pink)!important;
  font-size:.70rem!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.hd-section[data-panel="character"] .hd-char-head h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:2.25rem!important;
  line-height:1!important;
  font-weight:950!important;
  text-shadow:0 2px 0 rgba(188,118,35,.85),0 4px 9px rgba(222,146,48,.22)!important;
}
.hd-section[data-panel="character"] .hd-char-head p{
  margin:0!important;
  color:#c8c2cc!important;
  font-size:.76rem!important;
  line-height:1.55!important;
}
.hd-section[data-panel="character"] .hd-char-summary{
  display:flex!important;
  gap:8px!important;
}
.hd-section[data-panel="character"] .hd-char-summary span{
  padding:8px 12px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:999px!important;
color:#9993a0!important;
  font-size:.54rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="character"] .hd-char-summary b,
.hd-section[data-panel="character"] .hd-char-summary i,
.hd-section[data-panel="character"] .hd-char-summary u{
  color:#fff!important;
  font-style:normal!important;
  text-decoration:none!important;
}
.hd-section[data-panel="character"] .hd-char-panel>header>span{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border:1px solid #363a46!important;
  border-radius:8px!important;
color:#d7d1da!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-list,
.hd-section[data-panel="character"] .hd-artifact-slot-grid{
  background:transparent;
padding:10px!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-row,
.hd-section[data-panel="character"] .hd-artifact-owned-card,
.hd-section[data-panel="character"] .hd-artifact-owned-empty{
  border:1px solid var(--dev-border)!important;
  border-radius:8px!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-copy strong{color:#fff!important}
.hd-section[data-panel="character"] .hd-artifact-owned-copy small{color:var(--dev-muted)!important}
.hd-section[data-panel="character"] .hd-artifact-web-footer{
  border-top:1px solid var(--dev-line)!important;
  color:var(--dev-muted)!important;
}
.hd-rune-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding-top:10px!important;
}
.hd-rune-detail-card{
  padding:12px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:10px!important;
  background:var(--hd-portal-window-bg)!important;
  box-shadow:none!important;
}
.hd-rune-detail-card>header{
  display:grid!important;
  grid-template-columns:38px 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:50px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--dev-line)!important;
  background:transparent!important;
}
.hd-rune-detail-card>header>span{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border:1px solid #363a46!important;
  border-radius:8px!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#d7d1da!important;
}
.hd-rune-detail-card>header h3{
  margin:0!important;
  color:#fff!important;
  
  font-weight:950!important;
}
.hd-rune-detail-card>header small{
  color:var(--dev-muted)!important;
  
}
.hd-rune-detail-card>header>b{
  color:var(--dev-pink)!important;
  
}
.hd-rune-detail-levels{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:10px!important;
}
.hd-rune-detail-level{
  min-height:58px!important;
  padding:8px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:7px!important;
  background:var(--hd-portal-window-bg)!important;
  text-align:center!important;
}
.hd-rune-detail-level strong{color:#e7e3e9!important;}
.hd-rune-detail-level span{display:block!important;margin-top:5px!important;color:var(--dev-pink)!important;font-weight:900!important;}
.hd-rune-detail-level small{display:block!important;margin-top:5px!important;color:#78727d!important;}
.hd-rune-detail-level.is-owned{
border-color:#3aa76d!important;
  background:rgba(28,92,59,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(72,210,122,.12),0 0 12px rgba(72,210,122,.06)!important;
}

.hd-rune-detail-card .hd-character-buy-btn{
  width:100%!important;
  min-height:36px!important;
  margin-top:9px!important;
  border:1px solid #30333e!important;
  border-radius:8px!important;
  background:var(--hd-portal-window-bg)!important;
  color:#85808a!important;
  
  font-weight:900!important;
}
.hd-rune-detail-card .hd-character-buy-btn:not(:disabled){
  border-color:#4a6173!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#cfd9e2!important;
}
.hd-rune-detail-note{
  margin-top:12px!important;
  padding:10px 12px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:8px!important;
  background:var(--hd-portal-window-bg)!important;
  color:var(--dev-muted)!important;
  
}
.hd-talent-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding-top:10px!important;
}
.hd-talent-detail-branch{
  padding:12px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:10px!important;
  background:var(--hd-portal-window-bg)!important;
  box-shadow:none!important;
}
.hd-talent-detail-branch>header{
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  align-items:center!important;
  gap:10px!important;
  min-height:50px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--dev-line)!important;
}
.hd-talent-detail-branch>header>span{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border:1px solid #363a46!important;
  border-radius:8px!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#d7d1da!important;
}
.hd-talent-detail-branch h3{
  margin:0!important;
  color:#fff!important;
  
  font-weight:950!important;
}
.hd-talent-detail-branch header small{
  color:var(--dev-muted)!important;
  
}
.hd-talent-stage-list{
  display:grid!important;
  gap:6px!important;
  margin-top:10px!important;
}
.hd-talent-stage{
  display:grid!important;
  grid-template-columns:30px 1fr!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:7px 9px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:7px!important;
  background:var(--hd-portal-window-bg)!important;
}
.hd-talent-stage b{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border:1px solid #343844!important;
  border-radius:50%!important;
  background:var(--hd-portal-window-bg)!important;
  color:#d6d1d9!important;
  
}
.hd-talent-stage span{
  color:#e4e0e6!important;
  
}
.hd-talent-stage.is-owned{
border-color:#3aa76d!important;
  background:rgba(28,92,59,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(72,210,122,.12),0 0 12px rgba(72,210,122,.06)!important;
}
.hd-talent-stage.is-owned b{
color:#48d27a!important;
  border-color:#3aa76d!important;
  background:rgba(28,92,59,.30)!important;
}
.hd-talent-detail-branch .hd-character-buy-btn{
  width:100%!important;
  min-height:36px!important;
  margin-top:9px!important;
  border:1px solid #30333e!important;
  border-radius:8px!important;
  background:var(--hd-portal-window-bg)!important;
  color:#85808a!important;
  
  font-weight:900!important;
}
.hd-talent-detail-branch .hd-character-buy-btn:not(:disabled){
  border-color:#4a6173!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#cfd9e2!important;
}
.hd-talent-detail-footer{
  margin-top:12px!important;
  padding:10px 12px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:8px!important;
  background:var(--hd-portal-window-bg)!important;
  color:var(--dev-muted)!important;
  
}
.hd-artifact-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding-top:10px!important;
}
.hd-artifact-detail-card{
  display:grid!important;
  grid-template-columns:44px 1fr!important;
  gap:10px!important;
  min-height:180px!important;
  padding:12px!important;
  border:1px solid var(--dev-border)!important;
  border-radius:9px!important;
  background:var(--hd-portal-window-bg)!important;
  box-shadow:none!important;
}
.hd-artifact-detail-number{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border:1px solid #363a46!important;
  border-radius:8px!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#a9a3ad!important;
  
  font-weight:950!important;
}
.hd-artifact-detail-copy h3{
  margin:0!important;
  color:#fff!important;
  
  font-weight:950!important;
}
.hd-artifact-detail-copy .stars{
  display:block!important;
  margin:5px 0!important;
  color:var(--dev-pink)!important;
  
}
.hd-artifact-detail-copy strong{
  display:block!important;
  color:#ddd8e0!important;
  
}
.hd-artifact-detail-copy p{
  margin:7px 0!important;
  color:var(--dev-muted)!important;
  
  
}
.hd-artifact-detail-copy small{
  color:#817b86!important;
  
}
.hd-artifact-detail-card.is-owned{
  border-color:#454955!important;
}
.hd-artifact-detail-card.is-active{
  border-color:#516779!important;
  background:var(--hd-portal-window-bg)!important;
}
.hd-artifact-detail-activate{
  min-height:32px!important;
  margin-top:8px!important;
  border:1px solid #5b465e!important;
  border-radius:7px!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#ced7df!important;
  
  font-weight:900!important;
}
.hd-artifact-detail-activate.is-active,
.hd-artifact-detail-activate:disabled{
  border-color:#30333e!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#85808a!important;
}
.hd-rune-detail-card>header h3{
  font-size:.88rem!important;
  line-height:1.15!important;
}
.hd-rune-detail-card>header small{
  font-size:.62rem!important;
  line-height:1.45!important;
}
.hd-rune-detail-card>header>b{
  font-size:.86rem!important;
}
.hd-rune-detail-level strong{
  font-size:.63rem!important;
  line-height:1.2!important;
}
.hd-rune-detail-level span{
  font-size:.64rem!important;
  line-height:1.25!important;
}
.hd-rune-detail-level small{
  font-size:.54rem!important;
  line-height:1.3!important;
}
.hd-rune-detail-card .hd-character-buy-btn{
  font-size:.60rem!important;
  letter-spacing:.02em!important;
}
.hd-rune-detail-note{
  font-size:.61rem!important;
  line-height:1.55!important;
}
.hd-talent-detail-branch h3{
  font-size:.88rem!important;
  line-height:1.15!important;
}
.hd-talent-detail-branch header small{
  font-size:.60rem!important;
  line-height:1.4!important;
}
.hd-talent-stage b{
  font-size:.62rem!important;
}
.hd-talent-stage span{
  font-size:.66rem!important;
  line-height:1.4!important;
}
.hd-talent-detail-branch .hd-character-buy-btn{
  font-size:.60rem!important;
  letter-spacing:.02em!important;
}
.hd-talent-detail-footer{
  font-size:.61rem!important;
  line-height:1.55!important;
}
.hd-artifact-detail-copy h3{
  font-size:.80rem!important;
  line-height:1.2!important;
}
.hd-artifact-detail-copy .stars{
  font-size:.68rem!important;
}
.hd-artifact-detail-copy strong{
  font-size:.66rem!important;
  line-height:1.35!important;
}
.hd-artifact-detail-copy p{
  font-size:.58rem!important;
  line-height:1.55!important;
}
.hd-artifact-detail-copy small{
  font-size:.54rem!important;
  line-height:1.35!important;
}
.hd-artifact-detail-number{
  font-size:.76rem!important;
}
.hd-artifact-detail-activate{
  font-size:.58rem!important;
}
.hd-char-detail-page[data-char-detail="runes"] .hd-character-buy-btn,
.hd-char-detail-page[data-char-detail="runes"] .hd-character-buy-btn:disabled{
  border:1px solid #30333f!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#817b86!important;
  box-shadow:none!important;
  opacity:1!important;
}
.hd-char-detail-page[data-char-detail="runes"] .hd-character-buy-btn:not(:disabled){
  border-color:#4b6274!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#cfdce6!important;
}
.hd-char-detail-page[data-char-detail="runes"] .hd-character-buy-btn:not(:disabled):hover{
  border-color:#547c9c!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#e2ebf2!important;
}
.hd-section[data-panel="character"]{
  --ref-bg:rgba(7,8,16,.80);
  --ref-panel:rgba(11,12,19,.80);
  --ref-card:rgba(10,11,18,.80);
  --ref-border:#30333f;
  --ref-line:#242731;
  --ref-text:#f2f4f6;
  --ref-muted:#aaa2ad;
  --ref-pink:#6bb4f0;
  --ref-pink-dark:#427aa8;
}
.hd-section[data-panel="character"] .hd-char-columns{
  

  display:grid!important;
  
  gap:12px!important;
  
}
.hd-section[data-panel="character"] .hd-char-panel{
  display:flex!important;
  flex-direction:column!important;
  
  
  
  border:1px solid var(--ref-border)!important;
  border-radius:11px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.012)!important;
  overflow:hidden!important;
}
.hd-section[data-panel="character"] .hd-char-panel>header{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:100px!important;
  padding:16px 18px!important;
  border-bottom:1px solid var(--ref-line)!important;
}
.hd-section[data-panel="character"] .hd-char-panel>header>span:first-child{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border:1px solid #3a3e4a!important;
  border-radius:9px!important;
color:#e9f0f5!important;
  font-size:1.15rem!important;
  box-shadow:inset 0 0 20px rgba(107,180,240,.025)!important;
}
.hd-section[data-panel="character"] .hd-char-panel>header small{
  display:block!important;
  margin-bottom:5px!important;
  color:var(--ref-pink)!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
.hd-section[data-panel="character"] .hd-char-panel>header strong{
  display:block!important;
  color:#fff!important;
  font-size:1.30rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
}


/* Runen + Talente · gemeinsame Overview-Struktur */
.hd-section[data-panel="character"] .hd-runes-panel,
.hd-section[data-panel="character"] .hd-talents-panel{
  align-self:stretch!important;
  width:100%!important;
  height:718px!important;
  min-height:718px!important;
  max-height:718px!important;
  box-sizing:border-box!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list,
.hd-section[data-panel="character"] .hd-talent-web-list{
  display:grid!important;
  grid-auto-rows:78px!important;
  align-content:start!important;
  gap:8px!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list article,
.hd-section[data-panel="character"] .hd-talent-web-list article{
  position:relative!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) 100px!important;
  grid-template-rows:28px 28px!important;
  column-gap:10px!important;
  row-gap:4px!important;
  align-items:center!important;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  margin:0!important;
  padding:6px 9px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid var(--ref-border)!important;
  border-radius:9px!important;
  background:transparent!important;
}

.hd-section[data-panel="character"] .hd-rune-web-icon,
.hd-section[data-panel="character"] .hd-talent-web-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid #3b3f4c!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#e9f0f5!important;
  font-size:1.10rem!important;
  line-height:1!important;
}

.hd-section[data-panel="character"] .hd-rune-web-copy,
.hd-section[data-panel="character"] .hd-talent-web-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.hd-section[data-panel="character"] .hd-rune-web-copy>strong,
.hd-section[data-panel="character"] .hd-talent-web-copy>strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:.92rem!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.hd-section[data-panel="character"] .hd-rune-web-copy>small,
.hd-section[data-panel="character"] .hd-talent-web-copy>small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#aaa2ad!important;
  font-size:.60rem!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.hd-section[data-panel="character"] .hd-rune-web-copy>i,
.hd-section[data-panel="character"] .hd-talent-web-copy>i{
  display:none!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list article>b,
.hd-section[data-panel="character"] .hd-talent-web-list article>b{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  margin:0!important;
  padding:0 4px!important;
  box-sizing:border-box!important;
  color:var(--ref-pink)!important;
  text-align:right!important;
  line-height:1!important;
  font-weight:950!important;
  background:transparent!important;
}

.hd-section[data-panel="character"] .hd-rune-level-line,
.hd-section[data-panel="character"] .hd-talent-level-line{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--ref-pink)!important;
  font-size:1.18rem!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

.hd-section[data-panel="character"] .hd-rune-level-line u,
.hd-section[data-panel="character"] .hd-talent-level-line u{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  text-decoration:none!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list article>b>small,
.hd-section[data-panel="character"] .hd-talent-web-list article>b>small{
  display:block!important;
  margin-top:3px!important;
  padding:0!important;
  color:#d6cfd9!important;
  font-size:.58rem!important;
  line-height:1!important;
  font-weight:850!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list article>.hd-rune-quick-buy,
.hd-section[data-panel="character"] .hd-rune-web-list article>button,
.hd-section[data-panel="character"] .hd-talent-card-footer{
  grid-column:3!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:stretch!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0 7px!important;
  box-sizing:border-box!important;
  border-radius:7px!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list article>.hd-rune-quick-buy,
.hd-section[data-panel="character"] .hd-rune-web-list article>button{
  border:1px solid #3b3f4a!important;
  background:transparent!important;
  color:#eaeef1!important;
  box-shadow:none!important;
  font-size:.55rem!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  opacity:1!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list article>.hd-rune-quick-buy:disabled,
.hd-section[data-panel="character"] .hd-rune-web-list article>button:disabled{
  color:#a39ca7!important;
  border-color:#343741!important;
}

.hd-section[data-panel="character"] .hd-rune-web-list article>.hd-rune-quick-buy:not(:disabled),
.hd-section[data-panel="character"] .hd-rune-web-list article>button:not(:disabled){
  color:#e4edf5!important;
  border-color:#4b6071!important;
}

.hd-section[data-panel="character"] .hd-talent-card-footer{
  display:block!important;
  border:1px solid transparent!important;
  background:transparent!important;
  pointer-events:none!important;
}

.hd-section[data-panel="character"] .hd-talent-points{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
}

.hd-section[data-panel="character"] .hd-talent-points>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  margin:0!important;
  padding:6px 9px!important;
  box-sizing:border-box!important;
  border:1px solid var(--ref-border)!important;
  border-radius:9px!important;
  text-align:center!important;
}

.hd-section[data-panel="character"] .hd-talent-points small{
  color:#c0b8c3!important;
  font-size:.58rem!important;
  line-height:1!important;
  font-weight:850!important;
}

.hd-section[data-panel="character"] .hd-talent-points strong{
  display:block!important;
  margin-top:5px!important;
  color:#fff!important;
  font-size:1.18rem!important;
  line-height:1!important;
  font-weight:950!important;
}

.hd-section[data-panel="character"] .hd-artifacts-panel{
  align-self:start!important;
  min-height:0!important;
}
.hd-section[data-panel="character"] .hd-artifact-filter-pill{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  justify-self:end!important;
  min-width:118px!important;
  height:38px!important;
  padding:0 14px!important;
  border:1px solid #3a3d48!important;
  border-radius:7px!important;
color:#eaeef1!important;
  font-size:.64rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="character"] .hd-artifact-filter-pill b{
  margin-left:auto!important;
  color:#bfb8c2!important;
  font-size:.75rem!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-list{
  background:transparent;

  display:flex!important;
  flex:0 0 auto!important;
  padding:14px!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-empty{
  position:relative!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:320px!important;
  width:100%!important;
  padding:28px 24px!important;
  border:1px solid var(--ref-border)!important;
  border-radius:9px!important;
text-align:center!important;
}
.hd-section[data-panel="character"] .hd-artifact-empty-symbol{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:106px!important;
  height:106px!important;
  margin-bottom:30px!important;
}
.hd-section[data-panel="character"] .hd-artifact-empty-symbol::before,
.hd-section[data-panel="character"] .hd-artifact-empty-symbol::after{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid #5d5362!important;
  transform:rotate(45deg)!important;
}
.hd-section[data-panel="character"] .hd-artifact-empty-symbol::after{
  inset:29px!important;
  border-color:#3e627f!important;
  border-radius:50%!important;
  transform:none!important;
  box-shadow:0 0 24px rgba(107,180,239,.08)!important;
}
.hd-section[data-panel="character"] .hd-artifact-empty-symbol>span{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  border:1px solid #47647c!important;
  border-radius:50%!important;
color:#f4faff!important;
  font-size:1.35rem!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-empty>strong{
  color:#fff!important;
  font-size:.94rem!important;
  line-height:1.1!important;
  font-weight:950!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-empty>small{
  margin-top:10px!important;
  color:#aaa2ad!important;
  font-size:.68rem!important;
  line-height:1.4!important;
}
.hd-section[data-panel="character"] .hd-artifact-open-cta{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  border:1px solid #346d9b!important;
  border-radius:7px!important;
color:#fff!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
}
.hd-section[data-panel="character"] .hd-artifact-web-footer{
  display:none!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-row{
  width:100%!important;
  border-color:var(--ref-border)!important;
}
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 118px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:14px!important;
  min-height:100px!important;
  padding:16px 18px!important;
  overflow:hidden!important;
}
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head>span:first-child{
  grid-column:1!important;
  grid-row:1!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
}
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head>div:nth-child(2){
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head>.hd-artifact-filter-pill{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  align-self:center!important;
  justify-self:end!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 13px!important;
  box-sizing:border-box!important;
  border:1px solid #3a3d48!important;
  border-radius:7px!important;
color:#eaeef1!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:.64rem!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head>.hd-artifact-filter-pill>b{
  flex:0 0 auto!important;
  margin:0 0 0 12px!important;
  color:#bfb8c2!important;
  font-size:.75rem!important;
  line-height:1!important;
}
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head>.hd-artifact-filter-pill::before,
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head>.hd-artifact-filter-pill::after{
  content:none!important;
}
.hd-section[data-panel="character"] .hd-artifact-panel-head{
  grid-template-columns:54px minmax(0,1fr)!important;
}
.hd-section[data-panel="character"] .hd-artifact-filter-pill,
.hd-section[data-panel="character"] .hd-artifact-open-cta{
  display:none!important;
}
.hd-section[data-panel="character"] .hd-artifact-owned-empty{
  padding-bottom:38px!important;
}
.hd-section[data-panel="character"] .hd-char-columns{
  background:transparent;

  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.hd-section[data-panel="character"] .hd-char-panel{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
}
.hd-section[data-panel="character"] .hd-char-panel>header,
.hd-section[data-panel="character"] .hd-artifacts-panel>.hd-artifact-panel-head{
  grid-template-columns:54px minmax(0,1fr) auto!important;
  min-height:100px!important;
  height:100px!important;
  box-sizing:border-box!important;
}
.hd-section[data-panel="character"] .hd-char-click-hint{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid rgba(107,180,240,.62)!important;
  border-radius:8px!important;
color:#dcefff!important;
  font-style:normal!important;
  font-size:.62rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}
.hd-section[data-panel="character"] .hd-char-panel:hover .hd-char-click-hint{border-color:rgba(107,180,240,.9)!important;
}


/* ================================================================
   07 · QUESTS
   ================================================================ */
.hd-quests-dashboard{height:100%;display:flex;flex-direction:column;min-height:0}
.hd-quests-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 9px;border-bottom:1px solid rgba(80,126,164,.22)}
.hd-quests-head h2{margin:2px 0;color:#f0cc68;font-size:1.25rem;letter-spacing:.06em}
.hd-quests-head p{margin:2px 0 0;max-width:790px;color:#95869f;font:500 .61rem/1.3 system-ui,sans-serif}
.hd-quests-total small,.hd-quests-total strong{display:block}
.hd-quests-total small{font:800 .45rem/1 system-ui,sans-serif;}
.hd-quests-total strong{font:900 .9rem/1 system-ui,sans-serif;}
.hd-quest-loading{display:grid;place-items:center;min-height:170px;font:700 .62rem/1 system-ui,sans-serif;}
.hd-quest-live-grid{margin-top:8px;}
.hd-quest-live-card{align-items:center;}
.hd-quest-activepack{border-color:rgba(104,166,216,.38)}
.hd-quest-community{border-color:rgba(219,174,65,.38)}
.hd-quest-live-main{min-width:0}
.hd-quest-live-main>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.hd-quest-live-main header small{display:block;font:800 .42rem/1 system-ui,sans-serif;letter-spacing:.09em;}
.hd-quest-live-main h3{margin:3px 0 0;color:#cbd8e2;font:800 .66rem/1 system-ui,sans-serif}
.hd-quest-live-main header>span{flex:0 0 auto;font:800 .40rem/1 system-ui,sans-serif;}
.hd-quest-live-card.is-complete{border-color:rgba(75,163,99,.52);box-shadow:inset 0 0 20px rgba(55,134,76,.06)}
.hd-quest-live-card.is-complete header>span{color:#7fd096;border-color:rgba(75,163,99,.38);background:rgba(27,70,39,.20)}
.hd-quest-live-progress>div{gap:8px;color:#9a89a4;font:700 .49rem/1 system-ui,sans-serif;}
.hd-quest-live-progress strong{color:#c9d5df}
.hd-quest-live-progress i{margin-top:5px;}
.hd-quest-live-progress em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d7bad,#edc65d);transition:width .3s ease}
.hd-quest-community .hd-quest-live-progress em{background:linear-gradient(90deg,#c18d26,#f0d070)}
.hd-quest-live-main footer{flex-wrap:wrap;}
.hd-quest-live-main footer span{font:700 .40rem/1 system-ui,sans-serif;}
.hd-section[data-panel="quests"]{
  padding-top:0!important;
color:#f2f4f6!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-quests-pagehead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:28px!important;
  min-height:146px!important;
  margin:0 0 16px!important;
  padding:36px 0 24px!important;
  border-bottom:1px solid #232631!important;
  background:linear-gradient(180deg,rgba(11,12,19,.80),rgba(8,9,16,.80))!important;
}
.hd-quests-pagehead-copy{
  min-width:0!important;
}
.hd-quests-pagehead .hdp2-kicker{
  display:block!important;
  margin:0 0 10px!important;
  color:#5baaea!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.hd-quests-pagehead h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:2.25rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  text-shadow:0 2px 0 rgba(188,118,35,.85),0 4px 9px rgba(222,146,48,.22)!important;
}
.hd-quests-pagehead p{
  max-width:820px!important;
  margin:0!important;
  color:#c8c2cc!important;
  font-size:.76rem!important;
  line-height:1.55!important;
}
.hd-quests-total{
  min-width:150px!important;
  padding:11px 14px!important;
  border:1px solid #2a2d38!important;
  border-radius:999px!important;
  background:var(--hd-portal-window-bg)!important;
  text-align:center!important;
}
.hd-quests-total small{
  display:block!important;
  color:#98919c!important;
  font-size:.54rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
.hd-quests-total strong{
  display:block!important;
  margin-top:5px!important;
  color:#fff!important;
  font-size:.92rem!important;
}
.hd-quest-live-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.hd-quest-live-card{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:160px!important;
  padding:14px!important;
  border:1px solid #2a2d38!important;
  border-radius:10px!important;
  background:var(--hd-portal-window-bg)!important;
  box-shadow:none!important;
}
.hd-quest-live-icon{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  border:1px solid #373b47!important;
  border-radius:8px!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#e4dde7!important;
  font-size:1.05rem!important;
}
.hd-quest-live-main header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.hd-quest-live-main header small{
  color:#5baaea!important;
  font-size:.56rem!important;
  font-weight:900!important;
}
.hd-quest-live-main header h3{
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:.86rem!important;
  font-weight:950!important;
}
.hd-quest-live-main header>span{
  padding:6px 9px!important;
  border:1px solid #343742!important;
  border-radius:999px!important;
  background:rgba(11,13,19,.80)!important;
  color:#b1aab5!important;
  font-size:.50rem!important;
  font-weight:900!important;
}
.hd-quest-live-progress{
  margin-top:16px!important;
}
.hd-quest-live-progress>div{
  display:flex!important;
  justify-content:space-between!important;
  margin-bottom:6px!important;
}
.hd-quest-live-progress strong,
.hd-quest-live-progress b{
  color:#c7c0cb!important;
  font-size:.56rem!important;
}
.hd-quest-live-progress i{
  display:block!important;
  height:6px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(32,35,45,.80)!important;
}
.hd-quest-live-progress i em{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#4e96d1,#6bb4f0)!important;
}
.hd-quest-live-main footer{
  display:flex!important;
  gap:8px!important;
  margin-top:14px!important;
}
.hd-quest-live-main footer span{
  flex:1!important;
  padding:9px 10px!important;
  border:1px solid #2a2d38!important;
  border-radius:7px!important;
  background:var(--hd-portal-window-bg)!important;
  color:#9f98a4!important;
  font-size:.52rem!important;
}
.hd-quest-live-main footer b{
  color:#fff!important;
}
.hd-section[data-panel="quests"] button{
  border-color:#4b6071!important;
color:#d7e5f0!important;
}
.hd-quest-live-grid-top{
  margin:0 0 16px!important;
}
.hd-personal-quest-section{
  margin-top:14px!important;
  padding:0!important;
  border:1px solid #2a2d38!important;
  border-radius:10px!important;
  background:var(--hd-portal-window-bg)!important;
  overflow:hidden!important;
}
.hd-personal-quest-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:74px!important;
  padding:14px 16px!important;
  border-bottom:1px solid #242731!important;
  background:rgba(11,12,19,.80)!important;
}
.hd-personal-quest-head small{
  display:block!important;
  color:#5baaea!important;
  font-size:.58rem!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.hd-personal-quest-head h3{
  margin:5px 0 0!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:950!important;
}
.hd-personal-quest-head>span{
  padding:8px 11px!important;
  border:1px solid #30333f!important;
  border-radius:999px!important;
  background:rgba(10,11,18,.80)!important;
  color:#938c98!important;
  font-size:.52rem!important;
  font-weight:850!important;
}
.hd-personal-quest-head>span b{
  margin-left:5px!important;
  color:#fff!important;
}
.hd-personal-quest-grid{
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
}
.hd-daily-quest-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.hd-weekly-quest-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.hd-personal-quest-card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:10px 11px!important;
  min-width:0!important;
  min-height:166px!important;
  padding:12px!important;
  border:1px solid #2b2e39!important;
  border-radius:9px!important;
  background:rgba(9,10,17,.80)!important;
}
.hd-personal-quest-number{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border:1px solid #393d49!important;
  border-radius:8px!important;
  background:var(--hd-portal-inner-bg)!important;
  color:#e8e1ea!important;
  font-size:.66rem!important;
  font-weight:950!important;
}
.hd-personal-quest-copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
.hd-personal-quest-copy>small{
  display:block!important;
  color:#5baaea!important;
  font-size:.52rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
.hd-personal-quest-copy>strong{
  display:block!important;
  min-height:34px!important;
  margin-top:5px!important;
  color:#fff!important;
  font-size:.69rem!important;
  line-height:1.3!important;
  font-weight:900!important;
}
.hd-personal-quest-progress{
  margin-top:12px!important;
}
.hd-personal-quest-progress>div{
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:6px!important;
}
.hd-personal-quest-progress span,
.hd-personal-quest-progress b{
  color:#aaa2ad!important;
  font-size:.52rem!important;
}
.hd-personal-quest-progress i{
  display:block!important;
  height:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(32,35,45,.80)!important;
}
.hd-personal-quest-progress i em{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#4e96d1,#6bb4f0)!important;
}
.hd-personal-quest-reward{
  grid-column:1 / -1!important;
  grid-row:2!important;
  padding:9px 10px!important;
  border:1px solid #252833!important;
  border-radius:7px!important;
  background:rgba(12,13,20,.80)!important;
}
.hd-personal-quest-reward small{
  display:block!important;
  color:#8f8995!important;
  font-size:.48rem!important;
  font-weight:850!important;
}
.hd-personal-quest-reward strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:.62rem!important;
}
.hd-personal-quest-reward span{
  display:block!important;
  margin-top:3px!important;
  color:#5baaea!important;
  font-size:.55rem!important;
  font-weight:900!important;
}
.hd-personal-quest-card.is-complete{
  border-color:#475b6b!important;
  background:rgba(14,13,18,.80)!important;
}
.hd-personal-quest-card.is-complete .hd-personal-quest-number{
  border-color:#4b6072!important;
  color:#7bbcf1!important;
}
.hd-quest-loading{
  grid-column:1/-1!important;
  padding:24px!important;
  color:#918a96!important;
  text-align:center!important;
  font-size:.65rem!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-card{
  min-height:176px!important;
  padding:16px 17px!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-main header small{
  font-size:.64rem!important;
  line-height:1.2!important;
  letter-spacing:.07em!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-main header h3{
  margin-top:5px!important;
  font-size:.98rem!important;
  line-height:1.1!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-main header>span{
  padding:7px 10px!important;
  font-size:.58rem!important;
  line-height:1!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-progress{
  margin-top:18px!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-progress>div{
  margin-bottom:8px!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-progress strong{
  color:#edf1f4!important;
  font-size:.68rem!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-progress b{
  color:#6bb4f0!important;
  font-size:.66rem!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-progress i{
  height:7px!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-main footer{
  gap:10px!important;
  margin-top:16px!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-main footer span{
  min-height:40px!important;
  padding:10px 12px!important;
  color:#aaa2ad!important;
  font-size:.60rem!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.hd-section[data-panel="quests"] .hd-quest-live-main footer b{
  color:#fff!important;
  font-size:.64rem!important;
  font-weight:950!important;
}
.hd-section[data-panel="quests"] .hd-personal-quest-copy>small{
  font-size:.57rem!important;
}
.hd-section[data-panel="quests"] .hd-personal-quest-copy>strong{
  min-height:38px!important;
  font-size:.74rem!important;
  line-height:1.35!important;
}
.hd-section[data-panel="quests"] .hd-personal-quest-progress span,
.hd-section[data-panel="quests"] .hd-personal-quest-progress b{
  font-size:.57rem!important;
}
.hd-section[data-panel="quests"] .hd-personal-quest-reward small{
  font-size:.52rem!important;
}
.hd-section[data-panel="quests"] .hd-personal-quest-reward strong{
  font-size:.68rem!important;
}
.hd-section[data-panel="quests"] .hd-personal-quest-reward span{
  font-size:.61rem!important;
}


/* ================================================================
   08 · RANGLISTEN
   ================================================================ */
.hd-profile-dashboard,.hd-rankings-dashboard{height:100%;display:flex;flex-direction:column;min-height:0}
.hd-ranking-row{display:grid;align-items:center;min-height:25px;color:#b9aabe;font:700 .61rem/1 system-ui,sans-serif;}
.hd-ranking-row b{color:#d8b858}
.hd-ranking-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e3eb}
.hd-ranking-row span{color:#88788f;}
.hd-ranking-row>span{color:#88788f!important;}
.hd-ranking-value-number{color:#8fdcff!important;}
.hd-pack-rank-table i b{color:#8fdcff!important;}

.hd-ranking-main-head{
  margin-bottom:8px;
}
.hd-ranking-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin-bottom:8px;
}
.hd-ranking-tabs button{
  min-height:34px;
  border:1px solid rgba(80,126,164,.4);
  border-radius:8px;
  background:rgba(16,22,27,.80);
  color:#a996b6;
  font:800 .72rem/1 system-ui,sans-serif;
  letter-spacing:.06em;
}
.hd-ranking-tabs button.is-active{
  color:#2b1807;
  border-color:#ebc861;
  background:linear-gradient(180deg,#f3d576,#d59a2b);
  box-shadow:0 0 14px rgba(228,183,74,.2);
}
.hd-ranking-tab-panel{
  display:none;
  flex:1;
  min-height:0;
}
.hd-ranking-tab-panel.is-active{
  display:flex;
}
.hd-ranking-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:100%;
  min-height:0;
}

#hd-ranking-pve{
  grid-template-columns:1fr;
  grid-template-rows:repeat(2,minmax(0,1fr));
}
#hd-ranking-pve .hd-ranking-row{
  grid-template-columns:24px minmax(120px,1fr) minmax(0,auto);
  text-align:left;
}
#hd-ranking-pve .hd-ranking-row span{
  white-space:nowrap;
  font-size:.72rem;
}
#hd-ranking-pve .hd-ranking-pack-table .hd-ranking-row{
  grid-template-columns:24px minmax(120px,1fr) minmax(570px,2.4fr);
}
.hd-pack-rank-table{
  display:grid;
  grid-template-columns:repeat(6,minmax(82px,1fr));
  align-items:center;
  width:100%;
  gap:8px;
}
.hd-pack-rank-table i{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#a9a0ad;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}
.hd-pack-rank-table i b{
  color:#8fdcff;
  font-size:.76rem;
  text-align:right;
}
.hd-pack-rank-table i:last-child{
  padding-left:8px;
  border-left:1px solid rgba(143,220,255,.22);
}
@media (max-width:980px){
  #hd-ranking-pve .hd-ranking-pack-table .hd-ranking-row{
    grid-template-columns:24px minmax(100px,.75fr) minmax(480px,2.5fr);
  }
  .hd-pack-rank-table{
    grid-template-columns:repeat(6,minmax(70px,1fr));
    gap:5px;
  }
  .hd-pack-rank-table i{font-size:.66rem}
}

.hd-ranking-list-card{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:10px 12px;
  border:1px solid rgba(80,126,164,.38);
  border-radius:12px;
  background:rgba(8,10,18,.80)!important;
}
.hd-ranking-list-card h3{
  margin:0;
  color:#edca67;
  font:800 .8rem/1 system-ui,sans-serif;
  letter-spacing:.07em;
}
.hd-ranking-list-card-head{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:23px;
  margin:0 0 7px;
}
.hd-ranking-frame-preview-btn{
  flex:0 0 auto;
  min-height:31px;
  padding:0 14px;
  border:1px solid rgba(235,200,97,.48);
  border-radius:6px;
  background:rgba(21,25,31,.94);
  color:#edca67;
  font:900 .62rem/1 system-ui,sans-serif;
  letter-spacing:.08em;
  cursor:pointer;
}
.hd-ranking-frame-preview-btn:hover,
.hd-ranking-frame-preview-btn[aria-expanded="true"]{
  border-color:#edca67;
  background:rgba(55,42,13,.96);
  box-shadow:0 0 10px rgba(228,183,74,.16);
}
.hd-ranking-list-card.has-frame-preview{position:relative}
.hd-ranking-frame-popover[hidden]{display:none!important}
.hd-ranking-frame-popover{
  position:absolute;
  z-index:40;
  top:46px;
  right:10px;
  width:min(720px,calc(100% - 20px));
  padding:15px 16px 18px;
  border:1px solid rgba(235,200,97,.48);
  border-radius:10px;
  background:rgba(7,10,15,.985);
  box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 18px rgba(228,183,74,.10);
}
.hd-ranking-frame-popover-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(80,126,164,.18);
}
.hd-ranking-frame-popover-head strong{
  color:#f0d477;
  font:900 .68rem/1 system-ui,sans-serif;
  letter-spacing:.08em;
}
.hd-ranking-frame-popover-head button{
  width:24px;
  height:24px;
  padding:0;
  border:1px solid rgba(104,126,144,.36);
  border-radius:6px;
  background:rgba(17,22,27,.9);
  color:#c7d0d8;
  font:800 1rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.hd-ranking-frame-preview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.hd-ranking-frame-preview-item{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  text-align:center;
}
.hd-ranking-frame-preview{
  width:196px!important;
  height:224px!important;
  max-width:100%;
}
.hd-ranking-frame-preview-item>b{
  color:#e8c862;
  font:900 .68rem/1 system-ui,sans-serif;
  letter-spacing:.06em;
}
.hd-ranking-frame-preview-item>small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8f9aa4;
  font:800 .56rem/1.1 system-ui,sans-serif;
  letter-spacing:.03em;
}
@media (max-width:720px){
  .hd-ranking-frame-popover{left:10px;right:10px;width:auto}
  .hd-ranking-frame-preview{width:150px!important;height:172px!important}
}
.hd-ranking-list{
  display:grid;
  grid-template-rows:repeat(10,minmax(0,1fr));
  gap:2px;
  flex:1;
  min-height:0;
}
.hd-ranking-list .hd-ranking-row{
  min-height:0;
  padding:3px 2px;
  border-bottom:1px solid rgba(80,126,164,.12);
}
.hd-ranking-list .hd-ranking-row:last-child{
  border-bottom:0;
}
.hd-ranking-row{
  grid-template-columns:24px minmax(0,1fr) auto;
  gap:7px;
  font-size:.7rem;
}

.hd-ranking-row strong{
  font-size:.7rem;
}
.hd-ranking-player-link,.hd-ranking-player-name{text-align:left;justify-self:start;}
.hd-ranking-row span{
  font-size:.64rem;
}
.hd-ranking-row b{
  font-size:.72rem;
}
.hd-home-info-card,
.hd-home-commands,
.hd-rank-main,
.hd-ranking-card,
.hd-pack-card,
.hd-admin-player-browser,
.hd-admin-player-detail{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 0 28px rgba(39,88,128,.035);
}
.hd-ranking-head-actions{margin-left:auto!important}
/* RANKED 1ON1 · eigene Portal-Seite direkt vor den normalen Ranglisten */
.hd-section[data-panel="ranked1on1"] .hd-ranked1-dashboard{min-height:0!important}
.hd-section[data-panel="ranked1on1"] #hd-refresh-ranked1{min-height:40px!important;padding:0 16px!important;border:1px solid #4d3d51!important;border-radius:8px!important;background:rgba(16,20,24,.80)!important;color:#ddd4df!important;font-size:.60rem!important;font-weight:900!important}
.hd-section[data-panel="ranked1on1"] #hd-refresh-ranked1:hover{border-color:#4e6375!important;color:#fff!important}
.hd-ranked1-summary{margin:0 0 14px}
.hd-ranked1-player-card{display:grid;grid-template-columns:minmax(250px,1.45fr) repeat(5,minmax(105px,.7fr));align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--uni-border);border-radius:10px;background:linear-gradient(110deg,rgba(19,24,31,.96),rgba(9,11,18,.92));box-shadow:inset 0 0 28px rgba(39,88,128,.04)}
.hd-ranked1-player-main{display:flex;align-items:center;gap:14px;min-width:0}
.hd-ranked1-player-main>div{display:grid;gap:4px;min-width:0}
.hd-ranked1-player-main small,.hd-ranked1-stat small{color:#817786;font-size:.55rem;font-weight:950;letter-spacing:.08em}
.hd-ranked1-player-main strong{overflow:hidden;color:#fff;font-size:1rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
.hd-ranked1-player-main span{color:#9cb7c8;font-size:.68rem;font-weight:850}
.hd-ranked1-avatar{display:inline-grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:54px!important;min-width:48px!important}
.hd-ranked1-avatar.is-large{flex-basis:62px!important;width:62px!important;height:70px!important;min-width:62px!important}
.hd-ranked1-avatar img,.hd-ranked1-avatar>span{width:100%!important;height:100%!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:#171b22!important;color:#d8e1e8!important;font-size:1rem!important;font-weight:950!important}
.hd-ranked1-stat{display:grid;gap:5px;min-width:0;padding:8px 10px;border-left:1px solid rgba(255,255,255,.055)}
.hd-ranked1-stat strong{color:#edf3f7;font-size:.92rem;font-weight:950;white-space:nowrap}
.hd-ranked1-stat strong i{color:#655d69;font-style:normal}
.hd-ranked1-division{display:inline-flex;align-items:center;width:max-content;margin-top:2px;padding:3px 7px;border:1px solid currentColor;border-radius:999px;background:rgba(255,255,255,.035);font-size:.55rem!important;line-height:1;font-style:normal;font-weight:950;letter-spacing:.06em;white-space:nowrap}
.hd-ranked1-division.is-bronze{color:#c88a5b}.hd-ranked1-division.is-silber{color:#c8d0d9}.hd-ranked1-division.is-gold{color:#e5c45d}.hd-ranked1-division.is-platin{color:#73c9c2}.hd-ranked1-division.is-diamant{color:#73bfff}.hd-ranked1-division.is-meister{color:#d994ff}
.hd-ranked1-unranked{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid var(--uni-border);border-radius:10px;background:var(--hd-portal-window-bg)}
.hd-ranked1-unranked strong{color:#fff;font-size:.82rem;letter-spacing:.05em;white-space:nowrap}
.hd-ranked1-unranked span{color:#aaa3ae;font-size:.76rem;line-height:1.45}.hd-ranked1-unranked b{color:#9ed8ff}
.hd-ranked1-board{overflow:hidden;border:1px solid var(--uni-border);border-radius:10px;background:var(--hd-portal-window-bg)}
.hd-ranked1-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--uni-line);background:rgba(10,12,19,.88)}
.hd-ranked1-board-head div{display:grid;gap:6px}.hd-ranked1-board-head span{color:#817786;font-size:.66rem;font-weight:950;letter-spacing:.08em}.hd-ranked1-board-head h3{margin:0;color:#fff;font-size:1.12rem;letter-spacing:.045em}.hd-ranked1-board-head small{color:#7d8790;font-size:.72rem;font-weight:800}
.hd-ranked1-table-head,.hd-ranked1-row{display:grid;grid-template-columns:54px minmax(220px,1.6fr) 100px 105px 105px 115px;align-items:center;gap:12px;padding:0 16px}
.hd-ranked1-table-head{min-height:38px;border-bottom:1px solid #20232c;background:rgba(13,15,22,.92);color:#6f6974;font-size:.64rem;font-weight:950;letter-spacing:.07em}.hd-ranked1-table-head span:nth-child(n+3){text-align:right}
.hd-ranked1-row{min-height:82px;border-bottom:1px solid #20232c;background:rgba(8,10,18,.80)}.hd-ranked1-row:last-child{border-bottom:0}.hd-ranked1-row.is-current-player{background:linear-gradient(90deg,rgba(255,75,88,.08),rgba(8,10,18,.80) 52%)}
.hd-ranked1-row>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #353945;border-radius:8px;background:rgba(21,23,32,.80);color:#cfc8d2;font-size:.92rem;font-weight:950}.hd-ranked1-row:nth-child(1)>b{border-color:#d4a934;color:#f5d66d}.hd-ranked1-row:nth-child(2)>b{border-color:#aeb7c3;color:#dce2ea}.hd-ranked1-row:nth-child(3)>b{border-color:#b8733a;color:#e2a16d}
.hd-ranked1-person{display:flex;align-items:center;gap:12px;min-width:0}.hd-ranked1-person>div{display:flex;align-items:center;min-width:0;height:100%}.hd-ranked1-person .hd-ranking-player-link,.hd-ranked1-person .hd-ranking-player-name{justify-self:start;min-width:0;padding:0;border:0;background:transparent;color:#ecf0f3;font-size:1.05rem;line-height:1.2;font-weight:900;font-family:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-ranked1-person .hd-ranking-player-link:hover{color:var(--uni-pink2)}.hd-ranked1-row.is-current-player .hd-ranking-player-link,.hd-ranked1-row.is-current-player .hd-ranking-player-name{color:#ff4b58}.hd-ranked1-person small{color:#8a838e;font-size:.70rem;font-weight:850}
.hd-ranked1-row>span,.hd-ranked1-elo{justify-self:end;color:#c4bdc8;font-size:.94rem;font-weight:900;text-align:right}.hd-ranked1-elo{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#8fdcff;font-size:1.08rem}.hd-ranked1-elo .hd-ranked1-division{margin-top:0}
@media(max-width:900px){.hd-ranked1-player-card{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-ranked1-player-main{grid-column:1/-1}.hd-ranked1-stat{border-left:0;border-top:1px solid rgba(255,255,255,.055)}.hd-ranked1-board{overflow-x:auto}.hd-ranked1-table-head,.hd-ranked1-row{min-width:760px}.hd-ranked1-board-head{min-width:760px}}

.hd-section[data-panel="rankings"] .hd-rankings-dashboard{
  min-height:0!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-head-actions{
  margin-left:auto!important;
}
.hd-section[data-panel="rankings"] #hd-refresh-rankings{
  min-height:40px!important;
  padding:0 16px!important;
  border:1px solid #4d3d51!important;
  border-radius:8px!important;
  background:rgba(16,20,24,.80)!important;
  color:#ddd4df!important;
  font-size:.60rem!important;
  font-weight:900!important;
}
.hd-section[data-panel="rankings"] #hd-refresh-rankings:hover{
  border-color:#4e6375!important;
  color:#fff!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 14px!important;
  padding:7px!important;
  border:1px solid var(--uni-border)!important;
  border-radius:10px!important;
  background:rgba(8,10,18,.80)!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-tabs button{
  min-height:44px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:rgba(13,14,21,.80)!important;
  color:#aaa2ad!important;
  font-size:.66rem!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-tabs button.is-active{
  border-color:#4b5f70!important;
  background:rgba(16,21,25,.80)!important;
  color:#e8eff5!important;
  box-shadow:inset 0 0 0 1px rgba(91,170,234,.06)!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-tab-panel{
  display:none!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-tab-panel.is-active{
  display:block!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-two-col{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-list-card{
  overflow:hidden!important;
  border:1px solid var(--uni-border)!important;
  border-radius:10px!important;
  background:var(--hd-portal-window-bg)!important;
  box-shadow:none!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-list-card h3{
  min-height:54px!important;
  margin:0!important;
  padding:17px 16px!important;
  border-bottom:1px solid var(--uni-line)!important;
  background:var(--hd-portal-window-bg)!important;
  color:#fff!important;
  font-size:.90rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-list{
  display:grid!important;
  gap:0!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-row{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) minmax(92px,auto)!important;
  align-items:center!important;
  gap:16px!important;
  min-height:62px!important;
  padding:9px 16px!important;
  border:0!important;
  border-bottom:1px solid #20232c!important;
  background:rgba(8,10,18,.80)!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-row:last-child{
  border-bottom:0!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-row>b{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border:1px solid #353945!important;
  border-radius:8px!important;
  background:rgba(21,23,32,.80)!important;
  color:#cfc8d2!important;
  font-size:.82rem!important;
  font-weight:950!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-row:nth-child(1)>b,
.hd-section[data-panel="rankings"] .hd-ranking-row:nth-child(2)>b,
.hd-section[data-panel="rankings"] .hd-ranking-row:nth-child(3)>b{
  border-color:#644867!important;
  color:var(--uni-pink2)!important;
}

.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(1){
  background:linear-gradient(90deg,rgba(212,169,52,.16),rgba(8,10,18,.80) 45%)!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(1)>b{
  border-color:#d4a934!important;
  background:rgba(212,169,52,.14)!important;
  color:#f5d66d!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(1) .hd-ranking-player-link,
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(1) .hd-ranking-player-name,
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(1)>span{
  color:#f5d66d!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(2){
  background:linear-gradient(90deg,rgba(171,181,194,.13),rgba(8,10,18,.80) 45%)!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(2)>b{
  border-color:#aeb7c3!important;
  background:rgba(174,183,195,.12)!important;
  color:#dce2ea!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(2) .hd-ranking-player-link,
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(2) .hd-ranking-player-name,
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(2)>span{
  color:#dce2ea!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(3){
  background:linear-gradient(90deg,rgba(184,112,58,.15),rgba(8,10,18,.80) 45%)!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(3)>b{
  border-color:#b8733a!important;
  background:rgba(184,115,58,.13)!important;
  color:#e2a16d!important;
}
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(3) .hd-ranking-player-link,
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(3) .hd-ranking-player-name,
.hd-section[data-panel="rankings"] [data-ranking-panel="support"] .hd-ranking-list .hd-ranking-row:nth-child(3)>span{
  color:#e2a16d!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-player-link,
.hd-section[data-panel="rankings"] .hd-ranking-player-name{
  justify-self:start!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#ecf0f3!important;
  font-family:inherit!important;
  font-size:.90rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.hd-section[data-panel="rankings"] .hd-ranking-row.is-current-player .hd-ranking-player-link,
.hd-section[data-panel="rankings"] .hd-ranking-row.is-current-player .hd-ranking-player-name,
.hd-section[data-panel="rankings"] .hd-ranking-row.is-current-player .hd-ranking-player-link:hover{
  color:#ff4b58!important;
  text-shadow:0 0 8px rgba(255,75,88,.22)!important;
}

.hd-section[data-panel="rankings"] .hd-ranking-player-link:hover{
  color:var(--uni-pink2)!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-row>span{
  justify-self:end!important;
  color:#b8b1bc!important;
  font-size:.82rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-align:right!important;
}

.hd-section[data-panel="rankings"] .hd-ranking-support-reward-note{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:12px!important;
  padding:14px 16px!important;
  border:1px solid rgba(212,169,52,.36)!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,rgba(212,169,52,.10),rgba(8,10,18,.82))!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-support-reward-note strong{
  flex:0 0 auto!important;
  color:#f5d66d!important;
  font-size:.76rem!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
}
.hd-section[data-panel="rankings"] .hd-ranking-support-reward-note span{
  color:#d9e0e6!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  font-weight:750!important;
}


main.panel .hd-section[data-panel="rankings"] .hd-rankings-dashboard,
main.panel .hd-section[data-panel="rankings"] .hd-ranking-tab-panel,
main.panel .hd-section[data-panel="rankings"] .hd-ranking-two-col,
main.panel .hd-section[data-panel="rankings"] .hd-ranking-list{
  background:transparent!important;
}

.hd-shop-pack>*{
  min-width:0!important;
  box-sizing:border-box!important;
}

/* SHOP · einzige maßgebliche Quelle für Kartenrahmen, Grid und Kaufbuttons */
.hd-shop-v2-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
  border:1px solid #30333f!important;
  border-radius:12px!important;
  background:rgba(8,10,18,var(--hd-portal-window-alpha))!important;
  overflow:hidden!important;
}


/* SHOP · kanonische Typografie, Preise und Sicherheit */
.hd-section[data-panel="shop"] .hd-shop-pack-tag{
  display:block!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  color:#63b6ff!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack h3{
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:1.02rem!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack-desc{
  align-self:start!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:4px 0 0!important;
  overflow:hidden!important;
  color:#c7c0cb!important;
  font-size:.72rem!important;
  line-height:1.35!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack-back>span{
  display:none!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack-cost{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:6px 8px!important;
  box-sizing:border-box!important;
  border:1px solid #30333f!important;
  border-radius:8px!important;
  background:rgba(9,11,18,.48)!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack-cost small{
  display:block!important;
  margin:0 0 4px!important;
  padding:0!important;
  color:#9fa4ad!important;
  font-size:.58rem!important;
  line-height:1!important;
  font-weight:850!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack-cost strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#6bb4f0!important;
  font-size:.86rem!important;
  line-height:1!important;
  font-weight:950!important;
}

.hd-section[data-panel="shop"] .hd-shop-price-base,
.hd-section[data-panel="shop"] .hd-shop-price-sale{display:inline-block}
.hd-section[data-panel="shop"] .hd-shop-price-sale[hidden],
.hd-section[data-panel="shop"] .hd-shop-happy-badge[hidden]{display:none!important}
.hd-section[data-panel="shop"] .hd-shop-pack-cost.is-happy-hour{position:relative;border-color:#24689a!important;background:linear-gradient(180deg,rgba(10,29,45,.9),rgba(6,17,28,.94))!important}
.hd-section[data-panel="shop"] .hd-shop-pack-cost.is-happy-hour .hd-shop-price-base{margin-right:7px;color:#778794;text-decoration:line-through;text-decoration-thickness:1px}
.hd-section[data-panel="shop"] .hd-shop-pack-cost.is-happy-hour .hd-shop-price-sale{color:#79d7ff;font-weight:950}
.hd-section[data-panel="shop"] .hd-shop-happy-badge{position:absolute;top:5px;right:7px;color:#8fdcff;font-size:.48rem;font-style:normal;font-weight:950;letter-spacing:.08em}

.hd-section[data-panel="shop"] .hd-shop-security-note strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#e7edf2!important;
  font-size:.65rem!important;
  line-height:1.1!important;
  font-weight:900!important;
}

.hd-section[data-panel="shop"] .hd-shop-security-note small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#9da4ad!important;
  font-size:.58rem!important;
  line-height:1.3!important;
  font-weight:650!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack{
  display:grid!important;
  grid-template-rows: 20px 30px 50px minmax(0,1fr) 96px 52px 38px!important;
  min-width:0!important;
  width:100%!important;
  height:690px!important;
  min-height:690px!important;
  max-height:690px!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #3a3e4b!important;
  border-radius:10px!important;
  background:rgba(10,11,18,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
  color:#f2f4f6!important;
}

.hd-section[data-panel="shop"] .hd-shop-pack:hover{
  border-color:#4b5262!important;
  transform:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

.hd-section[data-panel="shop"] .hd-shop-buy-btn{
  align-self:end!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  border:1px solid #4b5f70!important;
  border-radius:8px!important;
  background:rgba(13,16,24,.82)!important;
  color:#e5ecf1!important;
  box-shadow:none!important;
  font-size:.87rem!important;
  line-height:1!important;
  font-weight:950!important;
  cursor:pointer!important;
}

.hd-section[data-panel="shop"] .hd-shop-buy-btn:hover:not(:disabled){
  border-color:#577b98!important;
  background:rgba(18,25,35,.92)!important;
  color:#fff!important;
}

.hd-section[data-panel="shop"] .hd-shop-buy-btn:disabled{
  border-color:#30333e!important;
  background:rgba(10,11,18,.65)!important;
  color:#77717c!important;
  opacity:1!important;
  cursor:not-allowed!important;
}

shop-pack h3{
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  font-size:1rem!important;
  line-height:1!important;
}

.hd-shop-pack-back{
  position:relative!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.hd-shop-pack-back img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
}

.hd-shop-pack ul{
  align-self:start!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  margin:0!important;
  padding:4px 0 0 1.05rem!important;
  overflow:hidden!important;
  font-size:.72rem!important;
  line-height:1.55!important;
}


@media(max-width:1200px){
}
@media(max-width:760px){
  .hd-shop-grid{
    grid-template-columns:1fr!important;
  }
}
.hd-section[data-panel="shop"] .hd-shop-home{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  padding-top:2px;
}
.hd-section[data-panel="shop"] .hd-section-head{
  flex:0 0 auto;
  min-height:62px;
  margin:0 0 8px;
  padding:2px 2px 8px;
}
.hd-section[data-panel="shop"] .hd-section-head h2{
  margin:1px 0 2px;
  font-size:1.3rem;
}
.hd-section[data-panel="shop"] .hd-section-head p{
  font-size:.72rem;
  line-height:1.2;
  max-width:760px;
}
.hd-section[data-panel="shop"] .hd-shop-wallet{
  flex:0 0 auto;
  min-width:120px;
  padding:7px 11px;
}
.hd-section[data-panel="shop"] .hd-pack-orb{
  width:40px;
  height:40px;
  margin-bottom:6px;
}
.hd-section[data-panel="shop"] .hd-pack-card h3{
  margin:2px 0 4px;
  font-size:1rem;
}
.hd-section[data-panel="shop"] .hd-pack-card p{
  flex:0 0 auto;
  margin:4px 0 6px;
  font-size:.7rem;
  line-height:1.2;
}
.hd-section[data-panel="shop"] .hd-pack-features{
  gap:3px;
  margin:4px 0;
}
.hd-section[data-panel="shop"] .hd-pack-features span{
  padding:4px 6px;
  font-size:.57rem;
}
.hd-section[data-panel="shop"] .hd-pack-meta{
  margin:6px 0;
  padding:6px 0;
}
.hd-section[data-panel="shop"] .hd-shop-secondary{
  flex:0 0 auto;
  margin-top:7px;
}
.hd-section[data-panel="shop"] .hd-shop-secondary article{
  min-height:44px;
  padding:7px 10px;
}
.hd-home-info-card,
.hd-home-commands,
.hd-profile-dashboard,
.hd-rankings-dashboard,
.hd-shop-home,
.hd-admin-dashboard{
  border-color:rgba(80,126,164,.26);
}
.hd-profile-dashboard,
.hd-collection-dashboard,
.hd-char-dashboard,
.hd-quest-page,
.hd-player-search-page,
.hd-ranking-page,
.hd-shop-v2,
.hd-admin-dashboard{
  padding-top:18px!important;
}
.hd-profile-dash-head h2,
.hd-collection-head h2,
.hd-char-head h2,
.hd-quest-page h2,
.hd-ranking-page h2,
.hd-shop-v2 h2{
  font-family:var(--hd-font)!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
}
.hd-section[data-panel="rankings"],
.hd-section[data-panel="shop"],
.hd-section[data-panel="playersearch"],
.hd-section[data-panel="ranked1on1"]{
  --uni-bg:rgba(7,8,16,.80);
  --uni-panel:rgba(10,11,18,.80);
  --uni-panel2:rgba(13,14,21,.80);
  --uni-card:rgba(9,10,17,.80);
  --uni-border:#2b2e39;
  --uni-line:#232631;
  --uni-text:#f2f4f6;
  --uni-muted:#aaa2ad;
  --uni-pink:#5baaea;
  --uni-pink2:#69b3ef;
  padding-top:0!important;
color:var(--uni-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.hd-section[data-panel="rankings"] .hd-unified-pagehead,
.hd-section[data-panel="shop"] .hd-unified-pagehead,
.hd-section[data-panel="playersearch"] .hd-unified-pagehead,
.hd-section[data-panel="ranked1on1"] .hd-unified-pagehead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:28px!important;
  min-height:146px!important;
  margin:0 0 16px!important;
  padding:36px 0 24px!important;
  border-bottom:1px solid var(--uni-line)!important;
  background:var(--hd-portal-window-bg)!important;
}
.hd-section[data-panel="rankings"] .hd-unified-pagehead .hdp2-kicker,
.hd-section[data-panel="shop"] .hd-unified-pagehead .hdp2-kicker,
.hd-section[data-panel="playersearch"] .hd-unified-pagehead .hdp2-kicker,
.hd-section[data-panel="ranked1on1"] .hd-unified-pagehead .hdp2-kicker{
  display:block!important;
  margin:0 0 10px!important;
  color:var(--uni-pink)!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.hd-section[data-panel="rankings"] .hd-unified-pagehead h2,
.hd-section[data-panel="shop"] .hd-unified-pagehead h2,
.hd-section[data-panel="playersearch"] .hd-unified-pagehead h2,
.hd-section[data-panel="ranked1on1"] .hd-unified-pagehead h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:2.25rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  text-shadow:0 2px 0 rgba(188,118,35,.82),0 4px 9px rgba(222,146,48,.20)!important;
}
.hd-section[data-panel="rankings"] .hd-unified-pagehead p,
.hd-section[data-panel="shop"] .hd-unified-pagehead p,
.hd-section[data-panel="playersearch"] .hd-unified-pagehead p,
.hd-section[data-panel="ranked1on1"] .hd-unified-pagehead p{
  max-width:820px!important;
  margin:0!important;
  color:#c8c2cc!important;
  font-size:.76rem!important;
  line-height:1.55!important;
}
.hd-section[data-panel="shop"] .hd-shop-v2{
  padding-top:0!important;
}
.hd-section[data-panel="shop"] .hd-unified-pagehead .hdp2-kicker{
  font-size:.70rem!important;
}
.hd-section[data-panel="shop"] .hd-unified-pagehead h2{
  font-size:2.25rem!important;
}
.hd-section[data-panel="shop"] .hd-unified-pagehead p{
  font-size:.76rem!important;
}


/* ================================================================
   10 · SPIELERSUCHE
   ================================================================ */
.hd-admin-player-search{display:flex;gap:6px;margin-bottom:7px}
.hd-admin-player-search input{width:100%;min-width:0;height:34px;padding:7px 10px;border:1px solid rgba(80,126,164,.45);border-radius:8px;outline:none;background:rgba(10,15,19,.80);color:#dfe8f0;font:700 .66rem/1 system-ui,sans-serif}
.hd-admin-player-search input:focus{border-color:rgba(231,195,95,.62);box-shadow:0 0 0 2px rgba(231,195,95,.08)}
.hd-admin-player-search button{min-height:34px;padding:6px 10px;font-size:.57rem}
.hd-section[data-panel="playersearch"] .hd-main-player-search{
  min-height:0!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-grid{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:560px!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-side,
.hd-section[data-panel="playersearch"] .hd-main-player-profile{
  min-width:0!important;
  border:1px solid var(--uni-border)!important;
  border-radius:10px!important;
box-shadow:none!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-side{
  padding:12px!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 88px!important;
  gap:7px!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-form input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 12px!important;
  border:1px solid #343844!important;
  border-radius:8px!important;
  outline:none!important;
color:#edf1f4!important;
  font-family:inherit!important;
  font-size:.64rem!important;
  box-shadow:none!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-form input::placeholder{
  color:#77717b!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-form input:focus{
  border-color:#4b5f70!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-search-form button{
  min-height:42px!important;
  padding:0 10px!important;
  border:1px solid #4b5f70!important;
  border-radius:8px!important;
color:#e4ebf0!important;
  font-size:.57rem!important;
  font-weight:950!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-results{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  max-height:485px!important;
  margin-top:10px!important;
  overflow:auto!important;
  border:0!important;
box-shadow:none!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-results[hidden]{
  display:flex!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-results button{
  position:static!important;
  display:block!important;
  width:100%!important;
  min-height:48px!important;
  padding:10px 11px!important;
  border:1px solid #292c37!important;
  border-radius:8px!important;
color:#e8ecf0!important;
  font-size:.62rem!important;
  line-height:1.3!important;
  font-weight:850!important;
  text-align:left!important;
  box-shadow:none!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-results button:hover,
.hd-section[data-panel="playersearch"] .hd-main-player-results button.is-active{
  border-color:#475b6b!important;
color:#fff!important;
}
.hd-section[data-panel="playersearch"] .hd-main-player-profile{
  padding:12px!important;
  overflow:auto!important;
}
.hd-section[data-panel="playersearch"] .hd-public-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:110px!important;
  padding:20px!important;
  color:#8f8995!important;
  font-size:.64rem!important;
  line-height:1.5!important;
  text-align:center!important;
}
.hd-section[data-panel="playersearch"] .hd-public-profile-card.is-embedded{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
box-shadow:none!important;
}
.hd-section[data-panel="playersearch"] .hd-public-profile-card header,
.hd-section[data-panel="playersearch"] .hd-public-profile-head{
  border-color:var(--uni-line)!important;
}
.hd-section[data-panel="playersearch"] .hd-public-profile-card h2,
.hd-section[data-panel="playersearch"] .hd-public-profile-card h3,
.hd-section[data-panel="playersearch"] .hd-public-profile-card strong{
  color:#f2f4f6!important;
}
.hd-section[data-panel="playersearch"] .hd-public-profile-card small,
.hd-section[data-panel="playersearch"] .hd-public-profile-card p,
.hd-section[data-panel="playersearch"] .hd-public-profile-card span{
  color:#aaa2ad!important;
}
.hd-section[data-panel="playersearch"] .hd-public-stat-detail,
.hd-section[data-panel="playersearch"] .hd-public-favorite,
.hd-section[data-panel="playersearch"] .hd-public-showcase-favorites>*{
  border-color:#2b2e39!important;
box-shadow:none!important;
}
.hd-section[data-panel="playersearch"] .hd-public-favorite{
  border-color:#3a3440!important;
}
.hd-section[data-panel="playersearch"] .hd-public-favorite em,
.hd-section[data-panel="playersearch"] .hd-public-profile-card .stars{
  color:var(--uni-pink2)!important;
}


/* ================================================================
   11 · ADMIN
   ================================================================ */
.hd-section[data-panel="admin"]{min-height:0!important}
.hd-admin-dashboard{height:auto;display:flex;flex-direction:column;min-height:0}
.hd-admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.hd-admin-head h2{margin:2px 0;color:#f0cf70;font-size:1.35rem;letter-spacing:.07em}
.hd-admin-role{padding:7px 10px;border:1px solid rgba(228,180,77,.36);border-radius:999px;background:rgba(31,20,12,.52);color:#e8ca75;font:800 .58rem/1 system-ui,sans-serif;letter-spacing:.09em}
.hd-recent-visitors{flex:1;min-height:0;padding:12px;border:1px solid rgba(80,126,164,.34);border-radius:13px;background:var(--hd-portal-window-bg);overflow:auto}
.hd-recent-visitors-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid rgba(80,126,164,.2)}
.hd-recent-visitors-head strong{color:#c3d8ea;font:800 .68rem/1 system-ui,sans-serif;letter-spacing:.1em}
.hd-recent-visitors-head span{color:#776882;font:700 .54rem/1 system-ui,sans-serif}
.hd-recent-visitors-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.hd-recent-visitor{display:grid;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid rgba(79,107,130,.25);border-radius:9px;background:rgba(6,9,11,.62);}
.hd-recent-visitor img,.hd-recent-avatar-fallback{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;object-fit:cover;border:1px solid rgba(226,185,79,.42);background:var(--hd-portal-inner-bg);color:#e6c965;font:800 .72rem/1 system-ui,sans-serif}
.hd-recent-visitor-copy{min-width:0}
.hd-recent-visitor-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8e1e9;font:800 .62rem/1.1 system-ui,sans-serif}
.hd-recent-visitor-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#74677c;font:600 .51rem/1 system-ui,sans-serif}
.hd-recent-visitors-empty{padding:16px;text-align:center;color:#796c82;font:600 .62rem/1.2 system-ui,sans-serif}
.hd-admin-tabs{display:flex;gap:6px;margin-bottom:9px;padding:4px;border:1px solid rgba(80,126,164,.28);border-radius:10px;}
.hd-admin-tabs button{min-height:31px;padding:6px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8f7e99;font:800 .58rem/1 system-ui,sans-serif;letter-spacing:.07em}
.hd-admin-tabs button.is-active{color:#281607;border-color:#e7c35f;background:linear-gradient(180deg,#f3d477,#cf9225)}
.hd-admin-subpanel{display:none;flex:0 0 auto;min-height:0}
.hd-admin-subpanel.is-active{display:flex;flex-direction:column;align-self:stretch}
.hd-admin-command-page{display:flex;flex:1;min-height:0;flex-direction:column;padding:10px;border:1px solid rgba(80,126,164,.32);border-radius:12px;background:var(--hd-portal-window-bg);overflow:hidden}
.hd-admin-command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(80,126,164,.22)}
.hd-admin-command-head small{display:block;color:#8c729a;font:800 .48rem/1 system-ui,sans-serif;letter-spacing:.12em}
.hd-admin-command-head h3{margin:4px 0 0;color:#efce6d;font:900 1rem/1 system-ui,sans-serif;letter-spacing:.07em}
.hd-admin-command-head>span{padding:5px 8px;border:1px solid rgba(104,159,119,.28);border-radius:999px;background:rgba(26,70,39,.2);color:#8bcf9d;font:800 .48rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-admin-command-note{margin:8px 0;padding:7px 9px;border:1px solid rgba(80,126,164,.24);border-radius:8px;background:rgba(19,31,40,.45);color:#8f8098;font:650 .55rem/1.35 system-ui,sans-serif}
.hd-admin-command-note b{color:#c7d5e1}
.hd-admin-command-note span{color:#e7c55d;font-weight:900}
.hd-admin-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:auto;min-height:0;padding-right:3px}
.hd-admin-command-grid article{position:relative;min-height:66px;padding:9px 10px;border:1px solid rgba(79,107,130,.25);border-radius:9px;background:linear-gradient(180deg,rgba(14,22,29,.74),rgba(7,11,14,.72))}
.hd-admin-command-grid article.is-danger{border-color:rgba(183,71,83,.38);background:linear-gradient(180deg,rgba(45,18,24,.5),rgba(8,11,13,.74))}
.hd-admin-command-grid code{display:block;padding-right:105px;color:#f0cc68;background:none;font:900 .68rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}
.hd-admin-command-grid em{position:absolute;right:9px;top:9px;padding:3px 5px;border:1px solid rgba(80,126,164,.34);border-radius:5px;color:#8aa4b9;font:900 .42rem/1 system-ui,sans-serif;letter-spacing:.05em}
.hd-admin-command-grid p{margin:7px 0 0;color:#95879d;font:600 .55rem/1.3 system-ui,sans-serif}
.hd-admin-command-grid p b{color:#c7d4df}
.hd-admin-player-shell{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,2fr);gap:9px;flex:1;min-height:0}
.hd-admin-banlist-shell{margin-top:9px;border:1px solid rgba(126,74,88,.34);border-radius:12px;background:var(--hd-portal-window-bg);overflow:hidden}
.hd-admin-banlist-shell>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid rgba(126,74,88,.24);background:rgba(42,16,23,.18)}
.hd-admin-banlist-shell>header small{display:block;color:#9b7180;font:800 .47rem/1 system-ui,sans-serif;letter-spacing:.12em}
.hd-admin-banlist-shell>header h3{margin:3px 0 0;color:#e9c8cf;font:900 .82rem/1 system-ui,sans-serif;letter-spacing:.07em}
.hd-admin-banlist-shell>header p{margin:4px 0 0;color:#806d76;font:600 .52rem/1.25 system-ui,sans-serif}
.hd-admin-banlist-shell>header>strong{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(177,74,91,.34);border-radius:999px;background:rgba(86,24,35,.26);color:#dc8796;font:900 .49rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-admin-ban-list{display:grid;gap:5px;max-height:220px;overflow:auto;padding:8px}
.hd-admin-ban-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border:1px solid rgba(123,69,83,.26);border-radius:8px;background:rgba(22,10,14,.54)}
.hd-admin-ban-row strong{display:block;color:#e0d3d7;font:800 .61rem/1.1 system-ui,sans-serif}
.hd-admin-ban-row small{display:block;margin-top:3px;color:#8f6974;font:700 .47rem/1.1 system-ui,sans-serif;letter-spacing:.04em}
.hd-admin-ban-row p{margin:5px 0 0;color:#a9959b;font:600 .53rem/1.25 system-ui,sans-serif}
.hd-admin-unban-list-btn{min-width:100px}
.hd-admin-ban-empty{padding:14px;text-align:center;color:#816f78;font:700 .58rem/1.2 system-ui,sans-serif}
.hd-admin-player-browser,.hd-admin-player-detail{min-height:0;border:1px solid rgba(80,126,164,.32);border-radius:12px;background:var(--hd-portal-window-bg);overflow:hidden}
.hd-admin-player-browser{display:flex;flex-direction:column;padding:9px}
.hd-admin-player-list{display:grid;gap:5px;overflow:auto;min-height:0;padding-right:2px}
.hd-admin-player-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;min-height:43px;padding:7px 8px;border:1px solid rgba(76,100,119,.24);border-radius:8px;background:rgba(8,12,15,.64);text-align:left}
.hd-admin-player-row:hover{transform:none!important;border-color:rgba(105,154,194,.48)}
.hd-admin-player-row.is-active{border-color:rgba(229,189,84,.62);background:rgba(64,42,25,.28)}
.hd-admin-player-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d1dce5;font:800 .63rem/1.1 system-ui,sans-serif}
.hd-admin-player-row small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#74677d;font:600 .52rem/1 system-ui,sans-serif}
.hd-admin-player-row>span{color:#7992a7;font:800 .55rem/1 system-ui,sans-serif}
.hd-admin-player-detail{overflow:auto;padding:10px}
.hd-admin-player-empty{height:100%;display:grid;place-items:center;padding:20px;color:#766981;text-align:center;font:700 .65rem/1.35 system-ui,sans-serif}
.hd-admin-player-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(80,126,164,.22)}
.hd-admin-player-detail-head h3{margin:2px 0 0;color:#efce6d;font-size:1rem;letter-spacing:.05em}
.hd-admin-player-key{color:#776981;font:700 .55rem/1 system-ui,sans-serif}
.hd-admin-readonly{padding:5px 7px;border:1px solid rgba(104,159,119,.28);border-radius:999px;background:rgba(26,70,39,.2);color:#8bcf9d;font:800 .49rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-admin-stat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:8px}
.hd-admin-stat-grid article{padding:7px 8px;border:1px solid rgba(79,107,130,.24);border-radius:8px;background:rgba(8,12,16,.80)}
.hd-admin-stat-grid small{display:block;color:#776981;font:800 .48rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-admin-stat-grid strong{display:block;margin-top:4px;color:#d2dce5;font:800 .68rem/1 system-ui,sans-serif}
.hd-admin-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.hd-admin-detail-card{padding:8px;border:1px solid rgba(79,107,130,.24);border-radius:9px;background:rgba(7,11,14,.52)}
.hd-admin-detail-card>strong{display:block;margin-bottom:7px;color:#9fc3e0;font:800 .58rem/1 system-ui,sans-serif;letter-spacing:.09em}
.hd-admin-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.hd-admin-mini-grid span{padding:6px;border-radius:6px;background:rgba(26,41,53,.34);color:#887992;font:700 .5rem/1.15 system-ui,sans-serif}
.hd-admin-mini-grid b{display:block;margin-top:3px;color:#d0dae3;font-size:.61rem}
.hd-admin-id-list{margin-top:6px;color:#877991;font:600 .51rem/1.3 system-ui,sans-serif;word-break:break-word}
.hd-admin-loading{padding:14px;text-align:center;color:#8c7a97;font:700 .59rem/1 system-ui,sans-serif}
.hd-overview-hero h2,
.hd-section-head h2,
.hd-profile-dash-head h2,
.hd-char-head h2,
.hd-admin-head h2{
  text-shadow:0 0 18px rgba(228,180,77,.12);
}
.primary,
.hd-nav button.is-active,
.hd-showcase-tabs button.is-active,
.hd-compact-tabs button.is-active,
.hd-admin-tabs button.is-active{
  background:
    linear-gradient(180deg,#ffe58a 0%,#e4ae39 56%,#bd7917 100%);
  border-color:#f3cc67;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(79,38,2,.28),
    0 6px 16px rgba(181,119,23,.20),
    0 0 18px rgba(233,188,73,.08);
}
.hd-admin-head{
  padding-bottom:9px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(80,126,164,.18);
}
.hd-admin-tabs{
  background:rgba(6,9,12,.62);
}
.hd-recent-visitor,
.hd-admin-player-row{
  transition:border-color .16s ease,background .16s ease;
}
.hd-recent-visitor:hover,
.hd-admin-player-row:hover{
  background:rgba(29,47,61,.42);
}
.hd-recent-visitor{
  position:relative;
}
.hd-recent-visitor.is-online{
  border-color:rgba(77,184,108,.48)!important;
  box-shadow:inset 0 0 18px rgba(52,146,78,.06);
}
.hd-recent-online-badge,
.hd-admin-online-badge{
  color:#7ee29a!important;
  font:900 .46rem/1 system-ui,sans-serif!important;
  letter-spacing:.06em;
  white-space:nowrap;
  text-shadow:0 0 9px rgba(93,225,127,.24);
}
.hd-recent-online-badge[hidden],
.hd-admin-online-badge[hidden]{
  display:none!important;
}
.hd-admin-player-row.is-online{
  border-color:rgba(74,174,101,.42)!important;
}
.hd-admin-player-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:max-content;
}
.hd-admin-player-right>span{
  color:#7992a7;
  font:800 .55rem/1 system-ui,sans-serif;
}
.hd-admin-readonly.is-online{
  color:#7ee29a!important;
  border-color:rgba(78,181,107,.42)!important;
  background:rgba(25,78,41,.24)!important;
}
.hd-recent-visitor{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
.hd-admin-frame-studio{height:100%;display:flex;flex-direction:column;min-height:0;padding:12px;border:1px solid rgba(80,126,164,.32);border-radius:12px;background:var(--hd-portal-window-bg)}
.hd-admin-frame-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 3px 11px;border-bottom:1px solid rgba(80,126,164,.22)}
.hd-admin-frame-studio-head small{color:#7ca0bd;font:900 .52rem/1 system-ui,sans-serif;letter-spacing:.1em}
.hd-admin-frame-studio-head h3{margin:5px 0;color:#dce9f3;font:900 1rem/1 system-ui,sans-serif;letter-spacing:.06em}
.hd-admin-frame-studio-head p{max-width:760px;margin:0;color:#91839a;font:600 .59rem/1.35 system-ui,sans-serif}
.hd-admin-frame-studio-head>span{padding:6px 9px;border:1px solid rgba(91,184,236,.32);border-radius:999px;background:rgba(30,79,108,.22);color:#8fd6ff;font:900 .48rem/1 system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap}
.hd-admin-frame-studio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:12px;overflow:auto}
.hd-admin-frame-studio-grid>article{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:12px 9px;border:1px solid rgba(76,110,137,.28);border-radius:10px;background:rgba(8,12,16,.80);text-align:center}
.hd-admin-frame-avatar{width:92px;height:109px;padding:4px;flex:0 0 auto}
.hd-admin-frame-avatar img,.hd-admin-frame-avatar>span{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;object-fit:cover;clip-path:inherit;background:rgba(13,21,28,.98);color:#b6d6eb;font:900 1.55rem/1 Georgia,serif}
.hd-admin-frame-studio-grid small{display:block;color:#7599b6;font:900 .48rem/1.1 system-ui,sans-serif;letter-spacing:.06em}
.hd-admin-frame-studio-grid h4{margin:4px 0;color:#dce8f1;font:900 .69rem/1.1 system-ui,sans-serif;letter-spacing:.04em}
.hd-admin-frame-studio-grid p{min-height:44px;margin:0;color:#8e7f96;font:600 .52rem/1.35 system-ui,sans-serif}
.hd-admin-frame-studio-grid code{display:inline-block;margin-top:6px;padding:4px 6px;border:1px solid rgba(84,132,168,.24);border-radius:6px;background:rgba(8,17,24,.76);color:#86c9ed;font:800 .47rem/1 ui-monospace,monospace}
.hd-admin-twitch-panel{height:auto;display:flex;flex-direction:column;min-height:0;padding:12px;border:1px solid rgba(80,126,164,.32);border-radius:12px;background:rgba(7,10,13,.80)}
.hd-admin-twitch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 3px 11px;border-bottom:1px solid rgba(80,126,164,.22)}
.hd-admin-twitch-head small{color:#7ca0bd;font:900 .52rem/1 system-ui,sans-serif;letter-spacing:.1em}
.hd-admin-twitch-head h3{margin:5px 0 5px;color:#efce6d;font:900 1rem/1 system-ui,sans-serif;letter-spacing:.06em}
.hd-admin-twitch-head p{max-width:760px;margin:0;color:#81738b;font:600 .59rem/1.35 system-ui,sans-serif}
.hd-admin-twitch-head>span{padding:6px 9px;border:1px solid rgba(103,199,132,.25);border-radius:999px;background:rgba(25,78,43,.17);color:#88d7a0;font:900 .48rem/1 system-ui,sans-serif;letter-spacing:.08em}
.hd-admin-moderation-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;padding:10px;border:1px solid rgba(179,84,84,.32);border-radius:9px;background:rgba(55,16,20,.22)}
.hd-admin-moderation-card small,.hd-admin-moderation-card strong,.hd-admin-moderation-card span{display:block}
.hd-admin-moderation-card small{color:#b9898d;font:800 .47rem/1 system-ui,sans-serif;letter-spacing:.09em}
.hd-admin-moderation-card strong{margin-top:4px;color:#ebd6d7;font:800 .66rem/1.1 system-ui,sans-serif}
.hd-admin-moderation-card span{margin-top:4px;color:#947b80;font:600 .52rem/1.3 system-ui,sans-serif}
.hd-admin-ban-btn{border-color:rgba(220,83,83,.62)!important;background:rgba(112,27,34,.38)!important;color:#ffc1c1!important}
.hd-admin-readonly.is-banned{border-color:rgba(222,80,80,.5);background:rgba(105,25,31,.3);color:#ffabab}
.hd-admin-audit-shell{height:100%;display:flex;flex-direction:column;min-height:0;padding:10px;border:1px solid rgba(80,126,164,.32);border-radius:12px;background:var(--hd-portal-window-bg)}
.hd-admin-audit-shell>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(80,126,164,.22)}
.hd-admin-audit-shell>header small{color:#7ca0bd;font:900 .49rem/1 system-ui,sans-serif;letter-spacing:.1em}
.hd-admin-audit-shell>header h3{margin:4px 0;color:#efce6d;font-size:1rem}
.hd-admin-audit-shell>header p{margin:0;color:#81738b;font:600 .62rem/1.35 system-ui,sans-serif}
.hd-admin-audit-list{display:grid;gap:6px;overflow:auto;padding-top:8px}
.hd-admin-audit-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr);gap:12px;padding:9px;border:1px solid rgba(79,107,130,.24);border-radius:8px;background:rgba(8,12,16,.80)}
.hd-admin-audit-row strong{display:block;color:#d1dce5;font:800 .68rem/1.15 system-ui,sans-serif}
.hd-admin-audit-row small{display:block;margin-top:4px;color:#776981;font:600 .56rem/1.2 system-ui,sans-serif}
.hd-admin-audit-row p{margin:0;color:#9b8ba4;font:600 .62rem/1.35 system-ui,sans-serif;word-break:break-word}


/* ================================================================
   12 · RESPONSIVE / MEDIA QUERIES
   ================================================================ */
@media(max-width:900px){
  .hdp2-frame-vault-page .hd-achievement-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd-admin-frame-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body{
    justify-content:center;
    align-items:flex-end;
    background-position:center top;
    padding:20px;
  }
  body::before{
    background:linear-gradient(180deg,rgba(4,6,8,.04),rgba(4,6,8,.38) 40%,rgba(4,6,8,.72) 100%);
  }
  .panel{
    width:min(620px,100%);
  }
}
@media(max-width:520px){
  .hdp2-frame-vault-page .hd-achievement-frame-grid{grid-template-columns:1fr}
  .hdp2-frame-vault-page .hd-achievement-frame-choice{grid-template-columns:52px minmax(0,1fr);min-height:82px}
  .hdp2-frame-vault-page .hd-achievement-frame-choice>em{grid-column:2;grid-row:3;justify-self:start;margin-top:2px}
  .hd-frame-vault-summary{min-width:0;text-align:left}
  body{
    padding:12px;
    align-items:flex-end;
  }
  .panel{
    padding:22px 16px 18px;
    border-radius:20px;
  }
  .actions{
    grid-template-columns:1fr;
  }
  .actions button:first-child{grid-column:auto}
  .user{
    padding:12px;
  }
  .user img{
    width:50px;
    height:50px;
  }
}
@media(max-width:520px){
  .hd-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .hd-section-head{align-items:stretch;flex-direction:column}
  .hd-collection-main{width:100%}
  .hd-collection-grid{grid-template-columns:1fr}
  .hd-collection-tile{min-height:0}
}
@media(max-width:820px){
  .hd-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .hd-overview-hero{align-items:stretch;flex-direction:column}
  .hd-online-pill,.hd-security-badge{align-self:flex-start}
  .hd-overview-grid,.hd-roadmap-grid,.hd-shop-secondary{grid-template-columns:1fr}
}
@media(min-width:1100px){
  body{padding-right:max(56px,5vw)}
}
@media(max-width:900px){
  .hd-player-statusbar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .hd-player-statusbar,.hd-overview-bottom{grid-template-columns:1fr}
}
@media(min-width:901px){
  body{
    align-items:center;
    justify-content:center;
    padding:16px;
    overflow:hidden;
  }

  .panel{
    display:flex;
    flex-direction:column;
    padding:20px 24px 16px;
    overflow:hidden;
  }

  .panel>h1{
    font-size:2.15rem;
    line-height:1;
  }

  .panel>p:first-of-type{
    margin:5px auto 10px;
    font-size:.82rem;
    line-height:1.25;
  }

  .user{
    margin:8px 0 10px;
    padding:9px 12px;
    min-height:58px;
  }

  .user img{
    width:44px;
    height:44px;
  }

  .user strong{font-size:1rem}

  .hd-player-statusbar{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    margin-bottom:9px;
  }

  .hd-player-statusbar>div{
    min-height:48px;
    padding:8px 10px 8px 34px;
  }

  .hd-nav{
    position:static;
    margin:0 0 10px;
    padding:5px;
    gap:6px;
  }

  .hd-nav button{
    min-height:34px;
    padding:7px 8px;
    font-size:.72rem;
  }

  .hd-section{
    flex:1;
    min-height:0;
    overflow:hidden;
  }

  .hd-section.is-active{
    display:flex;
    flex-direction:column;
  }

  
  .hd-overview-hero{
    margin-bottom:8px;
    align-items:center;
  }

  .hd-overview-hero h2{
    font-size:1.35rem;
    margin:1px 0 2px;
  }

  .hd-overview-hero p{
    font-size:.78rem;
  }

  .hd-overview-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:8px;
  }

  .hd-overview-grid article{
    min-height:64px;
    padding:9px;
  }

  .hd-overview-grid article>span{
    width:30px;
    height:30px;
  }

  .hd-divider{
    margin:2px 0;
  }

  .actions{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
  }

  .actions button:first-child{
    grid-column:auto;
  }

  .actions button{
    min-height:42px;
    padding:8px 10px;
    font-size:.78rem;
  }

  #status{
    min-height:22px;
    margin-top:7px;
    padding:4px 8px;
    font-size:.78rem;
  }

  .hd-overview-bottom{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
  }

  .hd-overview-bottom article{
    padding:9px 11px;
    min-height:60px;
  }

  .hd-overview-bottom p{
    display:none;
  }

  
  .hd-collection-home,
  .hd-character-home,
  .hd-shop-home{
    display:flex;
    flex-direction:column;
    min-height:0;
    height:100%;
  }

  .hd-section-head{
    min-height:0;
    margin-bottom:9px;
    padding:2px 0 8px;
    align-items:center;
  }

  .hd-section-head h2{
    font-size:1.35rem;
    margin:1px 0 2px;
  }

  .hd-section-head p{
    font-size:.78rem;
    line-height:1.3;
  }

  .hd-collection-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    flex:1;
    min-height:0;
  }

  .hd-collection-tile{
    min-height:0;
    padding:13px;
  }

  .hd-collection-symbol{
    width:38px;
    height:38px;
    margin-bottom:9px;
    font-size:1.15rem;
  }

  .hd-collection-tile h3{
    margin:3px 0 5px;
    font-size:1rem;
  }

  .hd-collection-tile p{
    margin-bottom:9px;
    font-size:.75rem;
    line-height:1.3;
  }

  .hd-collection-note{
    margin-top:8px;
    padding:8px 11px;
    font-size:.75rem;
  }

  
  .hd-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    flex:1;
    min-height:0;
  }

  .hd-feature-card{
    min-height:0;
    padding:13px;
  }

  .hd-feature-icon{
    width:38px;
    height:38px;
    margin-bottom:9px;
    font-size:1.1rem;
  }

  .hd-feature-copy h3{
    margin:3px 0 5px;
    font-size:1rem;
  }

  .hd-feature-copy p{
    font-size:.75rem;
    line-height:1.3;
  }

  .hd-roadmap{
    margin-top:8px;
    padding:9px;
  }

  .hd-roadmap-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    margin-top:7px;
  }

  .hd-roadmap-grid div{
    padding:7px;
  }

  .hd-pack-card{
    min-height:0;
    padding:13px;
  }

  .hd-pack-orb{
    width:42px;
    height:42px;
    margin-bottom:8px;
  }

  .hd-pack-card h3{
    margin:3px 0 5px;
    font-size:1.05rem;
  }

  .hd-pack-card p{
    margin:5px 0;
    font-size:.75rem;
    line-height:1.3;
  }

  .hd-pack-meta{
    margin:8px 0;
    padding:7px 0;
    font-size:.62rem;
  }

  .hd-shop-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
  }

  .hd-shop-secondary article{
    padding:8px 11px;
    min-height:52px;
  }

  .hd-portal-footer{
    margin-top:7px;
    padding-top:5px;
  }

  .logout{
    margin-top:6px;
    padding-top:6px;
  }

  .logout .secondary{
    min-height:34px;
    padding:7px 12px;
  }

  .panel p small{
    font-size:.68rem;
    line-height:1.25;
  }
}
@media(min-width:901px) and (max-height:760px){
  .panel{
    padding-top:14px;
    padding-bottom:10px;
  }
  .panel>h1{font-size:1.8rem}
  .panel>p:first-of-type{display:none}
  .user{margin-top:5px;margin-bottom:7px}
  .hd-player-statusbar>div{min-height:42px}
  .hd-nav{margin-bottom:7px}
  .hd-overview-grid article{min-height:56px}
  .hd-overview-bottom{display:none}
  .hd-roadmap{padding:7px}
  .hd-roadmap-grid small{display:none}
  .hd-collection-note{display:none}
}
@media(max-width:900px){
  body{
    overflow:auto;
  }
  .panel{
    height:auto;
    max-height:none;
    width:min(760px,100%);
    overflow:visible;
  }
}
@media(max-width:700px){
  .hd-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:901px) and (max-height:760px){
  .hd-showcase-grid{
    min-height:112px;
    grid-template-columns:repeat(8,minmax(0,1fr));
  }
  .hd-mini-card{
    aspect-ratio:1/1.15;
  }
  .hd-collection-note{display:none}
}
@media(max-width:900px){
  .hd-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:520px){
  .hd-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:901px){
  .hd-collection-showcase{
    margin-top:6px;
    padding:7px 9px 9px;
  }

  .hd-showcase-head{
    margin-bottom:5px;
  }

  .hd-showcase-head strong{
    font-size:.75rem;
  }

  .hd-showcase-tabs button{
    min-height:27px;
    padding:5px 9px;
    font-size:.58rem;
  }

  .hd-showcase-grid{
    min-height:105px;
    gap:6px;
  }

  .hd-mini-card{
    aspect-ratio:3/3.55;
    border-radius:9px;
  }

  .hd-mini-card-meta{
    left:5px;
    right:5px;
    bottom:4px;
  }

  .hd-mini-card-stars{
    font-size:.54rem;
  }

  .hd-mini-card-name{
    margin-top:2px;
    font-size:.57rem;
  }

  .hd-mini-card-id{
    top:4px;
    right:4px;
    padding:2px 4px;
    font-size:.48rem;
  }

  .hd-collection-note{
    margin-top:6px;
    padding:7px 10px;
    font-size:.68rem;
  }

  .hd-collection-note>span{
    font-size:1rem;
  }
}
@media(min-width:901px) and (max-height:800px){
  .hd-showcase-grid{
    min-height:92px;
  }

  .hd-mini-card{
    aspect-ratio:3/3.25;
  }

  .hd-collection-note{
    display:none;
  }
}
@media(max-width:900px){
 .hd-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hd-profile-stat-grid,.hd-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hd-profile-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){.hd-char-columns{grid-template-columns:1fr}.hd-artifact-slot-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:900px){
  .hd-ranking-row{
    min-height:32px;
    font-size:.74rem;
  }
  .hd-ranking-row strong{font-size:.74rem}
  .hd-ranking-row span{font-size:.69rem}
  .hd-char-summary{flex-wrap:wrap}
}
@media(min-width:901px){
  .hd-rankings-dashboard{
    overflow:hidden;
  }
  .hd-ranking-list-card{
    height:100%;
  }
}
@media(max-width:900px){
  .hd-ranking-two-col{grid-template-columns:1fr}
  .hd-ranking-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .hd-home-main-grid{grid-template-columns:1fr 1fr}
  .hd-home-commands{grid-column:1/-1}
}
@media(max-width:700px){
  .hd-home-welcome{align-items:flex-start;flex-direction:column}
  .hd-home-main-grid{grid-template-columns:1fr}
  .hd-home-commands{grid-column:auto}
  .hd-command-grid{grid-template-columns:1fr}
  .hd-home-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:901px) and (max-height:760px){
  .hd-section[data-panel="shop"] .hd-section-head{
    min-height:52px;
    margin-bottom:5px;
    padding-bottom:5px;
  }
  .hd-section[data-panel="shop"] .hd-section-head h2{
    font-size:1.1rem;
  }
  .hd-section[data-panel="shop"] .hd-section-head p{
    font-size:.64rem;
  }
  .hd-section[data-panel="shop"] .hd-pack-orb{
    width:34px;
    height:34px;
    margin-bottom:4px;
  }
  .hd-section[data-panel="shop"] .hd-pack-features span{
    padding:3px 5px;
  }
}
@media(max-width:1100px){
  .hd-collection-workspace{grid-template-columns:135px minmax(0,1fr) 205px}
  .hd-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){
  .hd-collection-head{align-items:flex-start;flex-direction:column}
  .hd-collection-summary{flex-wrap:wrap}
  .hd-collection-workspace{grid-template-columns:1fr}
  .hd-collection-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .hd-collection-filter>header{grid-column:1/-1}
  .hd-filter-count{margin-top:0}
  .hd-stream-collection-btn{grid-column:1/-1}
  .hd-collection-browser{min-height:420px}
  .hd-collection-detail{min-height:260px}
}
@media(max-width:1350px){
  .hd-collection-gallery-page .hd-collection-workspace{grid-template-columns:145px minmax(0,1fr) 340px}
  .panel.is-collection-gallery .hd-detail-card-image{width:min(300px,96%)}
}
@media(max-width:1200px){
  .hd-collection-gallery-page .hd-collection-workspace{grid-template-columns:140px minmax(0,1fr) 245px}
  .hd-collection-gallery-page .hd-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  .hd-collection-overview-footer{align-items:stretch;flex-direction:column}
  .hd-collection-overview-footer small{text-align:center}
  .hd-gallery-page-head{grid-template-columns:90px 1fr}
  .hd-gallery-page-tabs{grid-column:1/-1}
  .hd-collection-gallery-page{overflow-y:auto}
  .hd-collection-gallery-page .hd-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
  .hd-collection-gallery-page .hd-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
}
@media(max-width:1050px){.hd-rune-detail-grid{grid-template-columns:1fr}.hd-talent-detail-grid{grid-template-columns:1fr}.hd-artifact-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hd-char-detail-head{align-items:flex-start;flex-wrap:wrap}.hd-char-detail-summary{width:100%;justify-content:flex-start}.hd-artifact-detail-grid{grid-template-columns:1fr}.hd-rune-detail-levels{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.hd-recent-visitors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hd-recent-visitors-grid{grid-template-columns:1fr}.hd-nav.has-admin{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:901px) and (max-height:760px){.hd-recent-visitors{padding:8px}.hd-recent-visitors-head{margin-bottom:6px}.hd-recent-visitor{padding:6px}.hd-recent-visitor img,.hd-recent-avatar-fallback{width:28px;height:28px}}
@media(max-width:760px){.hd-admin-command-grid{grid-template-columns:1fr}.hd-admin-command-grid code{padding-right:0;padding-top:16px}.hd-admin-command-grid em{left:9px;right:auto;top:8px}}
@media(max-width:1050px){.hd-admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-admin-player-shell{grid-template-columns:minmax(200px,.8fr) minmax(0,1.6fr)}}
@media(max-width:760px){.hd-admin-player-shell{grid-template-columns:1fr}.hd-admin-player-browser{max-height:230px}.hd-admin-detail-columns{grid-template-columns:1fr}.hd-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:901px){
  .panel{
    padding-top:12px;
  }

  .panel>h1{
    font-size:1.75rem;
    line-height:.95;
    letter-spacing:.075em;
  }

  .panel>p:first-of-type{
    margin:3px auto 6px;
    font-size:.72rem;
    line-height:1.15;
  }

  .user{
    min-height:46px;
    margin:5px 0 6px;
    padding:6px 10px;
    gap:10px;
    border-radius:12px;
  }

  .user img{
    width:36px;
    height:36px;
  }

  .user strong{
    font-size:.88rem;
    line-height:1;
  }

  .user small{
    font-size:.68rem;
  }

  .hd-player-statusbar{
    gap:6px;
    margin-bottom:6px;
  }

  .hd-player-statusbar>div{
    min-height:38px;
    padding:6px 9px 6px 31px;
    border-radius:9px;
  }

  .hd-player-statusbar small{
    font-size:.50rem;
  }

  .hd-player-statusbar strong{
    margin-top:3px;
    font-size:.66rem;
  }

  .hd-status-icon{
    left:10px;
    font-size:.88rem;
  }

  .hd-nav{
    margin:0 0 7px;
    padding:4px;
    gap:5px;
    border-radius:11px;
  }

  .hd-nav button{
    min-height:30px;
    padding:5px 7px;
    font-size:.68rem;
  }

  .hd-nav button.is-active::after{
    bottom:-4px;
  }
}
@media (min-width:901px) and (max-height:760px){
  .panel>h1{font-size:1.55rem}
  .user{min-height:40px;margin:3px 0 4px;padding:4px 9px}
  .user img{width:32px;height:32px}
  .hd-player-statusbar>div{min-height:34px;padding-top:5px;padding-bottom:5px}
  .hd-nav button{min-height:28px}
}
@media (min-width:901px){
  .user.hd-user-compact{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    gap:16px;
    margin:4px 0 6px;
    padding:5px 8px 5px 10px;
  }

  .hd-user-identity{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:170px;
    flex:0 0 auto;
  }

  .hd-user-identity img{
    width:34px;
    height:34px;
  }

  .hd-user-identity strong{
    display:block;
    font-size:.84rem;
    line-height:1;
  }

  .hd-user-identity small{
    font-size:.64rem;
  }

  .hd-user-statusline{
    display:grid;
    grid-template-columns:repeat(4,minmax(115px,1fr));
    gap:5px;
    flex:1;
    min-width:0;
  }

  .hd-user-statusline>div{
    position:relative;
    min-width:0;
    padding:5px 7px 5px 25px;
    border-left:1px solid rgba(80,126,164,.24);
    border-radius:7px;
    background:rgba(6,9,12,.26);
  }

  .hd-user-statusline>div>span{
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    color:#edc966;
    font-size:.70rem;
  }

  .hd-user-statusline small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#806d8d;
    font:800 .43rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    letter-spacing:.11em;
  }

  .hd-user-statusline b{
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#dae4ec;
    font:800 .58rem/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }

  
  .hd-player-statusbar{display:none!important}
}
@media (min-width:901px) and (max-width:1180px){
  .hd-user-statusline{
    grid-template-columns:repeat(4,minmax(95px,1fr));
  }
  .hd-user-statusline>div{
    padding-left:21px;
  }
  .hd-user-statusline>div>span{
    left:6px;
  }
  .hd-user-statusline b{
    font-size:.53rem;
  }
}
@media (max-width:900px){
  .user.hd-user-compact{
    align-items:flex-start;
    flex-direction:column;
  }
  .hd-user-identity{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .hd-user-statusline{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
  }
  .hd-user-statusline>div{
    position:relative;
    min-width:0;
    padding:7px 8px 7px 25px;
    border:1px solid rgba(80,126,164,.24);
    border-radius:8px;
    background:rgba(6,9,12,.26);
  }
  .hd-user-statusline>div>span{
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    color:#edc966;
  }
  .hd-user-statusline small{
    display:block;
    color:#806d8d;
    font:800 .48rem/1 system-ui,sans-serif;
  }
  .hd-user-statusline b{
    display:block;
    margin-top:3px;
    color:#dae4ec;
    font:800 .58rem/1 system-ui,sans-serif;
  }
}
@media (min-width:901px){
  
  .hd-section[data-panel="overview"] .hd-kicker{
    font-size:.76rem;
    letter-spacing:.16em;
  }

  .hd-section[data-panel="overview"] .hd-home-info-card h3,
  .hd-section[data-panel="overview"] .hd-home-commands h3{
    font-size:1rem;
    line-height:1.05;
  }

  .hd-section[data-panel="overview"] .hd-step small{
    font-size:.60rem;
  }

  .hd-section[data-panel="overview"] .hd-join-command{
    font-size:1.35rem;
    min-height:52px;
    padding:10px 18px;
  }

  .hd-section[data-panel="overview"] .hd-home-info-card p,
  .hd-section[data-panel="overview"] .hd-home-tip,
  .hd-section[data-panel="overview"] .hd-command-footer{
    font-size:.76rem;
    line-height:1.35;
  }

  .hd-section[data-panel="overview"] .hd-home-feature-list strong{
    font-size:.76rem;
  }

  .hd-section[data-panel="overview"] .hd-home-feature-list span,
  .hd-section[data-panel="overview"] .hd-home-feature-list small{
    font-size:.70rem;
    line-height:1.28;
  }

  .hd-section[data-panel="overview"] .hd-command-grid>div{
    min-height:52px;
    padding:8px 10px;
    gap:10px;
  }

  .hd-section[data-panel="overview"] .hd-command-grid code,
  .hd-section[data-panel="overview"] .hd-command-grid b{
    font-size:.73rem;
  }

  .hd-section[data-panel="overview"] .hd-command-grid span,
  .hd-section[data-panel="overview"] .hd-command-grid small{
    font-size:.68rem;
    line-height:1.25;
  }

  .hd-section[data-panel="overview"] .hd-all-commands-link .btn{
    min-height:36px;
    padding:7px 18px;
    font-size:.68rem;
  }
}
@media (min-width:901px) and (max-height:760px){
  .hd-section[data-panel="overview"] .hd-join-command{
    min-height:46px;
    font-size:1.18rem;
  }

  .hd-section[data-panel="overview"] .hd-command-grid>div{
    min-height:46px;
  }
}
@media(max-width:1100px){.hd-profile-premium-grid{grid-template-columns:180px 1fr}
.hd-profile-lower-grid{grid-template-columns:1fr 1fr}.hd-profile-overview{grid-column:1/-1}.hd-profile-progress-card .hd-profile-secondary{grid-template-columns:repeat(5,1fr)}.hd-achievement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hd-profile-premium-grid,.hd-profile-lower-grid{grid-template-columns:1fr}.hd-profile-premium .hd-profile-rank-row,.hd-profile-stat-strip{grid-template-columns:1fr}.hd-profile-progress-card .hd-profile-secondary{grid-template-columns:repeat(2,1fr)}.hd-achievement-grid{grid-template-columns:1fr}}
@media (min-width:901px){
  .panel{
    padding-top:10px;
  }

  .panel>h1{
    font-size:1.72rem;
    line-height:.96;
    letter-spacing:.075em;
  }

  .panel>p:first-of-type{
    margin:3px auto 7px;
    font-size:.71rem;
    line-height:1.15;
  }

  .user.hd-user-compact,
  .user{
    min-height:48px;
    margin:5px 0 7px;
    padding:6px 10px;
    border-radius:12px;
  }

  .hd-user-identity{
    display:flex;
    align-items:center;
    gap:9px;
  }

  .hd-user-identity img,
  .user img{
    width:36px;
    height:36px;
  }

  .hd-user-identity strong,
  .user strong{
    font-size:.88rem;
    line-height:1;
  }

  .hd-user-identity small,
  .user small{
    font-size:.65rem;
  }

  
  .hd-user-statusline,
  .hd-player-statusbar{
    display:none!important;
  }

  .hd-nav{
    margin:0 0 7px;
    padding:4px;
    gap:5px;
    border-radius:11px;
  }

  .hd-nav button{
    min-height:31px;
    padding:5px 7px;
    font-size:.68rem;
  }
}
@media (min-width:901px){
  .panel{
    padding-top:9px;
  }
  .panel>h1{
    margin-bottom:2px;
  }
  .panel>p:first-of-type{
    margin:2px auto 7px;
  }
  .hd-nav{
    margin-top:4px;
  }
}
@media (min-width:901px){
  .hd-profile-main-reordered{
    display:flex;
    flex-direction:column;
    min-width:0;
  }

  .hd-profile-main-reordered .hd-profile-rank-row{
    order:1;
  }

  .hd-profile-progress-direct{
    order:2;
    margin-top:8px;
    padding:8px 10px;
  }

  .hd-profile-progress-direct .hd-profile-progress-row{
    margin-top:0;
  }

  .hd-profile-core-stats{
    order:3;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    margin-top:8px;
  }

  .hd-profile-core-stats article{
    min-height:58px;
    padding:9px 9px 9px 34px;
  }

  .hd-profile-core-stats small{
    font-size:.54rem;
  }

  .hd-profile-core-stats strong{
    margin-top:5px;
    font-size:.82rem;
  }

  .hd-profile-secondary-large{
    order:4;
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;
    margin-top:8px;
  }

  .hd-profile-secondary-large span{
    display:flex;
    min-height:58px;
    flex-direction:column;
    justify-content:center;
    padding:9px 7px;
    border:1px solid rgba(80,126,164,.24);
    border-radius:9px;
    background:linear-gradient(180deg,rgba(21,34,44,.52),rgba(9,14,19,.62));
    color:#91819b;
    text-align:center;
    font:800 .52rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    letter-spacing:.04em;
  }

  .hd-profile-secondary-large b{
    display:block;
    margin-top:6px;
    color:#dce6ef;
    font-size:.80rem;
    line-height:1;
  }
}
@media (min-width:901px) and (max-width:1180px){
  .hd-profile-secondary-large{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (max-width:900px){
  .hd-profile-core-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hd-profile-secondary-large{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (min-width:901px){
  .hd-profile-lower-grid{
    display:grid;
    gap:10px;
    min-height:0;
  }

  .hd-profile-achievements .hd-achievement-preview{
    display:grid;
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:5px;
  }

  .hd-profile-premium,
  .hd-section[data-panel="profile"].is-active{
    overflow:hidden!important;
  }
}
@media (min-width:901px){
  
  .hd-collection-overview .hd-mini-card.is-weapon img{
    width:100%;
    height:100%;
    padding:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:rgba(7,10,13,.80);
  }

  .hd-collection-overview .hd-mini-card.is-weapon{
    height:100%;
    min-height:0;
  }
}
@media(max-width:1100px){.hd-achievement-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hd-achievement-filters{grid-template-columns:repeat(3,1fr)}.hd-achievement-grid-full{grid-template-columns:1fr}}
@media(max-width:700px){
  .hd-achievements-full-head{
    grid-template-columns:1fr auto;
  }
  .hd-achievements-back{grid-column:1/-1;justify-self:start}
  .hd-achievements-title{grid-column:1}
  .hd-achievement-summary{grid-column:2}
}
@media (min-width:901px) and (max-height:790px){

  .hd-section[data-panel="shop"] .hd-shop-artifact-glyph{
    width:54px;
    height:68px;
  }
}
@media (min-width:901px){
  .hd-nav{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .hd-nav.has-admin{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
  .hd-nav button{
    min-width:0;
    min-height:30px!important;
    padding:5px 4px!important;
    font-size:.60rem!important;
    letter-spacing:.02em!important;
    white-space:nowrap;
  }
}
@media(max-width:1150px) and (min-width:901px){.hd-quest-pool{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-nav button{font-size:.55rem!important}}
@media(max-width:900px){.hd-current-quest{grid-template-columns:42px 1fr}.hd-current-quest-reward,.hd-current-quest-time{border-left:0;padding-left:0}.hd-quest-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-quest-filters{flex-wrap:wrap}}
@media (min-width:901px) and (max-height:790px){
}
@media(max-width:900px){.hd-quest-live-grid{grid-template-columns:1fr}}
@media (min-width:901px){
  .hd-quests-dashboard{
    overflow:hidden;
  }

  .hd-quests-head:not(.hd-quests-pagehead){
    padding:3px 2px 8px;
  }

  .hd-quests-head:not(.hd-quests-pagehead) h2{
    font-size:1.35rem;
  }

  .hd-quests-head:not(.hd-quests-pagehead) p{
    max-width:900px;
    font-size:.64rem;
    line-height:1.35;
  }

  
  .hd-quest-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    margin-top:8px;
  }

  .hd-quest-summary article{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:48px;
    padding:8px 10px;
    border:1px solid rgba(80,126,164,.25);
    border-radius:9px;
    background:var(--hd-portal-window-bg);
  }

  .hd-quest-summary article>span{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    flex:0 0 auto;
    border:1px solid rgba(224,181,72,.35);
    border-radius:50%;
    color:#e7c15a;
    background:rgba(12,18,23,.80);
    font-size:.72rem;
  }

  .hd-quest-summary small,
  .hd-quest-summary strong{
    display:block;
  }

  .hd-quest-summary small{
    color:#776780;
    font:800 .43rem/1 system-ui,sans-serif;
    letter-spacing:.09em;
  }

  .hd-quest-summary strong{
    max-width:100%;
    margin-top:4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#d0dce6;
    font:900 .62rem/1 system-ui,sans-serif;
  }

  
  .hd-current-quest{
    grid-template-columns:58px minmax(0,1fr) 160px 125px;
    gap:14px;
    min-height:92px;
    margin-top:8px;
    padding:13px 15px;
    border-width:1px;
    box-shadow:inset 0 0 28px rgba(45,101,146,.06);
  }

  .hd-current-quest-icon{
    width:50px;
    height:50px;
    font-size:1.35rem;
    box-shadow:0 0 18px rgba(69,136,190,.12);
  }

  .hd-current-quest-copy>small{
    font-size:.48rem;
  }

  .hd-current-quest-copy h3{
    margin-top:5px;
    font-size:.84rem;
  }

  .hd-current-quest-progress{
    margin-top:10px;
  }

  .hd-current-quest-progress header{
    font-size:.55rem;
  }

  .hd-current-quest-progress i{
    height:8px;
    margin-top:6px;
  }

  .hd-current-quest-reward,
  .hd-current-quest-time{
    padding-left:14px;
  }

  .hd-current-quest-reward small,
  .hd-current-quest-time small{
    font-size:.46rem;
  }

  .hd-current-quest-reward strong,
  .hd-current-quest-time strong{
    margin-top:6px;
    font-size:.72rem;
  }

  .hd-current-quest-reward span{
    margin-top:5px;
    font-size:.58rem;
  }

  
  .hd-quest-live-grid{
    gap:9px;
    margin-top:9px;
  }

  .hd-quest-live-card{
    grid-template-columns:48px minmax(0,1fr);
    min-height:105px;
    padding:11px 13px;
  }

  .hd-quest-live-icon{
    width:40px;
    height:40px;
    font-size:1.05rem;
  }

  .hd-quest-live-main header small{
    font-size:.44rem;
  }

  .hd-quest-live-main h3{
    margin-top:4px;
    font-size:.72rem;
  }

  .hd-quest-live-main header>span{
    padding:4px 7px;
    font-size:.42rem;
  }

  .hd-quest-live-progress{
    margin-top:9px;
  }

  .hd-quest-live-progress>div{
    font-size:.53rem;
  }

  .hd-quest-live-progress i{
    height:7px;
    margin-top:6px;
  }

  .hd-quest-live-main footer{
    margin-top:9px;
    gap:6px;
  }

  .hd-quest-live-main footer span{
    padding:4px 6px;
    font-size:.43rem;
  }

  
  .hd-quest-pool-head{
    align-items:center;
    margin:11px 1px 7px;
    padding-top:8px;
    border-top:1px solid rgba(80,126,164,.18);
  }

  .hd-quest-pool-head h3{
    font-size:.76rem;
  }

  .hd-quest-pool-head p{
    margin:4px 0 0;
    color:#766981;
    font:500 .47rem/1.25 system-ui,sans-serif;
  }

  .hd-quest-filters button{
    min-height:29px;
    padding:5px 9px;
    font-size:.49rem;
  }

  .hd-quest-pool{
    gap:7px;
  }

  .hd-quest-card{
    min-height:82px;
    padding-top:10px;
    padding-bottom:10px;
  }

  .hd-quest-card strong{
    font-size:.59rem;
  }
}
@media (min-width:901px) and (max-height:800px){
  .hd-quest-summary article{
    min-height:42px;
    padding-top:6px;
    padding-bottom:6px;
  }

  .hd-current-quest{
    min-height:78px;
    padding-top:9px;
    padding-bottom:9px;
  }

  .hd-quest-live-card{
    min-height:88px;
    padding-top:8px;
    padding-bottom:8px;
  }

  .hd-quest-pool-head{
    margin-top:7px;
    padding-top:6px;
  }
}
@media(max-width:900px){
  .hd-quest-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (min-width:901px){
  .hd-quest-pool{
    gap:10px!important;
  }

  .hd-quest-pool .hd-quest-card{
    min-height:108px!important;
    padding:14px 15px!important;
  }

  .hd-quest-pool .hd-quest-card small{
    font-size:.52rem!important;
    line-height:1.2!important;
    letter-spacing:.07em!important;
  }

  .hd-quest-pool .hd-quest-card strong{
    font-size:.74rem!important;
    line-height:1.22!important;
  }

  .hd-quest-pool .hd-quest-card p{
    font-size:.58rem!important;
    line-height:1.42!important;
    margin-top:6px!important;
  }

  .hd-quest-pool .hd-quest-card footer{
    margin-top:10px!important;
    gap:7px!important;
  }

  .hd-quest-pool .hd-quest-card footer span{
    font-size:.50rem!important;
    line-height:1.15!important;
    padding:5px 7px!important;
  }

  .hd-quest-pool-head h3{
    font-size:.88rem!important;
  }

  .hd-quest-pool-head p{
    font-size:.54rem!important;
    line-height:1.35!important;
  }
}
@media (min-width:901px){
  .hd-section[data-panel="quests"].is-active{
    overflow:hidden!important;
  }

  .hd-quests-dashboard{
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden!important;
  }

  
  .hd-quests-head:not(.hd-quests-pagehead){
    flex:0 0 auto;
    padding:4px 3px 9px!important;
  }

  .hd-quests-head:not(.hd-quests-pagehead) .hd-kicker{
    font-size:.56rem!important;
  }

  .hd-quests-head:not(.hd-quests-pagehead) h2{
    margin:3px 0 2px!important;
    font-size:1.48rem!important;
    line-height:1!important;
  }

  .hd-quests-head:not(.hd-quests-pagehead) p{
    max-width:980px!important;
    font-size:.68rem!important;
    line-height:1.38!important;
  }

  .hd-quests-total{
    min-width:125px!important;
    padding:9px 13px!important;
  }

  .hd-quests-total small{
    font-size:.48rem!important;
  }

  .hd-quests-total strong{
    font-size:1rem!important;
  }

  
  .hd-quest-summary{
    flex:0 0 auto;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:9px!important;
  }

  .hd-quest-summary article{
    min-width:0;
    min-height:56px!important;
    padding:9px 11px!important;
  }

  .hd-quest-summary article>span{
    width:32px!important;
    height:32px!important;
    font-size:.82rem!important;
  }

  .hd-quest-summary small{
    font-size:.47rem!important;
  }

  .hd-quest-summary strong{
    margin-top:5px!important;
    font-size:.68rem!important;
    line-height:1.15!important;
  }

  
  .hd-current-quest{
    flex:0 0 auto;
    grid-template-columns:62px minmax(0,1fr) 170px 132px!important;
    min-height:98px!important;
    gap:14px!important;
    margin-top:9px!important;
    padding:13px 15px!important;
  }

  .hd-current-quest-icon{
    width:52px!important;
    height:52px!important;
    font-size:1.42rem!important;
  }

  .hd-current-quest-copy>small{
    font-size:.50rem!important;
  }

  .hd-current-quest-copy h3{
    margin-top:5px!important;
    font-size:.91rem!important;
    line-height:1.15!important;
    overflow-wrap:anywhere;
  }

  .hd-current-quest-progress header{
    font-size:.58rem!important;
  }

  .hd-current-quest-progress i{
    height:8px!important;
  }

  .hd-current-quest-reward strong,
  .hd-current-quest-time strong{
    font-size:.76rem!important;
  }

  .hd-current-quest-reward span{
    font-size:.60rem!important;
  }

  
  .hd-quest-live-grid{
    flex:0 0 auto;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:9px!important;
  }

  .hd-quest-live-card{
    min-width:0;
    min-height:112px!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:10px!important;
    padding:11px 13px!important;
  }

  .hd-quest-live-icon{
    width:42px!important;
    height:42px!important;
    font-size:1.10rem!important;
  }

  .hd-quest-live-main header{
    min-width:0;
  }

  .hd-quest-live-main h3{
    font-size:.77rem!important;
    overflow-wrap:anywhere;
  }

  .hd-quest-live-progress>div{
    font-size:.56rem!important;
  }

  .hd-quest-live-main footer{
    gap:6px!important;
  }

  .hd-quest-live-main footer span{
    max-width:100%;
    font-size:.46rem!important;
    line-height:1.15!important;
  }

  
  .hd-quest-pool-head{
    flex:0 0 auto;
    align-items:center!important;
    gap:14px!important;
    margin:11px 1px 7px!important;
    padding-top:9px!important;
  }

  .hd-quest-pool-head>div:first-child{
    min-width:0;
  }

  .hd-quest-pool-head .hd-kicker{
    font-size:.51rem!important;
  }

  .hd-quest-pool-head h3{
    margin-top:3px!important;
    font-size:.94rem!important;
    line-height:1.05!important;
  }

  .hd-quest-pool-head p{
    margin-top:5px!important;
    font-size:.57rem!important;
    line-height:1.35!important;
  }

  .hd-quest-filters{
    flex:0 0 auto;
    flex-wrap:nowrap!important;
    gap:5px!important;
  }

  .hd-quest-filters button{
    min-width:0;
    min-height:31px!important;
    padding:6px 10px!important;
    font-size:.51rem!important;
    white-space:nowrap;
  }

  
  .hd-quest-pool{
    flex:1 1 auto;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:minmax(118px,auto);
    gap:9px!important;
    align-content:start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px 5px 6px 1px!important;
  }

  .hd-quest-pool .hd-quest-card{
    position:relative;
    min-width:0!important;
    min-height:118px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:minmax(55px,auto) auto!important;
    column-gap:10px!important;
    row-gap:9px!important;
    padding:13px!important;
    overflow:hidden!important;
  }

  .hd-quest-card-icon{
    grid-column:1;
    grid-row:1;
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    margin-top:1px;
    border:1px solid rgba(121,178,224,.42);
    border-radius:9px;
    background:linear-gradient(180deg,rgba(35,83,123,.48),rgba(18,34,48,.62));
    color:#99caf2;
    font-size:.92rem;
  }

  .hd-quest-card.is-current .hd-quest-card-icon{
    border-color:rgba(226,180,70,.68);
    color:#f0ca62;
    background:rgba(72,50,18,.32);
  }

  .hd-quest-card-body{
    grid-column:2;
    grid-row:1;
    min-width:0;
    align-self:center;
  }

  .hd-quest-card-body small{
    display:block!important;
    color:#88a0b4!important;
    font-size:.55rem!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
  }

  .hd-quest-card-body strong{
    display:block!important;
    margin-top:6px!important;
    color:#d8e3ec!important;
    font-size:.81rem!important;
    line-height:1.22!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .hd-quest-card.is-current .hd-quest-card-body strong{
    color:#f0ca62!important;
  }

  .hd-quest-pool .hd-quest-card footer{
    grid-column:1/-1;
    grid-row:2;
    display:grid!important;
    grid-template-columns:.72fr 1.18fr .88fr!important;
    gap:6px!important;
    margin:0!important;
    align-self:end;
  }

  .hd-quest-pool .hd-quest-card footer span{
    min-width:0;
    min-height:42px;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:6px 7px!important;
    border:1px solid rgba(80,126,164,.20);
    border-radius:7px!important;
    background:rgba(24,38,50,.42)!important;
    text-align:left;
  }

  .hd-quest-pool .hd-quest-card footer small{
    display:block;
    color:#776881!important;
    font-size:.43rem!important;
    line-height:1!important;
  }

  .hd-quest-pool .hd-quest-card footer b{
    display:block;
    margin-top:5px;
    color:#e8c35d!important;
    font-size:.62rem!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  
  .hd-quest-pool .hd-quest-card>i{
    display:none!important;
  }
}
@media (min-width:901px) and (max-height:820px){
  .hd-quests-head:not(.hd-quests-pagehead) p{
    font-size:.61rem!important;
  }

  .hd-quest-summary article{
    min-height:48px!important;
  }

  .hd-current-quest{
    min-height:82px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }

  .hd-quest-live-card{
    min-height:94px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  .hd-quest-pool{
    grid-auto-rows:minmax(105px,auto)!important;
  }

  .hd-quest-pool .hd-quest-card{
    min-height:105px!important;
    padding:10px!important;
  }

  .hd-quest-card-body strong{
    font-size:.72rem!important;
  }

  .hd-quest-pool .hd-quest-card footer span{
    min-height:36px!important;
    padding:5px 6px!important;
  }

  .hd-quest-pool .hd-quest-card footer b{
    font-size:.56rem!important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  .hd-quest-pool{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .hd-quest-filters button{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:.47rem!important;
  }
}
@media(max-width:900px){
  .hd-quest-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .hd-quest-live-grid{
    grid-template-columns:1fr!important;
  }

  .hd-quest-pool{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .hd-quest-pool{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:900px){
 .hd-artifact-owned-list{overflow:visible}
 .hd-artifact-owned-row{grid-template-columns:46px minmax(0,1fr);min-height:78px}
}
@media(max-width:1100px) and (min-width:901px){
 .hd-artifact-owned-row{
   grid-template-columns:54px minmax(0,1fr) 92px!important;
 }
 .hd-artifact-activate{font-size:.43rem}
}
@media(max-width:900px){
 .hd-artifact-owned-row{
   grid-template-columns:48px minmax(0,1fr)!important;
 }
 .hd-artifact-activate{
   grid-column:1/-1;
 }
}
@media(max-width:1180px) and (min-width:901px){
 .hd-artifact-owned-row{grid-template-columns:68px minmax(0,1fr) 96px!important}
 .hd-artifact-owned-card{width:60px;height:82px}
 .hd-artifact-id{padding:3px 4px;font-size:.42rem!important}
 .hd-artifact-name-line strong{font-size:.65rem!important}
}
@media(max-width:900px){
 .hd-artifact-owned-row{grid-template-columns:72px minmax(0,1fr)!important}
 .hd-artifact-owned-action{grid-column:1/-1}
}
@media(max-width:800px){
 .hd-ranking-head-actions{width:100%;align-items:stretch;flex-direction:column}
 .hd-public-player-search{width:100%}.hd-public-player-search input{width:100%}
 .hd-public-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hd-public-rune-grid,.hd-public-talent-grid,.hd-public-achievement-grid{grid-template-columns:1fr}
 .hd-public-profile-shell{height:92vh}
}
@media(max-width:1350px){
  .panel.is-collection-gallery .hd-detail-card-image.is-fighter,
  .panel.is-collection-gallery .hd-detail-card-image.is-weapon{
    width:min(220px,100%)!important;
  }
}
@media(max-width:900px){}
@media(max-width:620px){}
@media(max-width:1400px){.hd-achievement-grid-full{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.hd-achievement-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hd-achievement-grid-full{grid-template-columns:1fr}}
@media(max-width:760px){
  .hd-profile-bonus-preview,
  .hd-bonus-vault-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  .hd-profile-bonus-preview,
  .hd-bonus-vault-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  .hd-profile-bonus-preview,
  .hd-bonus-vault-grid{
    grid-template-columns:1fr!important;
  }
}
@media(prefers-reduced-motion:reduce){
}
@media(max-width:760px){
 .hd-nav,.hd-nav.has-admin{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:520px){
 .hd-nav,.hd-nav.has-admin{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .hd-nav,.hd-nav.has-admin{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
  }
  .hd-nav .hd-nav-button{
    min-width:0!important;
    padding-left:1px!important;
    padding-right:1px!important;
    font-size:.52rem!important;
  }
}
@media(max-width:520px){
  .hd-nav,.hd-nav.has-admin{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
  }
  .hd-nav .hd-nav-button{
    min-width:0!important;
    font-size:.47rem!important;
    letter-spacing:0!important;
  }
}
@media(max-width:1000px){.hd-public-profile-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){.hd-public-profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hd-public-showcase-favorites{grid-template-columns:1fr!important}}
@media (min-width:901px){
  
  .hd-achievement-preview{
    gap:5px;
    flex:1;
  }
  .hd-achievement-preview>div{
    position:relative;
    min-height:38px;
    gap:8px;
    padding:6px 64px 6px 7px;
  }
  .hd-achievement-preview i{
    width:29px;
    height:29px;
  }
  .hd-achievement-preview b{
    font-size:.60rem;
  }
  .hd-achievement-preview small{
    font-size:.49rem;
  }
  .hd-achievement-preview em{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    padding:4px 6px;
    border:1px solid rgba(79,107,130,.28);
    border-radius:999px;
    color:#74667d;
    background:rgba(13,19,24,.80);
    font:800 .43rem/1 system-ui,sans-serif;
    font-style:normal;
  }
  .hd-achievement-preview>div.is-unlocked{
    border-color:rgba(214,168,62,.45);
    background:rgba(52,37,17,.20);
  }
  .hd-achievement-preview>div.is-unlocked i{
    border-color:#d2a43b;
    color:#edc85d;
  }
  .hd-achievement-preview>div.is-unlocked em{
    color:#82d398;
    border-color:rgba(78,151,99,.38);
    background:rgba(25,69,37,.22);
  }
  .hd-profile-lower-grid{
    align-items:start!important;
  }
  .hd-profile-lower-grid > .hd-profile-feature-card{
    height:328px!important;
    min-height:328px!important;
    max-height:328px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .hd-profile-lower-grid > .hd-profile-feature-card > header{
    flex:0 0 48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0 0 8px!important;
    align-items:flex-start!important;
  }
  .hd-profile-lower-grid > .hd-profile-feature-card > header h3{
    margin:0 0 8px!important;
  }

  .hd-profile-bonuses{
    display:flex!important;
    flex-direction:column!important;
  }
  .hd-profile-bonuses .hd-profile-bonus-preview{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    align-content:stretch!important;
    margin-top:0!important;
  }
  .hd-profile-bonuses .hd-profile-bonus-main{
    min-height:0!important;
    height:auto!important;
    padding:3px 10px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .hd-profile-bonuses .hd-profile-bonus-main > i{
    width:32px!important;
    height:32px!important;
    font-size:.90rem!important;
  }
  .hd-profile-bonuses .hd-profile-bonus-main small{
    font-size:.49rem!important;
  }
  .hd-profile-bonuses .hd-profile-bonus-main strong{
    margin-top:3px!important;
    font-size:1rem!important;
  }
}
@media (min-width:901px){
  .hd-profile-player-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }


  .hd-profile-player-card > h3{
    width:100%!important;
    margin:auto 0 3px!important;
  }

  .hd-profile-player-card > small{
    width:100%!important;
  }

  .hd-profile-player-card > b{
    width:100%!important;
    margin-top:4px!important;
    margin-bottom:4px!important;
  }
}
@media(min-width:901px){.hd-profile-lower-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hd-profile-lower-grid>.hd-profile-feature-card{height:328px!important}.hd-profile-titles{display:flex!important;flex-direction:column!important}.hd-profile-titles .hd-title-preview-row{flex:1 1 auto!important}.hd-profile-titles .hd-open-title-vault{flex:0 0 36px!important;height:36px!important;margin-top:8px!important}}
@media(max-width:900px){.hd-title-vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hd-title-vault-grid{grid-template-columns:1fr}}
@media(min-width:901px){
 .hd-profile-titles{
   display:flex!important;
   flex-direction:column!important;
 }

 .hd-profile-titles .hd-title-preview-row{
   display:flex!important;
   flex-direction:column!important;
   gap:7px!important;
   width:100%!important;
   flex:0 0 auto!important;
 }

 .hd-profile-titles .hd-title-preview-row > .hd-title-choice{
   width:100%!important;
   min-height:52px!important;
   height:52px!important;
 }
 .hd-profile-titles #hd-profile-active-title-slot,
 .hd-profile-titles #hd-profile-previous-title-slot{
   width:100%!important;
   min-height:58px!important;
   height:58px!important;
 }

 .hd-profile-titles #hd-profile-active-title-slot,
 .hd-profile-titles #hd-profile-previous-title-slot{
   display:flex!important;
 }

 .hd-profile-titles .hd-title-choice{
   width:100%!important;
   min-height:58px!important;
   height:58px!important;
   padding:7px 10px!important;
   grid-template-columns:42px minmax(0,1fr)!important;
   gap:10px!important;
 }

 .hd-profile-titles .hd-title-choice>i{
   width:38px!important;
   height:38px!important;
 }

 .hd-profile-titles .hd-profile-title-slot-empty{
   width:100%!important;
   height:58px!important;
   display:grid!important;
   place-items:center!important;
   padding:7px!important;
 }

 .hd-profile-titles .hd-open-title-vault{
   flex:0 0 36px!important;
   height:36px!important;
   min-height:36px!important;
   margin-top:auto!important;
   width:100%!important;
 }
}
@media(max-width:1150px){}
@media(max-width:1200px){}
@media(max-width:1200px){
 
 
 
}
@media(max-width:650px){}
@media(max-width:480px){}
@media(max-width:620px){}
@media(max-width:900px){
 
 
}
@media(min-width:901px){
 
 
}
@media(min-width:901px){
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}
@media(max-width:760px){}
@media(max-height:650px) and (min-width:761px){}
@media(max-height:520px) and (min-width:761px){}
@media(max-height:420px) and (min-width:761px){}
@media(min-width:901px){
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}
@media(min-width:901px){
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}
@media(min-width:901px){
  
  

  
  

  
  
  
  
  

  
  
  
  

  
  
  
  
  

  
  
  
  
  
  

  
  

  
  
  

  
  
  

  
  
  
  
}
@media(min-width:901px){
  
  

  
  

  

  

  

  
  

  
  

  

  
  
  

  
  

  
  

  

  

  

  
  
}
@media(min-width:901px){
  

  
  

  
  
  
  
  
  
  
  

  
  

  

  
  

  

  
  
}
@media(max-width:760px){.hd-workshop-refine{grid-template-columns:1fr!important}.hd-workshop-refine-numbers,.hd-workshop-refine>button{grid-column:1}}
@media(min-width:901px){
 

 

 

 

 

 

 

 

 

 

 

 
}
@media(max-width:900px){}
@media(max-width:1000px){
 
 
 
 
}
@media(max-width:1000px){
 
 
}
@media(max-width:1000px){
 
}
@media(max-width:1000px){
 
 
 
}
@media(min-width:1001px){
 
 
}
@media (prefers-reduced-motion:reduce){
 
}
@media(max-width:760px){
 
 
 
 
}
@media(max-width:900px){.hd-dc-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hd-dc-actions{grid-template-columns:1fr 1fr}.hd-dc-command-list div{grid-template-columns:1fr}.hd-dc-battle-row{grid-template-columns:1fr}.hd-dc-vs{text-align:center}}
@media(max-width:980px){.hd-dc-hub-summary{grid-template-columns:repeat(2,1fr)}.hd-dc-hub-grid{grid-template-columns:1fr}}
@media(max-width:620px){.hd-dc-hub-tabs{grid-template-columns:repeat(2,1fr)}.hd-dc-hub-summary{grid-template-columns:1fr 1fr}.hd-dc-feature-grid{grid-template-columns:1fr}.hd-dc-feature-stage{padding:24px 14px}}
@media(max-width:420px){.hd-dc-hub-summary{grid-template-columns:1fr}.hd-dc-hub-tab span{font-size:.48rem}}
@media(max-width:620px){
  .hd-dc-hub-summary small{font-size:.54rem}
  .hd-dc-hub-summary strong{font-size:.92rem}
  .hd-dc-ranking div{font-size:.6rem}
}
@media(max-width:760px){
 .hd-dc-hub-tabs{grid-template-columns:repeat(3,1fr)}
 
}
@media(max-width:460px){.hd-dc-hub-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hd-dc-blessing-buttons{grid-template-columns:1fr}}
@media(max-width:900px){.hd-dc-stats-card{position:static}.hd-dc-stats-list{grid-template-columns:1fr 1fr}.hd-dc-stats-list article{border:1px solid rgba(95,112,166,.14);border-radius:7px}}
@media(max-width:560px){.hd-dc-combat-status{grid-template-columns:1fr}.hd-dc-stats-list{grid-template-columns:1fr}}
@media(max-width:650px){
  .hd-dc-blessing-buttons{
    grid-template-columns:1fr;
  }
  .hd-dc-blessing-btn{
    min-height:42px;
  }
}
@media(max-width:1080px){}
@media(max-width:850px){.hd-dc-round-list,.hd-dc-stats-list{grid-template-columns:1fr 1fr}.hd-dc-round-list article,.hd-dc-stats-list article{border:1px solid rgba(95,112,166,.14);border-radius:7px}}
@media(max-width:520px){.hd-dc-round-list,.hd-dc-stats-list{grid-template-columns:1fr}}
@media(max-width:620px){.hd-dc-player-progress-card{grid-template-columns:1fr}}
@media(max-width:1080px){.hd-dc-arsenal-layout{grid-template-columns:205px minmax(0,1fr) 220px}}
@media(max-width:850px){.hd-dc-arsenal-layout{grid-template-columns:1fr}.hd-dc-weapon-picker{grid-template-columns:1fr 1fr}.hd-dc-arsenal-side-col{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hd-dc-weapon-picker,.hd-dc-arsenal-side-col,.hd-dc-weapon-detail-stats,.hd-dc-selected-affix-list{grid-template-columns:1fr}}
@media(max-width:1080px){.hd-dc-arsenal-compare-layout{grid-template-columns:195px minmax(0,1fr) 205px}}
@media(max-width:850px){.hd-dc-arsenal-compare-layout{grid-template-columns:1fr}.hd-dc-weapon-picker{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hd-dc-weapon-picker{grid-template-columns:1fr}.hd-dc-compare-grid{grid-template-columns:1fr}.hd-dc-compare-vs{min-height:24px}.hd-dc-compare-vs::after{content:"";}}
@media(max-width:720px){}
@media(max-width:720px){
 .hd-dc-hub-tabs{gap:3px}
 .hd-dc-hub-tab{padding:6px 3px;font-size:.48rem}
 .hd-dc-hub-tab span{font-size:.43rem}
}
@media(max-width:1120px){
 
}
@media(max-width:900px){
 
 .hd-dc-combat-main{grid-column:1/-1}
 .hd-dc-stats-sidebar{grid-column:1/-1}
}
@media(max-width:600px){
 
 .hd-dc-combat-main,.hd-dc-stats-sidebar{grid-column:auto}
}
@media(max-height:850px){
 
 
}
@media(max-height:760px){
 
 
 
}
@media(max-height:800px){
 
 
}
@media(max-height:700px){
 
 
}
@media(max-width:650px){.hd-dc-affix-info-list{grid-template-columns:1fr}}
@media(max-width:650px){
 .hd-dc-affix-table-row{grid-template-columns:58px minmax(0,1fr) auto!important;gap:7px!important}
 .hd-dc-affix-table-row .hd-dc-affix-stars{width:58px!important;min-width:58px!important;font-size:.54rem!important}
 .hd-dc-craft-affix-line{grid-template-columns:40px minmax(0,1fr) auto!important;gap:4px!important}
 .hd-dc-craft-affix-line .hd-dc-affix-stars{width:40px!important;min-width:40px!important;font-size:.52rem!important;letter-spacing:.5px!important}
}
@media(max-width:850px){.hd-dc-crafting-layout{grid-template-columns:1fr}.hd-dc-crafting-affixes{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hd-dc-crafting-affixes{grid-template-columns:1fr}}
@media(max-width:850px){
 .hd-dc-crafting-affix-slots article.is-filled{min-height:120px}
}
@media(max-width:960px){.hd-dc-crafting-main-grid{grid-template-columns:210px minmax(0,1fr)}.hd-dc-crafting-affix-slots{grid-template-columns:repeat(3,1fr)}.hd-dc-crafting-lower-grid{grid-template-columns:1fr}.hd-dc-crafting-refund-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hd-dc-crafting-main-grid{grid-template-columns:1fr}.hd-dc-crafting-bottom-grid{grid-template-columns:1fr}.hd-dc-crafting-affix-slots{grid-template-columns:repeat(2,1fr)}}
@media(min-width:961px){
 .hd-dc-crafting-lower-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
}
@media(max-width:960px){
 .hd-dc-crafting-lower-grid{
  grid-template-columns:1fr!important;
 }
}
@media(max-width:720px){.hd-dc-merchant-offers{grid-template-columns:1fr}}
@media(max-width:900px){.hd-dc-talent-paths{grid-template-columns:1fr}.hd-dc-talents-head{align-items:stretch;flex-direction:column}}
@media(max-width:760px){.hd-dc-ranking-dual{grid-template-columns:1fr}}
@media(max-width:700px){.hd-admin-moderation-card{align-items:stretch;flex-direction:column}.hd-admin-audit-row{grid-template-columns:1fr}}
@media(min-width:1200px){
  .hd-home-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hd-home-commands{grid-column:1/-1!important}
  .hd-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  body{padding:0!important}
  .panel{
    width:100%!important;
    min-height:100vh!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    padding:0 10px 14px!important;
  }
  .hd-nav,.hd-nav.has-admin{margin-bottom:10px!important}
}
@media(max-width:700px){
  .hd-nav-brand-name{display:none}
  .hd-nav-brand{padding-right:7px}
  .hd-nav .hd-nav-button{padding:0 7px!important;font-size:.5rem!important}
  .hd-nav-icon{margin-right:4px}
  .hd-nav-logout-button{padding:0 7px!important}
}
@media(min-width:1500px){.hd-collection-workspace-v2 .hd-collection-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important}}
@media(max-width:1000px){.hd-collection-workspace-v2{grid-template-columns:1fr!important}.hd-collection-workspace-v2 .hd-collection-detail{
  position:static;
  height:auto!important;
  min-height:610px!important;
  max-height:none!important;
  align-self:stretch!important;
  overflow:visible!important;
}.hd-collection-workspace-v2 .hd-detail-empty{height:auto!important;min-height:580px!important}}
@media(max-width:700px){.hd-collection-tabs-v2{grid-template-columns:1fr!important}.hd-collection-v2 .hd-collection-head{align-items:flex-start;flex-direction:column}.hd-collection-v2 .hd-collection-summary{width:100%;flex-wrap:wrap}.hd-collection-workspace-v2 .hd-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none}}
@media(max-width:1200px){
  .hd-nav .hd-nav-button{padding:0 9px!important;font-size:.56rem!important}
  .hd-command-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  main.panel{width:100%!important;padding:0 10px 16px!important}
  .hd-page-header{align-items:flex-start;flex-direction:column}
  .hd-overview-grid-v2{grid-template-columns:1fr}
  .hd-overview-commands-v2{grid-column:auto}
}
@media(max-width:650px){
  .hd-command-grid-v2{grid-template-columns:1fr!important}
  .hd-command-grid-v2>div{grid-template-columns:100px minmax(0,1fr)!important}
  .hd-page-inner{padding-top:14px}
}
@media(max-width:700px){
  .hd-standard-tab-header{
    align-items:flex-start!important;
    padding-top:10px!important;
  }
  .hd-standard-tab-header h2{
    font-size:1.25rem!important;
  }
}
@media(max-width:1250px){.hd-command-final-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.hd-overview-top-grid{grid-template-columns:1fr}.hd-command-final-grid{grid-template-columns:repeat(2,1fr)}.hd-overview-statbar{grid-template-columns:repeat(2,1fr)}.hd-overview-hero{background-position:65% center}.hd-overview-hero p{max-width:60%}}
@media(max-width:600px){.hd-overview-hero{padding:20px 17px;background-image:linear-gradient(90deg,rgba(6,8,9,.98),rgba(5,9,12,.65)),url("hexdeck-overview-hero.png")}.hd-overview-hero .hd-page-header-status{display:none}.hd-overview-hero p{max-width:100%}.hd-overview-top-grid,.hd-chat-help-final,.hd-overview-statbar{margin-left:7px;margin-right:7px}.hd-command-final-grid,.hd-overview-statbar{grid-template-columns:1fr}.hd-join-main{padding:12px 18px;gap:28px}.hd-guide-join>p{margin-left:18px;margin-right:18px}}
@media(max-width:1350px){
  .hd-command-final-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hd-nav .hd-nav-button{padding:0 10px!important;font-size:.66rem!important}
}
@media(max-width:980px){
  main.panel{width:100%!important;padding:0 10px 20px!important}
  .hd-overview-top-grid{grid-template-columns:1fr!important}
  .hd-overview-statbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hd-command-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hd-overview-hero{padding:24px 20px!important}
}
@media(max-width:620px){
  .hd-overview-hero{min-height:250px!important;flex-direction:column!important}
  .hd-overview-hero h2{font-size:1.8rem!important}
  .hd-command-final-grid,.hd-overview-statbar{grid-template-columns:1fr!important}
  .hd-join-main{flex-wrap:wrap!important}
}
@media(max-width:980px){
  .hd-overview-hero{
    min-height:190px!important;
    background-position:60% center!important;
  }
}
@media(max-width:620px){
  .hd-overview-hero{
    min-height:220px!important;
    padding:18px 16px!important;
  }
}
@media(max-width:1250px){
  .hd-brand-image-slot{width:180px!important;min-width:180px!important}
  .hd-brand-logo{width:150px}
  .hd-nav .hd-nav-button{padding:0 10px!important;font-size:.68rem!important}
  .hd-command-final-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .hd-overview-hero{background-size:cover!important}
  .hd-overview-hero-copy{width:80%!important}
  .hd-overview-top-grid{grid-template-columns:1fr!important}
  .hd-command-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1200px){.hd-nav-logo-slot{width:190px;min-width:190px}.hd-nav .hd-nav-button{padding:0 10px!important;font-size:.68rem!important}.hd2-command-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hd2-hero{grid-template-columns:1fr}.hd2-hero-art{min-height:220px}.hd2-hero-copy{background:rgba(8,9,17,.80)}.hd2-guide-grid{grid-template-columns:1fr}.hd2-command-grid,.hd2-statbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .hd2-hero{
    max-height:none!important;
    min-height:auto!important;
  }
  .hd2-hero-art{
    height:210px!important;
    min-height:210px!important;
  }
}
@media(max-width:1200px){}
@media(max-width:850px){.hdp2-showcase-grid{grid-template-columns:1fr}}
@media(max-width:900px){
  .hdp2-showcase-grid-two{
    grid-template-columns:1fr!important;
  }
  .hdp2-card-art-compact{
    grid-template-columns:150px 1fr!important;
  }
}
@media(max-width:600px){
  .hdp2-showcase-compact>header{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .hdp2-card-art-compact{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:900px){
  .hdp2-showcase-grid-two{
    grid-template-columns:1fr!important;
  }
  .hdp2-showcase-grid-two>article{
    min-height:460px!important;
  }
  .hdp2-card-art-image-large{
    height:330px!important;
  }
}
@media(max-width:980px){
  .hd-collection-pagehead{
    min-height:0!important;
    flex-direction:column!important;
    padding:28px 16px 20px!important;
  }
  .hd-collection-pagehead .hd-collection-summary{
    width:100%!important;
    flex-wrap:wrap!important;
  }
  .hd-collection-overview{
    padding:0 16px 16px!important;
  }
}
@media(max-width:980px){
  .hd-section[data-panel="collection"] .hd-collection-pagehead{
    padding-left:0!important;
    padding-right:0!important;
  }
  .hd-section[data-panel="collection"] .hd-collection-overview{
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media(max-width:1100px){
  .hd-section[data-panel="collection"] .hd-collection-workspace-v2{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:1200px){
}
@media(max-width:1200px){
}
@media(max-width:1200px){
  .hd-section[data-panel="character"] .hd-char-columns{
  background:transparent;
grid-template-columns:1fr!important}
  .hd-rune-detail-grid,.hd-talent-detail-grid{grid-template-columns:1fr!important}
  .hd-artifact-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:1180px){
  .hd-section[data-panel="character"] .hd-char-columns{
  background:transparent;

    grid-template-columns:1fr!important;
  }
  .hd-section[data-panel="character"] .hd-char-panel,
  .hd-section[data-panel="character"] .hd-talents-panel,
  .hd-section[data-panel="character"] .hd-artifacts-panel{
    min-height:0!important;
  }
  .hd-section[data-panel="character"] .hd-artifact-owned-empty{
    min-height:520px!important;
  }
}
@media(max-width:1200px){
  .hd-quest-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hd-current-quest{
    grid-template-columns:56px minmax(0,1fr)!important;
  }
  .hd-current-quest-reward,
  .hd-current-quest-time{
    grid-column:auto!important;
  }
}
@media(max-width:900px){
  .hd-quest-live-grid{
    grid-template-columns:1fr!important;
  }
  .hd-quests-pagehead{
    flex-direction:column!important;
  }
}
@media(max-width:1400px){
  .hd-weekly-quest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  .hd-daily-quest-grid,.hd-weekly-quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .hd-daily-quest-grid,.hd-weekly-quest-grid{grid-template-columns:1fr!important}
}
@media(max-width:1200px){
}
@media(max-width:920px){
  .hd-section[data-panel="rankings"] .hd-ranking-two-col,
  .hd-section[data-panel="shop"] .hd-shop-v2-footer{
    grid-template-columns:1fr!important;
  }
  .hd-section[data-panel="playersearch"] .hd-main-player-search-grid{
    grid-template-columns:1fr!important;
  }
  .hd-section[data-panel="playersearch"] .hd-main-player-results{
    max-height:240px!important;
  }
}
@media(max-width:680px){
}
@media(max-width:1450px){
}
@media(max-width:920px){
}
@media(max-width:1200px){.hd2-bonus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .hd2-achievements-bonuses>header{align-items:flex-start;flex-direction:column;padding:13px 0}
  .hd2-achievements-bonuses-actions{width:100%}
  .hd2-achievements-bonuses-actions button{flex:1}
  .hd2-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
}
@media(max-width:520px){
}
@media(max-width:1120px){
}
@media(max-width:760px){
}
@media(max-width:820px){
  .hdp2-full-vault .hd-achievements-full-head{grid-template-columns:1fr}
  .hdp2-full-vault .hd-achievements-back{justify-self:start}
}
@media (min-width:901px){
  .hd-section[data-panel="overview"] .hd2-overview{
    padding-bottom:10px;
  }
  .hd-section[data-panel="overview"] .hd2-guide-grid{
    gap:10px;
    margin-bottom:10px;
  }
  .hd-section[data-panel="overview"] .hd2-guide-card{
    padding:0 16px 10px;
  }
  .hd-section[data-panel="overview"] .hd2-guide-card>header{
    height:60px;
  }
  .hd-section[data-panel="overview"] .hd2-step{
    width:42px;
    height:42px;
  }
  .hd-section[data-panel="overview"] .hd2-join-box{
    grid-template-columns:68px 1fr auto;
    min-height:104px;
    margin-top:10px;
    padding:10px 32px;
  }
  .hd-section[data-panel="overview"] .hd2-join-text{
    margin:9px 32px;
    line-height:1.4;
  }
  .hd-section[data-panel="overview"] .hd2-warning{
    padding:8px 13px;
  }
  .hd-section[data-panel="overview"] .hd2-active-list{
    gap:5px;
    padding-top:10px;
  }
  .hd-section[data-panel="overview"] .hd2-active-list article{
    min-height:68px;
    padding:7px 14px;
  }
  .hd-section[data-panel="overview"] .hd2-chat-help{
    padding:0 16px 10px;
    margin-bottom:10px;
  }
  .hd-section[data-panel="overview"] .hd2-chat-help>header{
    height:58px;
  }
  .hd-section[data-panel="overview"] .hd2-command-grid{
    gap:9px;
  }
  .hd-section[data-panel="overview"] .hd2-command-grid article{
    min-height:78px;
    padding:8px 12px;
  }
  .hd-section[data-panel="overview"] .hd2-bottom-note{
    min-height:54px;
    padding:7px 14px;
  }
}
@media (min-width:901px){
  .hd-section[data-panel="overview"] .hd2-guide-grid{gap:8px!important;margin-bottom:8px!important}
  .hd-section[data-panel="overview"] .hd2-guide-card{padding:0 12px 8px!important}
  .hd-section[data-panel="overview"] .hd2-guide-card>header{height:52px!important;gap:10px!important}
  .hd-section[data-panel="overview"] .hd2-step{width:38px!important;height:38px!important}

  .hd-section[data-panel="overview"] .hd2-join-box{grid-template-columns:64px 1fr auto!important;gap:14px!important;min-height:82px!important;margin-top:8px!important;padding:8px 28px!important}
  .hd-section[data-panel="overview"] .hd2-iconbox{width:58px!important;height:58px!important}
  .hd-section[data-panel="overview"] .hd2-join-text{margin:7px 28px!important;line-height:1.35!important}
  .hd-section[data-panel="overview"] .hd2-warning{padding:6px 11px!important;gap:8px!important}

  .hd-section[data-panel="overview"] .hd2-active-list{gap:4px!important;padding-top:8px!important}
  .hd-section[data-panel="overview"] .hd2-active-list article{grid-template-columns:52px 1fr!important;gap:10px!important;min-height:58px!important;padding:5px 12px!important}
  .hd-section[data-panel="overview"] .hd2-active-list article>span{width:44px!important;height:44px!important}
  .hd-section[data-panel="overview"] .hd2-active-list b{margin-bottom:3px!important}

  .hd-section[data-panel="overview"] .hd2-chat-help{padding:0 12px 8px!important;margin-bottom:8px!important}
  .hd-section[data-panel="overview"] .hd2-chat-help>header{height:52px!important}
  .hd-section[data-panel="overview"] .hd2-chat-badge{padding:8px 14px!important}
  .hd-section[data-panel="overview"] .hd2-command-grid{gap:7px!important}
  .hd-section[data-panel="overview"] .hd2-command-grid article{grid-template-columns:46px 1fr!important;gap:9px!important;min-height:64px!important;padding:6px 10px!important}
  .hd-section[data-panel="overview"] .hd2-command-grid i{width:40px!important;height:40px!important}
  .hd-section[data-panel="overview"] .hd2-command-grid code{margin-bottom:3px!important}

  .hd-section[data-panel="overview"] .hd2-bottom-note{grid-template-columns:42px 1fr!important;gap:10px!important;min-height:46px!important;padding:5px 12px!important;margin-top:8px!important}
  .hd-section[data-panel="overview"] .hd2-bottom-note>span{width:34px!important;height:34px!important}
  .hd-section[data-panel="overview"] .hd2-bottom-note p{line-height:1.35!important}
}
@media (min-width:901px){
  .hd-section[data-panel="overview"] .hd2-guide-grid{gap:10px!important;margin-bottom:10px!important}
  .hd-section[data-panel="overview"] .hd2-guide-card{padding:0 14px 10px!important}
  .hd-section[data-panel="overview"] .hd2-guide-card>header{height:64px!important}

  .hd-section[data-panel="overview"] .hd2-join-box{min-height:0!important;height:92px!important;margin-top:10px!important;padding:8px 34px!important;grid-template-columns:58px 1fr auto!important;gap:18px!important}
  .hd-section[data-panel="overview"] .hd2-iconbox{width:50px!important;height:50px!important}
  .hd-section[data-panel="overview"] .hd2-join-text{margin:8px 34px!important;line-height:1.35!important}
  .hd-section[data-panel="overview"] .hd2-warning{min-height:0!important;padding:7px 14px!important;margin-top:8px!important}

  .hd-section[data-panel="overview"] .hd2-active-list{gap:6px!important;padding-top:10px!important}
  .hd-section[data-panel="overview"] .hd2-active-list article{min-height:0!important;height:64px!important;padding:6px 14px!important;grid-template-columns:50px 1fr!important;gap:12px!important}
  .hd-section[data-panel="overview"] .hd2-active-list article>span{width:44px!important;height:44px!important}

  .hd-section[data-panel="overview"] .hd2-chat-help{padding:0 14px 10px!important;margin-bottom:8px!important}
  .hd-section[data-panel="overview"] .hd2-chat-help>header{height:58px!important}
  .hd-section[data-panel="overview"] .hd2-command-grid{gap:8px!important}
  .hd-section[data-panel="overview"] .hd2-command-grid article{min-height:0!important;height:72px!important;padding:6px 12px!important;grid-template-columns:44px 1fr!important;gap:10px!important}
  .hd-section[data-panel="overview"] .hd2-command-grid i{width:40px!important;height:40px!important}

  .hd-section[data-panel="overview"] .hd2-bottom-note{min-height:0!important;height:52px!important;padding:5px 14px!important;margin-top:8px!important;grid-template-columns:40px 1fr!important;gap:10px!important}
  .hd-section[data-panel="overview"] .hd2-bottom-note>span{width:34px!important;height:34px!important}
}
@media (min-width:901px){
  .hd-section[data-panel="profile"] .hdp2{
    padding-bottom:10px!important;
  }
  .hd-section[data-panel="profile"] .hdp2-avatar{
    width:104px!important;
    height:124px!important;
  }
  .hd-section[data-panel="profile"] .hdp2-active-title{
    margin-bottom:9px!important;
  }
  .hd-section[data-panel="profile"] .hdp2-achievement-summary{
    gap:5px!important;
  }
}
@media (min-width:901px){
  .hd-section[data-panel="profile"] .hdp2-achievement-preview-list{
    display:grid!important;
    gap:5px!important;
  }
}
@media (min-width:901px){
  .hd-section[data-panel="profile"] .hdp2-achievement-preview-list{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
  }
}
@media (min-width:901px){
}
@media(max-width:1180px){
 .hd-section[data-panel="character"] .hd-char-panel{min-height:0!important;height:auto!important;}
}


/* Talent-Interaktion */
.hd-section[data-panel="character"] .hd-talent-web-list article{
  cursor:pointer!important;
  pointer-events:auto!important;
  user-select:none!important;
}
.hd-section[data-panel="character"] .hd-talent-web-list article.is-disabled,
.hd-section[data-panel="character"] .hd-talent-web-list article[aria-disabled="true"]{
  cursor:not-allowed!important;
  opacity:.6!important;
}

.hd-section[data-panel="shop"] .hd-shop-v2-wallets{
display:flex!important;
  gap:8px!important;
  align-items:stretch!important;
}
.hd-section[data-panel="shop"] .hd-shop-v2-wallets strong{
display:inline!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:1.29rem!important;
  line-height:1!important;
  font-weight:950!important;
}

.hd-section[data-panel="shop"] .hd-shop-v2-wallets small{
display:inline!important;
  margin:0!important;
  padding:0!important;
  color:#96909a!important;
  font-size:.795rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}

.hd-section[data-panel="shop"] .hd-shop-v2-wallets>div{
display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:118px!important;
  padding:10px 13px!important;
  box-sizing:border-box!important;
  border:1px solid var(--uni-border)!important;
  border-radius:9px!important;
  background:rgba(8,10,18,.58)!important;
}


.hd-section[data-panel="shop"] .hd-shop-v2-footer{
display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-items:stretch!important;
  margin-top:12px!important;
}
.hd-section[data-panel="shop"] .hd-shop-debug.is-error #hd-shop-debug-text::before{
content:"!"!important;
  display:inline-block!important;
  margin-right:6px!important;
  color:#e46c73!important;
  font-weight:950!important;
}

.hd-section[data-panel="shop"] .hd-shop-debug.is-ok #hd-shop-debug-text::before{
content:"✓"!important;
  display:inline-block!important;
  margin-right:6px!important;
  color:#48d27a!important;
  font-weight:950!important;
}

.hd-section[data-panel="shop"] .hd-shop-security-note small, .hd-section[data-panel="shop"] .hd-shop-debug span{
display:block!important;
  margin-top:8px!important;
  padding:0!important;
  color:#9e97a2!important;
  font-size:.825rem!important;
  line-height:1.45!important;
}

.hd-section[data-panel="shop"] .hd-shop-security-note strong, .hd-section[data-panel="shop"] .hd-shop-debug strong{
display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:.87rem!important;
  line-height:1.2!important;
  font-weight:950!important;
}

.hd-section[data-panel="shop"] .hd-shop-debug{
position:relative!important;
  display:block!important;
  min-height:68px!important;
  height:auto!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
  border:1px solid var(--uni-border)!important;
  border-radius:9px!important;
  background:rgba(8,10,18,.58)!important;
}

.hd-section[data-panel="shop"] .hd-shop-security-note>span{
display:none!important;
}

.hd-section[data-panel="shop"] .hd-shop-security-note{
position:relative!important;
  display:block!important;
  min-height:68px!important;
  height:auto!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
  border:1px solid var(--uni-border)!important;
  border-radius:9px!important;
  background:rgba(8,10,18,.58)!important;
}


.hd-rune-detail-level.is-owned strong{
color:#dff7e8!important;
}

.hd-rune-detail-level.is-owned span{
color:#48d27a!important;
}

.hd-rune-detail-level.is-owned small{
color:#8fcaaa!important;
}


/* Giveaway-Rad Admin */
.hd-giveaway-admin{padding:18px}.hd-giveaway-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border:1px solid rgba(162,96,255,.3);border-radius:14px;background:linear-gradient(135deg,rgba(76,22,120,.2),rgba(9,12,24,.72))}.hd-giveaway-head small{color:#aa7cec;font-weight:900;letter-spacing:.16em}.hd-giveaway-head h3{margin:4px 0 6px;font-size:1.45rem}.hd-giveaway-head p{margin:0;color:#aaa3b4}.hd-giveaway-head>span{padding:8px 10px;border:1px solid rgba(182,101,255,.42);border-radius:9px;color:#cba5ff;font-size:.75rem;font-weight:900}.hd-giveaway-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;gap:10px;margin:14px 0}.hd-giveaway-toolbar label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--uni-border);border-radius:9px;background:rgba(8,10,18,.58);font-size:.8rem;font-weight:900}.hd-giveaway-toolbar input{min-width:0;flex:1;background:#090b13;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:9px}.hd-giveaway-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:14px}.hd-gr-items{display:grid;gap:8px}.hd-gr-row{display:grid;grid-template-columns:46px minmax(160px,1fr) 120px 44px;gap:8px;padding:9px;border:1px solid var(--uni-border);border-radius:10px;background:rgba(8,10,18,.58)}.hd-gr-row input{width:100%;min-height:42px;background:#090b13;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:8px}.hd-gr-row input[type=color]{padding:3px}.hd-gr-chance{position:relative}.hd-gr-chance input{padding-right:26px}.hd-gr-chance span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#998ca6}.hd-gr-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.hd-gr-control{padding:18px;border:1px solid rgba(171,78,255,.35);border-radius:14px;background:radial-gradient(circle at 80% 0,rgba(120,30,212,.22),transparent 35%),rgba(8,10,18,.7)}.hd-gr-control small{color:#a978ee;font-weight:900;letter-spacing:.15em}.hd-gr-control h4{font-size:1.35rem;margin:4px 0 14px}.hd-gr-total{display:flex;justify-content:space-between;padding:10px;border-radius:9px;background:rgba(107,44,163,.15);font-size:.78rem;color:#b7a9c4}.hd-gr-total strong{color:#fff}.hd-gr-control p{color:#a8a1ae;line-height:1.5;font-size:.87rem}.hd-gr-spin{width:100%;min-height:60px;margin:10px 0;font-weight:1000!important;font-size:1rem!important;box-shadow:0 0 24px rgba(150,55,255,.25)}.hd-gr-control>.secondary{width:100%}.hd-gr-message{margin-top:12px;padding:10px;border:1px solid var(--uni-border);border-radius:8px;color:#c9bdcf;background:rgba(0,0,0,.18);font-size:.83rem}@media(max-width:800px){.hd-giveaway-toolbar,.hd-giveaway-grid{grid-template-columns:1fr}.hd-gr-row{grid-template-columns:42px minmax(0,1fr) 100px 42px}.hd-giveaway-head{flex-direction:column}}

/* Giveaway-Rad: kompakt direkt unter den Admin-Reitern */
.hd-admin-subpanel[data-admin-panel="giveaway"].is-active{flex:0 0 auto!important;min-height:0!important;align-self:stretch;justify-content:flex-start!important}
.hd-admin-subpanel[data-admin-panel="giveaway"] .hd-giveaway-admin{padding:0!important;margin:0!important;min-height:0!important}
.hd-admin-subpanel[data-admin-panel="giveaway"] .hd-giveaway-head{margin-top:0!important}
/* Giveaway admin v3 */
.hd-admin-subpanel[data-admin-panel="giveaway"]{padding-top:14px!important}
.hd-gr-dashboard{display:grid!important;grid-template-columns:minmax(420px,.98fr) minmax(560px,1.08fr);gap:16px;padding:0!important;margin:0!important;align-items:start}
.hd-gr-preview-card,.hd-gr-panel{border:1px solid rgba(144,88,205,.5);border-radius:14px;background:linear-gradient(180deg,rgba(12,15,27,.96),rgba(7,9,18,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.hd-gr-preview-card{padding:18px;position:sticky;top:12px}
.hd-gr-right{display:grid;gap:14px;min-width:0}
.hd-gr-panel{padding:18px}
.hd-gr-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hd-gr-card-head h3{margin:0;color:#f5f1fa;font-size:1.02rem;letter-spacing:.02em}.hd-gr-card-head p{margin:3px 0 0;color:#9892a4;font-size:.78rem}.hd-gr-live{display:inline-flex;align-items:center;gap:7px;border:1px solid #495064;border-radius:8px;padding:8px 11px;color:#d9dbe4;font-size:.72rem;font-weight:800}.hd-gr-live i{width:9px;height:9px;border-radius:50%;background:#28d774;box-shadow:0 0 12px #28d774}
.hd-gr-preview-stage{position:relative;width:min(100%,620px);aspect-ratio:1;margin:0 auto 12px;display:grid;place-items:center}.hd-gr-preview-stage canvas{width:100%;height:100%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.65))}.hd-gr-preview-pointer{position:absolute;z-index:4;left:50%;top:1.7%;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:42px solid #ffbf36;filter:drop-shadow(0 0 7px rgba(255,178,45,.55))}.hd-gr-preview-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 45% 35%,#342a20,#08090d 68%);border:4px solid #b37a25;box-shadow:inset 0 0 20px rgba(255,173,55,.18),0 0 10px rgba(255,185,57,.25);color:#ffc44d;font-size:clamp(26px,4vw,48px)}
.hd-gr-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hd-gr-preview-stats>div{min-width:0;border:1px solid #262c3b;border-radius:10px;background:#0d111c;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:1px 9px;align-items:center}.hd-gr-preview-stats span{grid-row:1/3;font-size:1.35rem;color:#d6d8e2}.hd-gr-preview-stats strong{font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-gr-preview-stats small{color:#8d94a6;font-size:.7rem}
.hd-gr-person{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;background:#111522;border:1px solid #1d2332;border-radius:10px;padding:12px}.hd-gr-person>span{font-size:1.25rem}.hd-gr-person b,.hd-gr-duration b{display:block;color:#eeeaf2;font-size:.8rem;margin-bottom:7px}.hd-gr-person input,.hd-gr-settings-row input,.hd-gr-duration input{width:100%;min-height:42px;background:#090c14!important;color:#f7f7fb!important;border:1px solid #596174!important;border-radius:7px!important;padding:9px 11px!important;font-size:16px!important;opacity:1!important}
.hd-gr-start-row{display:grid;grid-template-columns:minmax(320px,1fr) minmax(220px,.68fr);gap:12px;margin-top:12px;align-items:stretch}.hd-gr-duration{display:grid;grid-template-columns:28px 1fr 86px;gap:10px;align-items:center;padding:8px 10px}.hd-gr-duration>span{font-size:1.25rem}.hd-gr-duration small{display:block;color:#8f95a3;font-size:.69rem}.hd-gr-duration input{height:44px;text-align:center;font-weight:900;color:#fff!important;-moz-appearance:textfield}.hd-gr-duration input::-webkit-inner-spin-button,.hd-gr-duration input::-webkit-outer-spin-button{opacity:1;height:32px}
.hd-gr-spin{min-height:62px!important;margin:0!important;border:1px solid #ffd86a!important;border-radius:9px!important;background:linear-gradient(180deg,#ffd34e,#e9a818)!important;color:#130d02!important;font-weight:1000!important;font-size:.92rem!important;box-shadow:0 0 18px rgba(255,180,25,.18)!important}.hd-gr-spin:hover{filter:brightness(1.06)}.hd-gr-message{margin:10px 0 0!important;padding:8px 10px!important;background:transparent!important;border:0!important;color:#9ba2b2!important;min-height:30px}
.hd-gr-manage-panel .hd-gr-card-head{margin-bottom:10px}.hd-gr-table-head,.hd-gr-row{display:grid!important;grid-template-columns:34px 58px minmax(150px,1fr) 110px 62px!important;gap:8px!important;align-items:center}.hd-gr-table-head{padding:7px 9px;color:#aab0bd;font-size:.68rem;font-weight:800;border:1px solid #202636;border-radius:7px 7px 0 0;background:#111522}.hd-gr-items{display:grid!important;gap:0!important}.hd-gr-row{padding:7px 9px!important;border:1px solid #202636!important;border-top:0!important;border-radius:0!important;background:#0c101a!important}.hd-gr-row:last-child{border-radius:0 0 7px 7px!important}.hd-gr-index{color:#bfc4d0;font-size:.75rem}.hd-gr-row input{min-height:36px!important;background:#090c14!important;border:1px solid #252c3a!important;color:#f3f3f7!important;border-radius:6px!important;padding:6px 8px!important;font-size:.78rem!important}.hd-gr-row input[type=color]{width:38px!important;height:31px!important;min-height:31px!important;padding:2px!important;border:0!important;background:transparent!important}.hd-gr-row .secondary{width:36px;height:34px;min-height:34px;padding:0!important;color:#ff5d69!important;border-color:#34222a!important}.hd-gr-chance span{right:7px!important}.hd-gr-chance input{padding-right:22px!important}.hd-gr-manage-panel #hd-gr-add{min-height:38px;padding:8px 12px!important}
.hd-gr-settings-panel{padding-bottom:16px}.hd-gr-settings-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end}.hd-gr-settings-row label span{display:block;margin-bottom:6px;color:#a6adba;font-size:.72rem;font-weight:800}.hd-gr-settings-row button{min-height:42px;white-space:nowrap}.hd-gr-save{min-width:210px}.hd-gr-settings-panel .hd-gr-card-head{margin-bottom:10px}
@media(max-width:1150px){.hd-gr-dashboard{grid-template-columns:1fr!important}.hd-gr-preview-card{position:relative;top:auto}.hd-gr-preview-stage{max-width:560px}.hd-gr-start-row{grid-template-columns:1fr}.hd-gr-settings-row{grid-template-columns:1fr 1fr}.hd-gr-settings-row label{grid-column:1/-1}}
@media(max-width:700px){.hd-gr-dashboard{display:block!important}.hd-gr-right{margin-top:12px}.hd-gr-preview-stats{grid-template-columns:1fr}.hd-gr-table-head{display:none!important}.hd-gr-row{grid-template-columns:42px minmax(0,1fr) 92px 42px!important}.hd-gr-row .hd-gr-index{display:none}.hd-gr-settings-row{grid-template-columns:1fr}.hd-gr-settings-row label{grid-column:auto}.hd-gr-start-row{grid-template-columns:1fr}.hd-gr-duration{grid-template-columns:28px 1fr 76px}}


/* Giveaway Rad: Prozentanzeige-Schalter */
.hd-gr-toggle{
  display:flex!important;
  align-items:center;
  gap:12px;
  min-width:260px;
  padding:10px 14px;
  border:1px solid rgba(154,78,220,.28);
  background:linear-gradient(180deg,rgba(27,18,35,.78),rgba(13,10,18,.86));
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  cursor:pointer;
}
.hd-gr-toggle>input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.hd-gr-toggle-box{
  position:relative;
  flex:0 0 42px;
  width:42px;
  height:23px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:#17131d;
  box-shadow:inset 0 0 8px rgba(0,0,0,.6);
  transition:.18s ease;
}
.hd-gr-toggle-box:after{
  content:"";
  position:absolute;
  width:17px;
  height:17px;
  top:2px;
  left:3px;
  border-radius:50%;
  background:#8b8791;
  box-shadow:0 1px 5px rgba(0,0,0,.55);
  transition:.18s ease;
}
.hd-gr-toggle>input:checked+.hd-gr-toggle-box{
  border-color:rgba(185,100,255,.72);
  background:linear-gradient(90deg,#4d1b70,#7f2bae);
  box-shadow:0 0 12px rgba(159,57,225,.28),inset 0 0 8px rgba(255,255,255,.08);
}
.hd-gr-toggle>input:checked+.hd-gr-toggle-box:after{
  left:20px;
  background:#f6eaff;
}
.hd-gr-toggle-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.hd-gr-toggle-copy b{
  font-size:12px;
  letter-spacing:.08em;
}
.hd-gr-toggle-copy small{
  opacity:.68;
  font-size:10px;
  line-height:1.25;
}


/* =========================================================
   Giveaway Rad v18 — cleaner General Settings layout
   ========================================================= */
.hd-gr-settings-layout{
  display:grid;
  grid-template-columns:minmax(280px,1.25fr) minmax(300px,1fr);
  gap:14px 18px;
  align-items:stretch;
  margin-top:14px;
}

.hd-gr-setting-field{
  display:flex!important;
  flex-direction:column;
  gap:7px;
  margin:0!important;
}
.hd-gr-setting-field>span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  color:rgba(255,255,255,.70);
}
.hd-gr-title-field input{
  width:100%!important;
  min-height:42px;
  box-sizing:border-box;
}

.hd-gr-percent-card{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:13px;
  min-height:64px;
  box-sizing:border-box;
  margin:0!important;
  padding:11px 14px!important;
  border:1px solid rgba(155,79,220,.30);
  background:
    linear-gradient(180deg,rgba(28,20,37,.82),rgba(12,10,17,.90));
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  cursor:pointer;
  user-select:none;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

/* Fully hide the native checkbox even if generic admin input rules use !important. */
.hd-gr-percent-card>input[type="checkbox"]{
  display:none!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.hd-gr-percent-switch{
  position:relative;
  flex:0 0 46px;
  width:46px;
  height:25px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.16);
  background:#15121a;
  box-shadow:inset 0 0 8px rgba(0,0,0,.7);
  transition:.18s ease;
}
.hd-gr-percent-switch i{
  position:absolute;
  top:3px;
  left:3px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#8d8794;
  box-shadow:0 2px 5px rgba(0,0,0,.55);
  transition:.18s ease;
}
.hd-gr-percent-card>input:checked + .hd-gr-percent-switch{
  border-color:#a64be0;
  background:linear-gradient(90deg,#4b176d,#7c2ca7);
  box-shadow:0 0 12px rgba(159,57,225,.24),inset 0 0 8px rgba(255,255,255,.06);
}
.hd-gr-percent-card>input:checked + .hd-gr-percent-switch i{
  left:24px;
  background:#f4e8ff;
}

.hd-gr-percent-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.hd-gr-percent-copy b{
  font-size:12px;
  line-height:1.1;
  letter-spacing:.07em;
  color:#f4eff8;
}
.hd-gr-percent-copy small{
  font-size:10px;
  line-height:1.3;
  color:rgba(255,255,255,.58);
}

.hd-gr-percent-card:hover{
  border-color:rgba(179,89,240,.55);
  background:linear-gradient(180deg,rgba(34,23,45,.90),rgba(15,11,20,.94));
}

.hd-gr-settings-actions{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding-top:2px;
}
.hd-gr-settings-actions button{
  min-width:190px;
}

@media(max-width:900px){
  .hd-gr-settings-layout{
    grid-template-columns:1fr;
  }
  .hd-gr-settings-actions{
    grid-column:auto;
    flex-wrap:wrap;
    justify-content:stretch;
  }
  .hd-gr-settings-actions button{
    flex:1 1 190px;
  }
}


/* =========================================================
   Giveaway Rad v19 — General settings: clean vertical stack
   ========================================================= */
.hd-gr-settings-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:720px!important;
  margin-top:16px!important;
}

.hd-gr-setting-field,
.hd-gr-title-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
}

.hd-gr-setting-field>span{
  display:block!important;
  width:100%!important;
  margin:0!important;
}

.hd-gr-title-field input{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  margin:0!important;
}

/* One dedicated row/card below the title input. */
.hd-gr-percent-card{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  width:100%!important;
  min-height:66px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:12px 16px!important;
  gap:14px!important;
}

/* Native checkbox stays completely invisible. */
.hd-gr-percent-card>input[type="checkbox"]{
  display:none!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  opacity:0!important;
}

/* Copy must sit to the right of the switch, never inline with other controls. */
.hd-gr-percent-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
.hd-gr-percent-copy b,
.hd-gr-percent-copy small{
  display:block!important;
  width:100%!important;
  margin:0!important;
}

/* Buttons get their own row underneath. */
.hd-gr-settings-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.hd-gr-settings-actions button{
  min-width:210px!important;
  min-height:40px!important;
  margin:0!important;
}

@media(max-width:620px){
  .hd-gr-settings-layout{
    max-width:none!important;
  }
  .hd-gr-settings-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .hd-gr-settings-actions button{
    width:100%!important;
  }
}


/* ===== GIVEAWAY RAD — SOUND CONTROLS ===== */
.hd-gr-sound-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid rgba(155,79,220,.30);
  background:linear-gradient(180deg,rgba(28,20,37,.82),rgba(12,10,17,.90));
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.hd-gr-sound-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.hd-gr-sound-toggle{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  margin:0!important;
  cursor:pointer!important;
  user-select:none!important;
}
.hd-gr-sound-toggle>input[type="checkbox"]{
  display:none!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
}
.hd-gr-sound-toggle>input:checked + .hd-gr-percent-switch{
  border-color:#a64be0!important;
  background:linear-gradient(90deg,#4b176d,#7c2ca7)!important;
  box-shadow:0 0 12px rgba(159,57,225,.24),inset 0 0 8px rgba(255,255,255,.06)!important;
}
.hd-gr-sound-toggle>input:checked + .hd-gr-percent-switch i{
  left:24px!important;
  background:#f4e8ff!important;
}
.hd-gr-sound-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.hd-gr-sound-copy b{
  font-size:12px!important;
  letter-spacing:.07em!important;
  color:#f4eff8!important;
}
.hd-gr-sound-copy small{
  font-size:10px!important;
  color:rgba(255,255,255,.58)!important;
}
.hd-gr-volume-value{
  flex:0 0 auto!important;
  min-width:48px!important;
  text-align:right!important;
  font-size:14px!important;
  font-weight:900!important;
  color:#bd72ff!important;
}
.hd-gr-volume-row{
  display:grid!important;
  grid-template-columns:95px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
}
.hd-gr-volume-row>span{
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  color:rgba(255,255,255,.62)!important;
}
.hd-gr-volume-row input[type="range"]{
  width:100%!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#9c3bd2;
}

/* Admin-Testbereich: 1.000-Bits-Rahmen mit echtem WebP-Ornament. */
.hd-frame-admin-test-row{display:flex;align-items:center;gap:14px;margin-top:14px}
.hd-frame-admin-test-row>div{display:grid;gap:3px}
.hd-frame-admin-test-row>div>b{font-size:.78rem}
.hd-frame-admin-test-row>div>small{font-size:.62rem;color:var(--muted,#8190a0)}
.hd-frame-admin-test-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;flex:0 0 auto}
.hd-frame-admin-test-stage .hd-achievement-frame-preview{width:58px;height:66px}
.hd-frame-admin-test-diamond{position:absolute;z-index:20;left:50%;bottom:7px;width:34px;height:34px;transform:translate(-50%,52%);background:url("support-frames/diamond-1000.webp") center/contain no-repeat;filter:drop-shadow(0 0 4px rgba(68,220,255,.9)) drop-shadow(0 0 9px rgba(66,107,255,.55));pointer-events:none}
.hd-frame-admin-test-stage.is-active .hd-achievement-frame-preview{filter:drop-shadow(0 0 8px rgba(63,205,255,.75)) drop-shadow(0 0 15px rgba(91,88,255,.45))}
.hd-frame-admin-test-stage.is-active .hd-frame-admin-test-diamond{filter:drop-shadow(0 0 5px rgba(174,246,255,.98)) drop-shadow(0 0 12px rgba(56,197,255,.85)) drop-shadow(0 0 18px rgba(92,71,255,.6))}

/* Admin > RAHMEN: kompakte Testvorschau. */
.hd-admin-subpanel[data-admin-panel="frames"] .hd-frame-admin-test{margin:14px 0 18px!important}
.hd-admin-subpanel[data-admin-panel="frames"] .hd-frame-admin-test-stage{
  width:58px;height:66px;position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible
}
.hd-admin-subpanel[data-admin-panel="frames"] .hd-frame-admin-test-stage .hd-achievement-frame-preview{width:58px;height:66px}


/* Admin > RAHMEN · animierter GOLD-KRONE Testeintrag. */
.hd-achievement-frame-preview[data-profile-frame="gold-crown-shine-test"]::after{
  content:"";position:absolute;z-index:24;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 150% 22% at 50% var(--hd-shine-y),rgba(255,255,255,1) 0%,rgba(255,250,218,.98) 18%,rgba(255,228,137,.88) 36%,rgba(255,196,62,.52) 58%,rgba(255,255,255,0) 82%);
  -webkit-mask-image:var(--hd-custom-frame-image,none);mask-image:var(--hd-custom-frame-image,none);
  -webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;filter:drop-shadow(0 0 7px rgba(255,230,139,.92));
  mix-blend-mode:screen;animation:hdAdminWholeFrameShine 2.8s linear infinite
}
@property --hd-shine-y{syntax:"<percentage>";inherits:false;initial-value:0%}
@keyframes hdAdminWholeFrameShine{0%{--hd-shine-y:-4%}50%{--hd-shine-y:104%}100%{--hd-shine-y:-4%}}
@media (prefers-reduced-motion:reduce){.hd-achievement-frame-preview[data-profile-frame="gold-crown-shine-test"]::after{animation:none!important}}

/* Admin > RAHMEN mirrors Profil > Rahmen. */
.hd-admin-frame-test-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:14px 0 10px;padding:10px 12px;border:1px solid rgba(70,139,188,.26);
  border-radius:9px;background:rgba(5,12,19,.58)
}
.hd-admin-frame-test-toolbar strong{color:#88d9ff;font:900 .72rem/1 system-ui,sans-serif;letter-spacing:.05em}
.hd-admin-frame-test-toolbar small{color:#778795;font:700 .61rem/1.25 system-ui,sans-serif;text-align:right}
.hd-admin-frame-test-grid{margin-top:0}
.hd-admin-frame-test-choice{cursor:default!important;opacity:1!important}
.hd-admin-frame-test-choice.is-test-active{
  border-color:rgba(110,205,255,.72)!important;
  background:linear-gradient(135deg,rgba(15,34,48,.86),rgba(18,17,35,.88))!important;
  box-shadow:inset 0 0 0 1px rgba(121,214,255,.10),0 0 13px rgba(64,181,240,.12)
}
.hd-admin-frame-test-choice .hd-admin-frame-test-actions{
  grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;gap:5px
}
.hd-admin-frame-test-choice .hd-admin-frame-test-actions button{
  min-width:54px;padding:7px 6px;border:1px solid rgba(84,126,158,.32);border-radius:7px;
  background:rgba(14,20,26,.82);color:#7d9caf;font:900 .49rem/1 system-ui,sans-serif;letter-spacing:.03em
}
.hd-admin-frame-test-choice .hd-admin-frame-test-actions button[data-admin-frame-stream]{
  color:#8edcff;border-color:rgba(82,184,237,.45)
}
.hd-admin-frame-test-choice.is-test-active .hd-admin-frame-test-actions button[data-admin-frame-activate]{
  color:#ffe17c;border-color:rgba(255,208,78,.58);background:rgba(79,57,8,.30)
}
.hd-admin-frame-test-status{margin:10px 0 0;color:#7e91a0}




.hd-admin-follow-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.hd-admin-follow-summary article{display:grid;gap:4px;padding:9px 10px;border:1px solid rgba(80,126,164,.26);border-radius:8px;background:rgba(6,12,22,.72)}
.hd-admin-follow-summary small{font-size:.48rem;font-weight:900;letter-spacing:.1em;color:#7e91a8}
.hd-admin-follow-summary strong{font-size:.76rem;color:#e8edf4}
.hd-admin-audit-row.is-success>div>strong{color:#67d690}
.hd-admin-audit-row.is-danger>div>strong{color:#ff7373}
@media(max-width:760px){.hd-admin-follow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ADMIN-NAV-02: klare Hauptbereiche HEXDECK / STREAM / GIVEAWAY */
.hd-admin-main-tabs{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
 margin:0 0 9px;
 padding:5px;
 border:1px solid rgba(80,126,164,.34);
 border-radius:12px;
 background:linear-gradient(180deg,rgba(7,13,24,.92),rgba(4,8,16,.88));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hd-admin-main-tabs button{
 min-height:42px;
 padding:9px 16px;
 border:1px solid rgba(95,124,151,.24);
 border-radius:8px;
 background:rgba(12,20,32,.72);
 color:#8ea0b4;
 font:900 .69rem/1 system-ui,sans-serif;
 letter-spacing:.13em;
 transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.hd-admin-main-tabs button:hover{
 border-color:rgba(218,176,76,.48);
 color:#d7c181;
 transform:translateY(-1px);
}
.hd-admin-main-tabs button.is-active{
 border-color:#e7c35f;
 color:#241706;
 background:linear-gradient(180deg,#f4da82,#c9952f);
 box-shadow:0 0 18px rgba(216,164,53,.12),inset 0 1px 0 rgba(255,255,255,.4);
}
.hd-admin-tab-groups{margin:0 0 12px}
.hd-admin-tab-groups .hd-admin-tabs{display:none;margin-bottom:0}
.hd-admin-tab-groups .hd-admin-tabs.is-active{display:flex}
.hd-admin-tab-groups .hd-admin-tabs button{
 flex:0 0 auto;
 min-height:36px;
 padding:8px 14px;
 color:#8494a8;
}
.hd-admin-tab-groups .hd-admin-stream-tabs{
 display:none;
 width:100%;
 gap:8px;
}
.hd-admin-tab-groups .hd-admin-stream-tabs.is-active{
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
}
.hd-admin-tab-groups .hd-admin-stream-tabs button{
 width:100%;
 min-width:0;
 font-size:.66rem;
 letter-spacing:.08em;
}
.hd-admin-tab-groups .hd-admin-tabs button.is-active{
 color:#f4d77e;
 border-color:rgba(226,188,83,.48);
 background:rgba(95,65,19,.24);
 box-shadow:inset 0 0 0 1px rgba(231,195,95,.06);
}
@media(max-width:720px){
 .hd-admin-main-tabs{grid-template-columns:1fr}
 .hd-admin-main-tabs button{min-height:38px}
 .hd-admin-tab-groups .hd-admin-tabs.is-active{overflow-x:auto;flex-wrap:nowrap}
}


.hd-admin-support-summary{margin-top:12px}
.hd-admin-support-summary article:last-child{border-color:rgba(226,188,83,.34);background:rgba(64,43,12,.22)}
.hd-admin-support-summary article:last-child strong{color:#f0cf72}

/* SHOP · PACKS / RAHMEN */
.hd-shop-v2-tabs{display:flex;gap:8px;margin:12px 0 10px;padding:5px;border:1px solid #30333f;border-radius:10px;background:rgba(8,10,18,.72)}.hd-shop-v2-tabs button{min-width:150px;height:36px;padding:0 18px;border:1px solid #3a3e4b;border-radius:7px;background:rgba(12,15,23,.82);color:#929aa5;font-size:.72rem;font-weight:950;letter-spacing:.08em;cursor:pointer}.hd-shop-v2-tabs button.is-active{border-color:#c9a83d;background:linear-gradient(180deg,rgba(121,88,20,.72),rgba(63,43,10,.86));color:#f7d66d}.hd-shop-tab-panel{display:none}.hd-shop-tab-panel.is-active{display:block}
.hd-shop-frame-intro{margin:0 0 10px;padding:12px 14px;border:1px solid #30333f;border-radius:10px;background:rgba(8,10,18,.72)}.hd-shop-frame-intro div{display:grid;gap:3px}.hd-shop-frame-intro small{color:#d2ad42;font-size:.56rem;font-weight:950;letter-spacing:.1em}.hd-shop-frame-intro strong{color:#fff;font-size:1rem;font-weight:950}.hd-shop-frame-intro span{color:#9fa7b2;font-size:.68rem}.hd-shop-frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #30333f;border-radius:12px;background:rgba(8,10,18,var(--hd-portal-window-alpha))}
.hd-shop-frame-card{display:grid;grid-template-rows:270px auto 40px;gap:8px;padding:8px 6px;border:1px solid #3a3e4b;border-radius:10px;background:rgba(10,11,18,.76);min-width:0}.hd-shop-frame-card:hover{border-color:#5b6372}.hd-shop-frame-card.is-active{border-color:#c9a83d}.hd-shop-frame-preview{display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(80,86,101,.28);overflow:visible;min-width:0}.hd-shop-frame-preview .hd-achievement-frame-preview{width:211px!important;height:250px!important;min-width:211px!important;min-height:250px!important;padding:0!important;box-sizing:border-box}.hd-shop-frame-copy{display:grid;gap:4px;text-align:center}.hd-shop-frame-copy small{color:#8c96a5;font-size:.54rem;font-weight:900;letter-spacing:.09em}.hd-shop-frame-copy strong{color:#f4f6f8;font-size:.9rem;font-weight:950}.hd-shop-frame-copy span{color:#e4bd4f;font-size:.7rem;font-weight:900}.hd-shop-frame-card.is-owned .hd-shop-frame-copy span{color:#75c990}.hd-shop-frame-buy{height:40px;border:1px solid #5a6573;border-radius:8px;background:rgba(14,18,27,.9);color:#edf2f5;font-size:.72rem;font-weight:950;cursor:pointer}.hd-shop-frame-buy:hover:not(:disabled){border-color:#d0ad45;color:#f6d66d}.hd-shop-frame-buy:disabled{opacity:.62;cursor:default}.hd-shop-frame-empty{grid-column:1/-1;padding:28px;text-align:center;color:#8f98a5;font-size:.72rem;font-weight:800}@media(max-width:1350px){.hd-shop-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.hd-shop-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hd-shop-v2-tabs button{min-width:0;flex:1}.hd-shop-frame-grid{grid-template-columns:1fr}.hd-shop-frame-card{grid-template-rows:240px auto 40px}.hd-shop-frame-preview .hd-achievement-frame-preview{width:186px!important;height:220px!important;min-width:186px!important;min-height:220px!important}}


.hd-shop-frame-card.is-unaffordable{opacity:1;filter:none}
.hd-shop-frame-card.is-unaffordable:hover{border-color:#5b6372}
.hd-shop-frame-card.is-unaffordable .hd-shop-frame-buy{cursor:not-allowed;color:#737b87;border-color:#343a44;background:rgba(9,11,17,.82)}


.hd-shop-frame-card.is-event-locked{opacity:1;filter:none}
.hd-shop-frame-card.is-event-locked .hd-shop-frame-preview{opacity:1;filter:none}
.hd-shop-frame-card.is-event-locked .hd-shop-frame-buy{cursor:not-allowed;color:#737b87;border-color:#343a44;background:rgba(9,11,17,.82)}
.hd-shop-frame-card.is-event-locked .hd-shop-frame-copy span{color:#a18d67}

/* Fighter-Detail: die Angriffsart nutzt die volle Breite unter den Grundwerten. */
.hd-section[data-panel="collection"] .hd-detail-stat.is-attack-type{
  grid-column:1 / -1!important;
  border-right:0!important;
}

/* ================================================================
   PASSPORT INTEGRATION · REISEPASS
   ================================================================ */
.hd-nav-button.hd-nav-passport{border-color:rgba(76,190,190,.28)!important;background:linear-gradient(90deg,rgba(22,93,99,.24),rgba(13,26,32,.2))!important;color:#a9eeee!important}
.hd-nav-button.hd-nav-passport.is-active{border-color:rgba(92,226,213,.62)!important;background:linear-gradient(90deg,rgba(24,125,123,.42),rgba(12,38,45,.62))!important;color:#e5ffff!important;box-shadow:inset 3px 0 0 #64ded3!important}
.hd-passport-page{max-width:1050px;margin:0 auto}.hd-passport-pagehead .hdp2-kicker{color:#6edbd2!important}
.hd-passport-card{border:1px solid rgba(86,197,190,.32);border-radius:14px;padding:22px;background:linear-gradient(145deg,rgba(16,39,43,.88),rgba(12,17,23,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.hd-passport-card-top,.hd-passport-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.hd-passport-card-top small,.hd-passport-progress-head span{display:block;font-size:.62rem;letter-spacing:.14em;color:#83aaa9}.hd-passport-card-top strong{display:block;margin-top:5px;font-size:1.35rem;color:#e9ffff}.hd-passport-state{padding:7px 10px;border:1px solid #47535b;border-radius:999px;font-size:.58rem;font-weight:900;letter-spacing:.08em;color:#9daab1}.hd-passport-state.is-active{border-color:rgba(88,218,198,.48);color:#79e2d4;background:rgba(37,125,115,.13)}.hd-passport-state.is-done{border-color:rgba(226,190,88,.5);color:#efd77f;background:rgba(145,111,28,.14)}
.hd-passport-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.hd-passport-stamps span{display:grid;place-items:center;aspect-ratio:1;border:1px dashed rgba(119,160,164,.34);border-radius:50%;max-width:88px;width:100%;justify-self:center;color:#61777c;font-weight:900;font-size:.8rem;background:rgba(4,12,16,.25)}.hd-passport-stamps span.is-stamped{border:2px solid rgba(222,186,85,.7);color:#f2d979;background:radial-gradient(circle,rgba(151,115,32,.28),rgba(31,34,28,.5));font-size:1.2rem}
.hd-passport-progress-head{margin-top:4px}.hd-passport-progress-head b{font-size:.72rem;color:#dff8f6}.hd-passport-progress{height:10px;margin-top:9px;border-radius:999px;overflow:hidden;background:#111b20;border:1px solid rgba(92,138,143,.25)}.hd-passport-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#377f80,#62d8cc);transition:width .35s ease}.hd-passport-message{margin:13px 0 0;color:#aab9bd;font-size:.72rem;line-height:1.55}
@media(max-width:620px){.hd-passport-card{padding:15px}.hd-passport-stamps{gap:7px}.hd-passport-card-top{align-items:flex-start;flex-direction:column}.hd-passport-stamps span{font-size:.68rem}}

/* Admin Stream logs: compact unified layout (Patch 161) */
.hd-admin-subpanel[data-admin-panel="chatters"] .hd-admin-audit-shell,
.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-shell,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-shell{
  padding:12px;
}

.hd-admin-subpanel[data-admin-panel="chatters"] .hd-admin-audit-shell>header,
.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-shell>header,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-shell>header{
  margin-bottom:10px;
}

.hd-admin-subpanel[data-admin-panel="chatters"] .hd-admin-audit-shell>header small,
.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-shell>header small,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-shell>header small{
  font-size:.76rem;
  line-height:1.25;
}

.hd-admin-subpanel[data-admin-panel="chatters"] .hd-admin-audit-shell>header h3,
.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-shell>header h3,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-shell>header h3{
  margin:5px 0;
  font-size:1.28rem;
  line-height:1.15;
}

.hd-admin-subpanel[data-admin-panel="chatters"] .hd-admin-audit-shell>header p,
.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-shell>header p,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-shell>header p{
  font-size:.78rem;
  line-height:1.4;
}

.hd-admin-subpanel[data-admin-panel="chatters"] .hd-admin-audit-list,
.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-list,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-list{
  gap:6px;
}

.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-row,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-row{
  min-height:48px;
  padding:9px 12px;
  gap:12px;
  align-items:center;
  border-color:rgba(95,145,184,.34);
  background:linear-gradient(90deg,rgba(9,18,29,.96),rgba(6,12,21,.86));
}

.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-row strong,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-row strong{
  font-size:.92rem;
  line-height:1.15;
}

.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-row small,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-row small{
  margin-top:3px;
  font-size:.70rem;
  line-height:1.25;
}

.hd-admin-subpanel[data-admin-panel="followers"] .hd-admin-audit-row p,
.hd-admin-subpanel[data-admin-panel="support"] .hd-admin-audit-row p{
  font-size:.78rem;
  line-height:1.35;
}

/* Nachrichten: compact row, no oversized empty columns */
.hd-subsection-admin .hd-chatters-list{
  gap:6px;
  padding-top:2px;
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-row{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  min-height:48px;
  padding:8px 12px;
  gap:14px;
  border-color:rgba(95,145,184,.34);
  background:linear-gradient(90deg,rgba(9,18,29,.96),rgba(6,12,21,.86));
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-rank{
  flex:0 0 46px;
  color:#9fb3c7;
  font:950 1.08rem/1 system-ui,sans-serif;
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-identity{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-identity strong{
  color:#f3f7fb;
  font:900 .98rem/1.15 system-ui,sans-serif;
  white-space:nowrap;
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-identity small{
  margin:0;
  color:#8192a6;
  font:650 .70rem/1.2 system-ui,sans-serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-count{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:7px;
  flex:0 0 auto;
  margin-left:auto;
  text-align:right;
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-count strong{
  display:inline;
  color:#e9c85f;
  font:950 1.08rem/1 system-ui,sans-serif;
}

.hd-subsection-admin .hd-admin-audit-list.hd-chatters-list .hd-chatters-count small{
  display:inline;
  margin:0;
  color:#8799ad;
  font:900 .68rem/1 system-ui,sans-serif;
  letter-spacing:.06em;
}

.hd-subsection-admin .hd-chatters-row.is-top-1{border-color:rgba(233,200,95,.58);box-shadow:inset 3px 0 0 #e9c85f}
.hd-subsection-admin .hd-chatters-row.is-top-1 .hd-chatters-rank{color:#f3d66f}
.hd-subsection-admin .hd-chatters-row.is-top-2{box-shadow:inset 3px 0 0 #b9c7d5}
.hd-subsection-admin .hd-chatters-row.is-top-2 .hd-chatters-rank{color:#d4dee8}
.hd-subsection-admin .hd-chatters-row.is-top-3{box-shadow:inset 3px 0 0 #b77a50}
.hd-subsection-admin .hd-chatters-row.is-top-3 .hd-chatters-rank{color:#d4976b}

.hd-chatters-pages{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}
.hd-chatters-pages.hidden{display:none}
.hd-chatters-page{
  min-width:36px;height:32px;padding:0 10px;
  border:1px solid rgba(88,132,166,.38);border-radius:7px;
  background:rgba(7,15,25,.9);color:#a9bacb;
  font:900 .72rem/1 system-ui,sans-serif;cursor:pointer;
}
.hd-chatters-page:hover{border-color:rgba(233,200,95,.65);color:#fff}
.hd-chatters-page.is-active{border-color:#e9c85f;background:rgba(233,200,95,.13);color:#f4d970}

/* Same-sized stream tabs, readable labels */
.hd-admin-tab-groups .hd-admin-stream-tabs.is-active{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.hd-admin-tab-groups .hd-admin-stream-tabs button{
  width:100%;
  min-width:0;
  min-height:38px;
  padding:8px 10px;
  font-size:.72rem;
  letter-spacing:.07em;
}

@media(max-width:760px){
  .hd-admin-tab-groups .hd-admin-stream-tabs.is-active{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hd-subsection-admin .hd-chatters-row{
    flex-wrap:wrap;
    gap:6px 10px;
    padding:9px 10px;
  }
  .hd-subsection-admin .hd-chatters-rank{flex-basis:38px}
  .hd-subsection-admin .hd-chatters-identity{
    flex:1 1 calc(100% - 48px);
    display:block;
  }
  .hd-subsection-admin .hd-chatters-identity small{
    display:block;
    margin-top:4px;
  }
  .hd-subsection-admin .hd-chatters-count{
    margin-left:48px;
  }
}

/* Patch 163: Nachrichten-Log direkt über die bestehende eindeutige Listen-ID */
#hd-chatters-list > article.hd-chatters-row{
  display:flex !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  align-items:center !important;
  gap:14px !important;
  min-height:0 !important;
  padding:10px 14px !important;
}
#hd-chatters-list > article.hd-chatters-row > .hd-chatters-rank{
  flex:0 0 48px !important;
  width:48px !important;
  font-size:1.08rem !important;
  line-height:1 !important;
}
#hd-chatters-list > article.hd-chatters-row > .hd-chatters-identity{
  display:flex !important;
  flex:1 1 auto !important;
  align-items:baseline !important;
  gap:10px !important;
  min-width:0 !important;
}
#hd-chatters-list > article.hd-chatters-row > .hd-chatters-identity strong{
  display:inline !important;
  margin:0 !important;
  font-size:.98rem !important;
  line-height:1.15 !important;
}
#hd-chatters-list > article.hd-chatters-row > .hd-chatters-identity small{
  display:inline !important;
  margin:0 !important;
  font-size:.70rem !important;
  line-height:1.2 !important;
}
#hd-chatters-list > article.hd-chatters-row > .hd-chatters-count{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:baseline !important;
  justify-content:flex-end !important;
  gap:7px !important;
  margin:0 0 0 auto !important;
  text-align:right !important;
}
#hd-chatters-list > article.hd-chatters-row > .hd-chatters-count strong{
  display:inline !important;
  margin:0 !important;
  font-size:1.08rem !important;
  line-height:1 !important;
}
#hd-chatters-list > article.hd-chatters-row > .hd-chatters-count small{
  display:inline !important;
  margin:0 !important;
  font-size:.68rem !important;
  line-height:1 !important;
}
@media(max-width:760px){
  #hd-chatters-list > article.hd-chatters-row{
    flex-wrap:wrap !important;
  }
  #hd-chatters-list > article.hd-chatters-row > .hd-chatters-identity{
    flex:1 1 calc(100% - 62px) !important;
    display:block !important;
  }
  #hd-chatters-list > article.hd-chatters-row > .hd-chatters-identity small{
    display:block !important;
    margin-top:4px !important;
  }
  #hd-chatters-list > article.hd-chatters-row > .hd-chatters-count{
    margin-left:62px !important;
  }
}


/* Patch 164: Nachrichten-Ranking */
#hd-chatters-list>article.hd-chatters-row{display:grid!important;grid-template-columns:48px minmax(125px,1fr) 62px 72px 82px 70px 58px 66px 72px minmax(125px,155px)!important;align-items:center!important;gap:8px!important;padding:9px 12px!important}
#hd-chatters-list .hd-chatters-identity{display:block!important;min-width:0!important}
#hd-chatters-list .hd-chatters-identity strong{font-size:.94rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#hd-chatters-list .hd-chatters-stat{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important;text-align:right!important;min-width:0!important}
#hd-chatters-list .hd-chatters-stat strong{display:block!important;margin:0!important;color:#edf3f8!important;font-size:.92rem!important;line-height:1!important;white-space:nowrap!important}
#hd-chatters-list .hd-chatters-stat small{display:block!important;margin:0!important;color:#8192a6!important;font-size:.57rem!important;font-weight:900!important;line-height:1!important;letter-spacing:.05em!important;white-space:nowrap!important}
#hd-chatters-list .hd-chatters-stat.is-total strong{color:#e9c85f!important;font-size:1.05rem!important}
#hd-chatters-list .hd-chatters-stat.is-last strong{font-size:.70rem!important;font-weight:750!important}

/* Patch 166: Ranked 1on1 vorübergehend deaktiviert */
.hd-nav-button[data-section="ranked1on1"].is-disabled,
.hd-nav-button[data-section="ranked1on1"]:disabled{
  opacity:.48;
  cursor:not-allowed;
  filter:grayscale(.55);
  pointer-events:none;
}
.hd-nav-button[data-section="ranked1on1"] .hd-nav-soon{
  margin-left:auto;
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.08em;
  color:#d4a85a;
}

/* Patch 167: Status unter Ranked 1on1 statt daneben */
.hd-nav-button[data-section="ranked1on1"] .hd-nav-disabled-label{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  line-height:1;
}
.hd-nav-button[data-section="ranked1on1"] .hd-nav-disabled-label small{
  margin:0;
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.09em;
  color:#8d98a5;
}
.hd-nav-button[data-section="ranked1on1"] .hd-nav-soon{display:none!important}

/* Patch 168: anklickbares Viewer-Profil im Nachrichten-Ranking */
#hd-chatters-list .hd-chatter-profile-toggle{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:none;
  color:#f2f6fa;
  font:900 .94rem/1.15 system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
#hd-chatters-list .hd-chatter-profile-toggle:hover,
#hd-chatters-list .hd-chatter-profile-toggle[aria-expanded="true"]{
  color:#e9c85f;
  text-decoration:underline;
  text-underline-offset:3px;
}
#hd-chatters-list .hd-chatter-profile-details{
  margin:-1px 0 5px;
  padding:14px;
  border:1px solid rgba(95,145,184,.34);
  border-top:0;
  border-radius:0 0 9px 9px;
  background:linear-gradient(135deg,rgba(8,18,29,.98),rgba(5,11,19,.96));
}
#hd-chatters-list .hd-chatter-profile-details[hidden]{display:none!important}
#hd-chatters-list .hd-chatter-profile-group+ .hd-chatter-profile-group{margin-top:14px}
#hd-chatters-list .hd-chatter-profile-group h4{
  margin:0 0 8px;
  color:#e9c85f;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.12em;
}
#hd-chatters-list .hd-chatter-profile-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:7px;
}
#hd-chatters-list .hd-chatter-profile-stat{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(75,113,145,.28);
  border-radius:7px;
  background:rgba(4,12,20,.72);
}
#hd-chatters-list .hd-chatter-profile-stat small{
  display:block;
  margin:0 0 5px;
  color:#8294a8;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.06em;
}
#hd-chatters-list .hd-chatter-profile-stat strong{
  display:block;
  color:#eef4f8;
  font-size:.88rem;
  line-height:1.1;
}
@media(max-width:900px){
  #hd-chatters-list .hd-chatter-profile-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}
}
@media(max-width:520px){
  #hd-chatters-list .hd-chatter-profile-grid{grid-template-columns:1fr}
}

/* STREAM-HISTORY-170 */
.hd-stream-history-list{display:grid;gap:8px}
.hd-stream-history-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(0,3fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid rgba(78,116,148,.28);border-radius:10px;background:rgba(7,14,24,.72)}
.hd-stream-history-row.is-live{border-color:rgba(88,205,137,.45);box-shadow:inset 3px 0 0 rgba(88,205,137,.75)}
.hd-stream-history-head strong{display:block;color:#e8eef5;font-size:.82rem}.hd-stream-history-row.is-live .hd-stream-history-head strong{color:#75dfa0}
.hd-stream-history-head small{display:block;margin-top:5px;color:#72869a;font-size:.62rem;letter-spacing:.05em}
.hd-stream-history-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.hd-stream-history-stats div{padding:8px 6px;border:1px solid rgba(76,111,142,.22);border-radius:7px;background:rgba(12,22,34,.72);text-align:center}
.hd-stream-history-stats b{display:block;color:#e7d083;font-size:.78rem}.hd-stream-history-stats small{display:block;margin-top:3px;color:#718398;font-size:.52rem;letter-spacing:.05em}
@media(max-width:900px){.hd-stream-history-row{grid-template-columns:1fr}.hd-stream-history-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.hd-stream-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.hd-stream-month-list{display:grid;gap:8px;margin-bottom:8px}
.hd-stream-history-row.is-month{border-color:rgba(225,83,83,.48);box-shadow:inset 3px 0 0 rgba(225,83,83,.82)}
.hd-stream-history-row.is-month .hd-stream-history-head strong{color:#ef7777}
.hd-stream-month-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:520px){.hd-stream-month-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hd-stream-history-row.is-expandable{cursor:pointer}.hd-stream-history-row.is-expandable:focus-visible{outline:1px solid rgba(126,169,207,.75);outline-offset:2px}.hd-stream-support-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;border-top:1px solid rgba(78,116,148,.22);cursor:default}.hd-stream-support-details section{padding:10px;border:1px solid rgba(76,111,142,.22);border-radius:8px;background:rgba(8,17,28,.72)}.hd-stream-support-details section>strong{display:block;margin-bottom:7px;color:#e7d083;font-size:.68rem;letter-spacing:.06em}.hd-stream-support-details section>small{color:#718398;font-size:.62rem}.hd-stream-supporter-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid rgba(76,111,142,.12);font-size:.68rem}.hd-stream-supporter-line:first-of-type{border-top:0}.hd-stream-supporter-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9b8c7}.hd-stream-supporter-line b{flex:none;color:#dce6ef;font-size:.66rem}.hd-stream-history-row:not(.is-expanded)>.hd-stream-support-details{display:none}@media(max-width:700px){.hd-stream-support-details{grid-template-columns:1fr}}

/* Patch 249: vorhandenen Event-Rahmen-Bereich als skalierbaren Event-Shop gruppieren. */
.hd-event-shop-groups{display:grid;gap:12px}
.hd-event-shop-group{display:grid;gap:7px}
.hd-event-shop-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #30333f;border-radius:9px;background:rgba(8,10,18,.72)}
.hd-event-shop-group-head strong{color:#f4f6f8;font-size:.82rem;font-weight:950;letter-spacing:.06em}
.hd-event-shop-group-head span{color:#d2ad42;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-align:right}
@media(max-width:650px){.hd-event-shop-group-head{align-items:flex-start;flex-direction:column;gap:4px}.hd-event-shop-group-head span{text-align:left}}
/* Patch 250: reine Vorschau-Slots fuer geplante Halloween-Shopbelohnungen. */
.hd-event-shop-placeholder-title{margin:5px 2px 0;color:#d2ad42;font-size:.62rem;font-weight:950;letter-spacing:.07em}
.hd-event-shop-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hd-event-shop-placeholder-card{min-width:0;padding:10px;border:1px dashed #3a3f4d;border-radius:9px;background:rgba(7,9,16,.58);display:grid;justify-items:center;gap:5px;text-align:center}
.hd-event-shop-placeholder-visual{width:72px;height:72px;border:1px dashed #555d70;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.018)}
.hd-event-shop-placeholder-visual.is-rahmen{clip-path:polygon(25% 6%,75% 6%,96% 50%,75% 94%,25% 94%,4% 50%)}
.hd-event-shop-placeholder-visual.is-avatar{border-radius:50%}
.hd-event-shop-placeholder-visual.is-titel{width:100%;height:44px;border-radius:7px}
.hd-event-shop-placeholder-visual span{color:#687185;font-size:1.35rem;font-weight:950}
.hd-event-shop-placeholder-card small{color:#858da0;font-size:.56rem;font-weight:900;letter-spacing:.08em}
.hd-event-shop-placeholder-card strong{color:#d7dbe4;font-size:.72rem;font-weight:900}
.hd-event-shop-placeholder-state{width:100%;padding:6px;border:1px solid #292e39;border-radius:6px;color:#687185;font-size:.56rem;font-weight:900;letter-spacing:.06em}
@media(max-width:760px){.hd-event-shop-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.hd-event-shop-placeholder-grid{grid-template-columns:1fr}}
/* Patch 255: Avatare benutzen exakt die vorhandenen Rahmen-Kartenabmessungen. */
.hd-avatar-image-preview{overflow:hidden!important;border-radius:0!important;background:transparent!important}
.hd-avatar-image-preview::before,.hd-avatar-image-preview::after{display:none!important}
.hd-avatar-image-preview img{width:100%;height:100%;object-fit:contain;display:block;border:0;border-radius:0;background:transparent}
.hd-profile-avatar-grid{margin-bottom:4px!important}
.hd-profile-frame-heading{margin-top:10px!important}
.hd-admin-cosmetic-heading{margin-top:10px!important}
.hd-admin-avatar-frame-grid{margin-top:0!important}
.hd-event-shop-placeholder-grid .hd-event-avatar-shop-card{width:auto;min-width:0}
.hd-event-shop-placeholder-grid .hd-event-avatar-shop-card .hd-avatar-image-preview{width:211px!important;height:250px!important;min-width:211px!important;min-height:250px!important}
@media(max-width:650px){.hd-event-shop-placeholder-grid .hd-event-avatar-shop-card .hd-avatar-image-preview{width:186px!important;height:220px!important;min-width:186px!important;min-height:220px!important}}
/* Patch 256: Halloween Event-Shop = 3 Rahmen, 3 Avatare, 3 Titel; alle Karten identisch. */
.hd-halloween-reward-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.hd-halloween-reward-grid .hd-halloween-reward-card{width:auto!important;min-width:0!important;height:100%;grid-template-rows:260px auto 42px}
.hd-halloween-reward-grid .hd-shop-frame-preview{height:260px!important;min-height:260px!important;display:grid;place-items:center;overflow:hidden}
.hd-halloween-reward-grid .hd-achievement-frame-preview{width:100%!important;max-width:211px!important;height:250px!important;min-width:0!important;min-height:250px!important;margin:0 auto!important}
.hd-halloween-reward-grid .hd-avatar-image-preview img{width:100%!important;height:100%!important;object-fit:contain!important}
.hd-halloween-reward-grid .hd-event-reward-placeholder{opacity:.42}
.hd-halloween-reward-grid .hd-shop-frame-copy{min-height:68px}
.hd-halloween-reward-grid .hd-shop-frame-buy{min-height:42px}
@media(max-width:1200px){.hd-halloween-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.hd-halloween-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:460px){.hd-halloween-reward-grid{grid-template-columns:1fr!important}}
/* Patch 260: echter Halloween-Rahmen im Shop direkt als Bild, ohne Rahmen-Pseudoelemente. */
.hd-halloween-reward-grid .hd-event-shop-real-image{
 width:100%;max-width:211px;height:250px;display:grid;place-items:center;margin:0 auto;
}
.hd-halloween-reward-grid .hd-event-shop-real-image img{
 width:100%;height:100%;display:block;object-fit:contain;
}
/* Patch 261: leere Event-Shop-Slots ohne Form um Buchstaben. */
.hd-halloween-reward-grid .hd-event-reward-placeholder{
 background:none!important;border:0!important;box-shadow:none!important;clip-path:none!important;
}
.hd-halloween-reward-grid .hd-event-reward-placeholder::before,
.hd-halloween-reward-grid .hd-event-reward-placeholder::after{
 content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important;
}
.hd-halloween-reward-grid .hd-event-reward-placeholder>i{
 background:none!important;border:0!important;box-shadow:none!important;clip-path:none!important;
}

/* Patch 264: ein Renderer/ein Layout für alle Event-Rahmen im Shop. */
.hd-event-shop-group .hd-shop-frame-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.hd-event-shop-group .hd-shop-frame-card{width:auto!important;min-width:0!important;grid-template-rows:260px auto 42px!important}
.hd-event-shop-group .hd-shop-frame-preview{height:260px!important;min-height:260px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.hd-event-shop-group .hd-event-shop-real-image{width:100%!important;max-width:211px!important;height:250px!important;display:grid!important;place-items:center!important;margin:0 auto!important}
.hd-event-shop-group .hd-event-shop-real-image img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.hd-event-shop-group .hd-shop-frame-copy{min-height:68px!important}
.hd-event-shop-group .hd-shop-frame-buy{min-height:42px!important}
@media(max-width:1200px){.hd-event-shop-group .hd-shop-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.hd-event-shop-group .hd-shop-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:460px){.hd-event-shop-group .hd-shop-frame-grid{grid-template-columns:1fr!important}}

/* Patch 265: Profil-Avatar etwas größer unter den Profilrahmen legen.
   Nur der Bildinhalt wird skaliert; der Rahmen selbst bleibt unverändert darüber. */
.hdp2-avatar[data-profile-frame] img{
 transform:scale(1);
 transform-origin:center center;
}
/* Patch 266: Event-Titel kompakt, ohne leere Bildvorschau. */
.hd-halloween-reward-card.is-title-reward{grid-template-rows:auto 42px!important;min-height:0!important;padding-top:14px!important}
.hd-halloween-reward-card.is-title-reward .hd-shop-frame-preview{display:none!important}
.hd-halloween-reward-card.is-title-reward .hd-shop-frame-copy{min-height:74px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.hd-halloween-reward-card.is-title-reward .hd-shop-frame-copy strong{font-size:1rem!important;margin-top:4px!important}


/* Patch 271: Halloween 1-3 use direct images only inside frame preview cards. */
.hd-achievement-frame-preview[data-profile-frame^="halloween"]>img{
 width:100%;height:100%;display:block;object-fit:contain;
}
/* Title cards stay compact even inside the generic event-shop group. */
.hd-event-shop-group .hd-halloween-reward-card.is-title-reward{
 grid-template-rows:auto 42px!important;min-height:0!important;padding-top:14px!important;
}
.hd-event-shop-group .hd-halloween-reward-card.is-title-reward .hd-shop-frame-preview{display:none!important}
.hd-event-shop-group .hd-halloween-reward-card.is-title-reward .hd-shop-frame-copy{
 min-height:74px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
}


/* Patch 273: neue Halloween-Rahmen im vorhandenen Vorschau-/Profil-Rahmensystem. */
.hdp2-avatar[data-profile-frame="halloween-2"],
.hd-admin-frame-avatar[data-profile-frame="halloween-2"],
.hd-achievement-frame-preview[data-profile-frame="halloween-2"],
.hd-frame-preview-large[data-profile-frame="halloween-2"]{
 --hd-custom-frame-image:url("profile-frames/HALLOWEEN-2.webp");
}
.hdp2-avatar[data-profile-frame="halloween-3"],
.hd-admin-frame-avatar[data-profile-frame="halloween-3"],
.hd-achievement-frame-preview[data-profile-frame="halloween-3"],
.hd-frame-preview-large[data-profile-frame="halloween-3"]{
 --hd-custom-frame-image:url("profile-frames/HALLOWEEN-3.webp");
}

/* PATCH 285 · Halloween-Pack im bestehenden Event-Shop */
.hd-section[data-panel="shop"] .hd-halloween-pack-card{
  grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr) 170px;gap:20px;align-items:center;
  min-height:238px;padding:18px;border:1px solid rgba(244,137,39,.38);border-radius:12px;
  background:linear-gradient(135deg,rgba(37,19,8,.88),rgba(12,14,18,.94) 55%,rgba(18,31,19,.9));
  box-shadow:inset 0 0 34px rgba(255,113,20,.05);
}
.hd-halloween-pack-media{display:flex;align-items:center;justify-content:center;min-width:0;height:200px}
.hd-halloween-pack-media img{display:block;max-width:100%;max-height:200px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}
.hd-halloween-pack-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.hd-halloween-pack-copy>small{font-size:.66rem;font-weight:900;letter-spacing:.12em;color:#e9a04e}
.hd-halloween-pack-copy>strong{font-size:1.3rem;letter-spacing:.04em;color:#ffe1a7}
.hd-halloween-pack-copy>span{max-width:760px;color:#bdb8c6;font-size:.78rem;line-height:1.5}
.hd-halloween-pack-rarities{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.hd-halloween-pack-rarities b{padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:rgba(0,0,0,.2);font-size:.65rem;color:#ddd7e5}
.hd-halloween-pack-buy{display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:center}
.hd-halloween-pack-buy small{font-size:.58rem;font-weight:850;letter-spacing:.1em;color:#9993a0}
.hd-halloween-pack-buy strong{font-size:1.15rem;color:#ffd36a}
.hd-halloween-pack-buy button{height:38px;border:1px solid #554531;border-radius:8px;background:rgba(18,16,13,.8);color:#887d70;font-weight:900;cursor:not-allowed}
@media(max-width:900px){.hd-section[data-panel="shop"] .hd-halloween-pack-card{grid-template-columns:130px minmax(0,1fr)}.hd-halloween-pack-buy{grid-column:1/-1}.hd-halloween-pack-media{height:150px}.hd-halloween-pack-media img{max-height:150px}}

/* Admin-Testbereich: Tests nach System/Event getrennt. */
.hd-admin-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.hd-admin-test-card{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid rgba(80,126,164,.30);border-radius:12px;background:rgba(11,22,30,.72)}
.hd-admin-test-card-halloween{grid-column:1/-1}
.hd-admin-test-card header{display:grid;gap:4px}.hd-admin-test-card header small{color:#9fb7c8;font-weight:800;letter-spacing:.08em}.hd-admin-test-card header h4{margin:0;font-size:17px}.hd-admin-test-card header p{margin:0;color:#9daab4}
.hd-admin-test-field{display:grid;gap:6px}.hd-admin-test-fields-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hd-admin-test-actions{display:flex;flex-wrap:wrap;gap:10px}.hd-admin-test-hint{margin:0;color:#93a2ad}.hd-admin-test-status{margin:14px 0 0;text-align:center}
@media(max-width:850px){.hd-admin-test-grid{grid-template-columns:1fr}.hd-admin-test-card-halloween{grid-column:auto}.hd-admin-test-fields-2{grid-template-columns:1fr}}

/* PATCH 294 · Halloween-Pack Reveal */
.hd-halloween-pack-reveal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px}
.hd-halloween-pack-reveal[hidden]{display:none}
.hd-halloween-pack-reveal-backdrop{position:absolute;inset:0;background:rgba(2,5,8,.88);backdrop-filter:blur(6px)}
.hd-halloween-pack-reveal-dialog{position:relative;width:min(430px,92vw);padding:24px;border:1px solid rgba(255,164,54,.5);border-radius:16px;background:linear-gradient(180deg,rgba(17,24,29,.98),rgba(6,10,13,.99));box-shadow:0 28px 90px rgba(0,0,0,.7);text-align:center;overflow:hidden}
.hd-halloween-pack-reveal-dialog>small{display:block;color:#e7a94e;font-weight:900;letter-spacing:.18em;margin-bottom:14px}
.hd-halloween-pack-reveal-stage{position:relative;height:340px;display:grid;place-items:center;perspective:900px}
.hd-halloween-pack-reveal-pack,.hd-halloween-pack-reveal-card{position:absolute;max-width:230px;max-height:320px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
.hd-halloween-pack-reveal-card{opacity:0;transform:scale(.7) rotateY(90deg)}
.hd-halloween-pack-reveal-dialog.is-revealing .hd-halloween-pack-reveal-pack{animation:hdHalloweenPackOut .7s .25s both}
.hd-halloween-pack-reveal-dialog.is-revealing .hd-halloween-pack-reveal-card{animation:hdHalloweenCardIn .8s .72s cubic-bezier(.2,.8,.2,1) both}
.hd-halloween-pack-reveal-stars{font-size:1.35rem;letter-spacing:.12em;color:#f2bf54;min-height:1.5em}
.hd-halloween-pack-reveal-name{display:block;margin:6px 0;font-size:1.15rem;color:#f4f7fb}
.hd-halloween-pack-reveal-owned{display:block;min-height:1.2em;margin-bottom:16px;color:#a7bac9;font-size:.78rem;font-weight:800;letter-spacing:.08em}
.hd-halloween-pack-reveal-dialog>button{min-width:150px}
@keyframes hdHalloweenPackOut{0%{opacity:1;transform:scale(1) rotate(0)}70%{opacity:1;transform:scale(1.08) rotate(-3deg)}100%{opacity:0;transform:scale(.5) rotate(8deg)}}
@keyframes hdHalloweenCardIn{0%{opacity:0;transform:scale(.7) rotateY(90deg)}100%{opacity:1;transform:scale(1) rotateY(0)}}

/* PATCH 295 · Event-Shop als kompakte Klappreiter */
.hd-event-shop-groups{display:grid;gap:10px!important}
.hd-event-shop-group{border:1px solid rgba(80,126,164,.30);border-radius:10px;overflow:hidden;background:rgba(8,12,18,.58)}
.hd-event-shop-group-head{width:100%;min-height:58px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:14px;padding:12px 16px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(19,28,36,.96),rgba(10,16,22,.96))!important;color:#eef6fc!important;text-align:left!important;box-shadow:none!important}
.hd-event-shop-group-head:hover{transform:none!important;filter:brightness(1.08)!important}
.hd-event-shop-group-head>strong{font-size:.9rem;letter-spacing:.08em}
.hd-event-shop-group-head>span{color:#9dafbd;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-align:right}
.hd-event-shop-chevron{font-style:normal;font-size:1.2rem;color:#e7bd58;text-align:center;transition:transform .18s ease}
.hd-event-shop-group.is-open>.hd-event-shop-group-head .hd-event-shop-chevron{transform:rotate(180deg)}
.hd-event-shop-group.is-open>.hd-event-shop-group-head{border-bottom:1px solid rgba(224,181,82,.18)!important}
.hd-event-shop-group-body{padding:12px}
.hd-event-shop-group-body[hidden]{display:none!important}
.hd-event-shop-group-body>.hd-halloween-pack-card{margin-top:12px}
@media(max-width:650px){.hd-event-shop-group-head{grid-template-columns:minmax(0,1fr) 24px}.hd-event-shop-group-head>span{grid-column:1/-1;grid-row:2;text-align:left}.hd-event-shop-chevron{grid-column:2;grid-row:1}}

/* Patch 313: kaufbare Profilavatare im Rahmen-&-Avatare-Shop. */
.hd-avatar-shop-image{width:211px;height:250px;object-fit:contain;display:block;margin:auto;background:transparent}
@media(max-width:650px){.hd-avatar-shop-image{width:186px;height:220px}}

/* Patch 315 · Rahmen & Avatare klar nach Besitz / Event / Support sortieren */
.hdp2-frame-vault-page .hd-cosmetic-owned-block{margin-bottom:18px;padding:10px 10px 14px;border:1px solid rgba(75,177,226,.22);border-radius:12px;background:linear-gradient(135deg,rgba(9,24,34,.78),rgba(7,12,18,.72))}
.hdp2-frame-vault-page .hd-owned-avatar-grid .hd-profile-avatar-choice.is-locked{display:none!important}
.hdp2-frame-vault-page .hd-owned-avatar-grid .hd-profile-avatar-choice.is-unlocked,
.hdp2-frame-vault-page .hd-owned-frame-grid .hd-achievement-frame-choice{opacity:1!important;filter:none!important;border-color:rgba(86,180,225,.42);background:linear-gradient(135deg,rgba(12,31,43,.92),rgba(8,15,21,.88));cursor:pointer}
.hdp2-frame-vault-page .hd-owned-avatar-grid .hd-profile-avatar-choice.is-active,
.hdp2-frame-vault-page .hd-owned-frame-grid .hd-achievement-frame-choice.is-active{border-color:rgba(110,205,255,.82);box-shadow:inset 0 0 18px rgba(72,151,208,.14),0 0 14px rgba(72,151,208,.12)}
.hdp2-frame-vault-page .hd-owned-cosmetic-empty{grid-column:1/-1;padding:16px;border:1px dashed rgba(89,132,161,.28);border-radius:9px;color:#718493;font:800 .65rem/1.35 system-ui,sans-serif;letter-spacing:.04em;text-align:center}
.hdp2-frame-vault-page .hd-owned-cosmetic-empty[hidden]{display:none!important}
.hdp2-frame-vault-page .hd-cosmetic-category-head{margin-top:18px!important;padding-top:11px!important;border-top:1px solid rgba(91,172,222,.24)}
.hdp2-frame-vault-page .hd-cosmetic-category-head strong{color:#82d8ff!important}
.hdp2-frame-vault-page .hd-event-cosmetic-card.is-unlocked{opacity:1!important;filter:none!important}
.hdp2-frame-vault-page .hd-profile-avatar-choice.is-unlocked{opacity:1;filter:none}

/* Patch 322: Avatar-Aktionen optisch an Rahmen angleichen. */
.hd-frame-card-actions .hd-avatar-action-btn:not(:disabled){border-color:rgba(239,185,74,.42);color:#ffd47a;background:#21190b}


/* Patch 326: persoenlicher Twitch-Support-Fortschritt bei Support-Cosmetics */
.hd-support-cosmetic-progress{grid-column:1/-1;display:grid;grid-template-columns:minmax(110px,1fr) auto;align-items:center;gap:10px;margin-top:7px}
.hd-support-cosmetic-progress>i{display:block;height:7px;overflow:hidden;border-radius:999px;border:1px solid rgba(91,184,220,.24);background:rgba(4,14,22,.78)}
.hd-support-cosmetic-progress>i>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#277ea4,#61c9e8);transition:width .35s ease}
.hd-support-cosmetic-progress>b{font-size:.55rem;letter-spacing:.07em;color:#7693a0;white-space:nowrap}
.hd-support-cosmetic-progress.is-complete>i>span{background:linear-gradient(90deg,#9b741b,#f0c85b)}
.hd-support-cosmetic-progress.is-complete>b{color:#e6c65f}
@media(max-width:620px){.hd-support-cosmetic-progress{grid-template-columns:1fr}.hd-support-cosmetic-progress>b{white-space:normal}}

/* Admin-Protokoll kompakt */
.hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-list{gap:3px;padding-top:6px}
.hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-row.hd-admin-audit-compact{display:grid;grid-template-columns:74px minmax(0,1fr) 88px;align-items:center;gap:10px;min-height:44px;padding:6px 9px;border-radius:6px;background:rgba(8,12,16,.72)}
.hd-admin-audit-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 7px;border:1px solid rgba(111,154,188,.28);border-radius:5px;color:#a9bdcd;font:900 .54rem/1 system-ui,sans-serif;letter-spacing:.07em}
.hd-admin-audit-main{min-width:0}.hd-admin-audit-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.hd-admin-audit-top strong{color:#d7e1e8;font:900 .64rem/1.1 system-ui,sans-serif;white-space:nowrap}
.hd-admin-audit-top b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#8fa9bc;font:700 .59rem/1.1 system-ui,sans-serif;white-space:nowrap}
.hd-admin-audit-row.hd-admin-audit-compact p{margin:3px 0 0;color:#8e8195;font:600 .57rem/1.15 system-ui,sans-serif}
.hd-admin-audit-time{margin:0!important;text-align:right;color:#6f7780!important;font:600 .54rem/1 system-ui,sans-serif!important;white-space:nowrap}
.hd-admin-audit-compact.is-purchase .hd-admin-audit-badge{color:#efce6d;border-color:rgba(239,206,109,.38);background:rgba(239,206,109,.06)}
.hd-admin-audit-compact.is-reward .hd-admin-audit-badge,.hd-admin-audit-compact.is-success .hd-admin-audit-badge{color:#72d99a;border-color:rgba(114,217,154,.32);background:rgba(114,217,154,.05)}
.hd-admin-audit-compact.is-xp .hd-admin-audit-badge{color:#82bfff;border-color:rgba(130,191,255,.32);background:rgba(130,191,255,.05)}
.hd-admin-audit-compact.is-admin .hd-admin-audit-badge{color:#c5a4ff;border-color:rgba(197,164,255,.34);background:rgba(197,164,255,.05)}
.hd-admin-audit-compact.is-danger .hd-admin-audit-badge{color:#ff7777;border-color:rgba(255,119,119,.34);background:rgba(255,119,119,.05)}
@media(max-width:700px){.hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-row.hd-admin-audit-compact{grid-template-columns:64px minmax(0,1fr)}.hd-admin-audit-time{grid-column:2;text-align:left}}


/* Admin-Protokoll Filter */
.hd-admin-audit-filters{
 display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
 margin:8px 0 7px;padding:7px 8px;border:1px solid rgba(96,139,171,.18);
 border-radius:7px;background:rgba(6,11,15,.5)
}
.hd-admin-audit-filter-buttons{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.hd-admin-audit-filter-buttons button{
 appearance:none;border:1px solid rgba(111,154,188,.28);border-radius:5px;
 background:rgba(9,16,22,.75);color:#8296a6;padding:6px 9px;
 font:900 .52rem/1 system-ui,sans-serif;letter-spacing:.055em;cursor:pointer
}
.hd-admin-audit-filter-buttons button:hover{color:#d4e4ef;border-color:rgba(115,190,235,.52)}
.hd-admin-audit-filter-buttons button.is-active{
 color:#7fd6ff;border-color:rgba(80,188,244,.68);background:rgba(42,145,205,.12);
 box-shadow:inset 0 0 0 1px rgba(80,188,244,.08)
}
.hd-admin-audit-filter-count{
 color:#697b88;font:700 .54rem/1 system-ui,sans-serif;white-space:nowrap
}
.hd-admin-audit-row[hidden]{display:none!important}
@media(max-width:700px){
 .hd-admin-audit-filters{align-items:flex-start}
 .hd-admin-audit-filter-count{width:100%;padding-top:2px}
}


/* Admin-Protokoll V4: tabellarische Desktop-Ansicht */
.hd-admin-audit-table-head,
.hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-row.hd-admin-audit-compact{
 display:grid;
 grid-template-columns:82px minmax(150px,1.25fr) minmax(125px,1fr) minmax(190px,1.7fr) 92px;
 align-items:center;
 column-gap:12px;
}
.hd-admin-audit-table-head{
 padding:7px 10px 6px;
 border-bottom:1px solid rgba(104,147,178,.28);
 color:#60798b;
 font:900 .51rem/1 system-ui,sans-serif;
 letter-spacing:.08em
}
.hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-row.hd-admin-audit-compact{
 min-height:39px;
 padding:5px 10px;
 border-radius:0;
 border-left:0;
 border-right:0;
 border-top:0;
 border-bottom:1px solid rgba(88,125,151,.2);
 background:rgba(7,12,16,.48)
}
.hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-row.hd-admin-audit-compact:hover{
 background:rgba(28,48,61,.34)
}
.hd-admin-audit-action{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 color:#d6e0e7;font:900 .61rem/1.15 system-ui,sans-serif
}
.hd-admin-audit-player{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 color:#89a7bb;font:700 .59rem/1.15 system-ui,sans-serif
}
.hd-admin-audit-detail{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 color:#92889a;font:600 .57rem/1.15 system-ui,sans-serif
}
.hd-admin-audit-time{text-align:right!important}
@media(max-width:800px){
 .hd-admin-audit-table-head{display:none}
 .hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-row.hd-admin-audit-compact{
  grid-template-columns:72px minmax(0,1fr) 86px;
  grid-template-areas:"badge action time" "badge player time" "badge detail time";
  gap:2px 9px;
  min-height:50px;padding:6px 8px;border-radius:5px;margin-bottom:3px
 }
 .hd-admin-audit-badge{grid-area:badge}
 .hd-admin-audit-action{grid-area:action}
 .hd-admin-audit-player{grid-area:player}
 .hd-admin-audit-detail{grid-area:detail}
 .hd-admin-audit-time{grid-area:time;align-self:center}
}
@media(max-width:520px){
 .hd-admin-subpanel[data-admin-panel="audit"] .hd-admin-audit-row.hd-admin-audit-compact{
  grid-template-columns:64px minmax(0,1fr);
  grid-template-areas:"badge action" "badge player" "badge detail" ". time"
 }
 .hd-admin-audit-time{text-align:left!important}
}


/* ============================================================
   HEXDECK SHOP VISUAL V1
   Kaufbar != gesperrt: Shop-Artikel bleiben klar und lesbar.
   Nur echte Locks bzw. deaktivierte Aktionen werden gedimmt.
   ============================================================ */
.hd-frame-shop-grid .hd-achievement-frame-choice,
.hd-avatar-shop-grid .hd-achievement-frame-choice,
.hd-shop-frame-card,
.hd-shop-avatar-card{
  opacity:1;
  filter:none;
}

.hd-frame-shop-grid .hd-achievement-frame-choice img,
.hd-avatar-shop-grid .hd-achievement-frame-choice img,
.hd-shop-frame-card img,
.hd-shop-avatar-card img{
  opacity:1;
  filter:none;
}

.hd-frame-shop-grid .hd-achievement-frame-choice b,
.hd-avatar-shop-grid .hd-achievement-frame-choice b,
.hd-shop-frame-card b,
.hd-shop-avatar-card b{
  opacity:1;
}

/* Kaufbuttons sollen als echte Aktion erkennbar bleiben. */
.hd-shop-frame-buy:not(:disabled),
.hd-shop-avatar-buy:not(:disabled),
.hd-avatar-shop-grid button:not(:disabled),
.hd-frame-shop-grid button:not(:disabled){
  opacity:1;
  filter:none;
}

/* Nur tatsächlich deaktivierte Buttons bleiben bewusst zurückgenommen. */
.hd-shop-frame-buy:disabled,
.hd-shop-avatar-buy:disabled,
.hd-avatar-shop-grid button:disabled,
.hd-frame-shop-grid button:disabled{
  opacity:.58;
}

/* Echte Sperren dürfen weiterhin gedimmt aussehen. */
.hd-frame-shop-grid .is-locked:not(.is-purchasable),
.hd-avatar-shop-grid .is-locked:not(.is-purchasable),
.hd-shop-frame-card.is-locked:not(.is-purchasable),
.hd-shop-avatar-card.is-locked:not(.is-purchasable){
  opacity:.58;
}


/* SHOP V2: bezahlbare Artikel klar hervorheben */
.hd-shop-frame-card.is-affordable{
  opacity:1 !important;
  filter:none !important;
  background:rgba(12,22,29,.98) !important;
  border-color:rgba(230,181,48,.92) !important;
  box-shadow:0 0 0 1px rgba(230,181,48,.12),0 0 24px rgba(230,181,48,.10) !important;
}
.hd-shop-frame-card.is-affordable .hd-shop-frame-preview,
.hd-shop-frame-card.is-affordable .hd-achievement-frame-preview,
.hd-shop-frame-card.is-affordable img,
.hd-shop-frame-card.is-affordable .hd-shop-frame-copy,
.hd-shop-frame-card.is-affordable strong,
.hd-shop-frame-card.is-affordable span{
  opacity:1 !important;
  filter:none !important;
}
.hd-shop-frame-card.is-affordable .hd-shop-frame-copy strong{
  color:#f2f8fb !important;
}
.hd-shop-frame-card.is-affordable .hd-shop-frame-buy:not(:disabled){
  opacity:1 !important;
  filter:none !important;
  border-color:rgba(230,181,48,.95) !important;
  color:#f4d266 !important;
  background:rgba(230,181,48,.10) !important;
  box-shadow:0 0 14px rgba(230,181,48,.08) !important;
}

/* Nicht bezahlbar bleibt sichtbar, aber klar gedimmt. */
.hd-shop-frame-card.is-unaffordable{
  opacity:.52 !important;
  filter:saturate(.65) !important;
}


/* ============================================================
   SHOP V3 – FIX FUER DAS TATSAECHLICHE "RAHMEN & AVATARE"-FENSTER
   Die Karten im Screenshot sind .hd-achievement-frame-choice,
   NICHT .hd-shop-frame-card. Deshalb griff V2 dort nicht.
   ============================================================ */
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable{
  opacity:1 !important;
  filter:none !important;
  background:linear-gradient(135deg,rgba(18,30,35,.98),rgba(10,17,22,.96)) !important;
  border-color:rgba(235,187,55,.92) !important;
  box-shadow:inset 0 0 18px rgba(235,187,55,.055),0 0 18px rgba(235,187,55,.10) !important;
}
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable .hd-achievement-frame-preview,
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable .hd-achievement-frame-preview *,
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable > b,
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable > small,
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable > em{
  opacity:1 !important;
  filter:none !important;
}
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable > b{
  color:#f1f7fa !important;
}
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable .hd-frame-action-btn,
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-affordable .hd-avatar-action-btn{
  opacity:1 !important;
  filter:none !important;
  border-color:rgba(235,187,55,.95) !important;
  color:#f5d36b !important;
  background:rgba(235,187,55,.13) !important;
}

/* Nur kaufbar, aber aktuell zu teuer: sichtbar gedimmt. */
.hdp2-frame-vault-page .hd-cosmetic-catalog-grid
.hd-achievement-frame-choice.is-purchasable.is-unaffordable{
  opacity:.52 !important;
  filter:saturate(.62) !important;
}
\n\n/* PROFILE !JOIN LIVE STATUS V6 */
.hdp2-join-status{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:9px;padding:7px 10px;border:1px solid rgba(120,150,170,.28);border-radius:8px;background:rgba(4,13,20,.62)}
.hdp2-join-status .hdp2-join-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#7f8c96;box-shadow:0 0 8px rgba(127,140,150,.35)}
.hdp2-join-status>div{display:flex;flex-direction:column;gap:3px;min-width:0}.hdp2-join-status b{font-size:.58rem;line-height:1;font-weight:950;letter-spacing:.055em;color:#c5d1d8}.hdp2-join-status small{font-size:.54rem;line-height:1.25;color:#8fa4b1}
.hdp2-join-status.is-active{border-color:rgba(66,214,139,.48);background:rgba(10,45,31,.52)}.hdp2-join-status.is-active .hdp2-join-dot{background:#48df91;box-shadow:0 0 10px rgba(72,223,145,.7)}.hdp2-join-status.is-active b{color:#72e9a8}.hdp2-join-status.is-active small{color:#b3d9c5}
.hdp2-join-status.is-inactive{border-color:rgba(236,91,91,.45);background:rgba(53,15,19,.48)}.hdp2-join-status.is-inactive .hdp2-join-dot{background:#ef6262;box-shadow:0 0 10px rgba(239,98,98,.62)}.hdp2-join-status.is-inactive b{color:#ff8585}.hdp2-join-status.is-inactive small{color:#d5a7a7}
.hdp2-join-status.is-offline{border-color:rgba(130,145,155,.30);opacity:.82}
@media(max-width:700px){.hdp2-join-status{width:100%;box-sizing:border-box}.hdp2-join-status small{white-space:normal}}


/* PROFIL !JOIN STATUS V6.1 – mittig, ohne farbigen Hintergrund */
.hdp2-hero{position:relative}
.hdp2-hero>.hdp2-join-status{
  position:absolute;
  z-index:8;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:max-content;
  max-width:31%;
  margin:0;
  padding:0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left;
}
.hdp2-hero>.hdp2-join-status.is-active,
.hdp2-hero>.hdp2-join-status.is-inactive,
.hdp2-hero>.hdp2-join-status.is-offline{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hdp2-hero>.hdp2-join-status>div{gap:4px}
.hdp2-hero>.hdp2-join-status b{font-size:.62rem}
.hdp2-hero>.hdp2-join-status small{font-size:.56rem;white-space:normal}
@media(max-width:900px){
  .hdp2-hero>.hdp2-join-status{left:67%;max-width:30%}
}
@media(max-width:700px){
  .hdp2-hero>.hdp2-join-status{
    position:static;
    transform:none;
    width:100%;
    max-width:none;
    grid-column:1/-1;
    padding:7px 14px 9px;
    box-sizing:border-box;
    justify-content:center;
    text-align:center;
  }
}


/* Patch V6.2: aktiven Avatar genauso eindeutig wie aktiven Rahmen markieren. */
.hdp2-frame-vault-page .hd-owned-avatar-grid .hd-profile-avatar-choice.is-active{
  opacity:1 !important;
  filter:none !important;
  border-color:rgba(239,185,74,.95) !important;
  box-shadow:inset 0 0 20px rgba(239,185,74,.12),0 0 18px rgba(239,185,74,.14) !important;
}
.hdp2-frame-vault-page .hd-owned-avatar-grid .hd-profile-avatar-choice.is-active > b{
  color:#ffe19a !important;
}
.hdp2-frame-vault-page .hd-owned-avatar-grid .hd-profile-avatar-choice.is-active > em{
  color:#f4c75f !important;
  opacity:1 !important;
}