/* Startseite N1 (Bo, 01.11.2026): eine Box im Hero, danach je Thema ein Abschnitt.
   Grundlage: docs/design-system-v3 (Tokens aus design-v3.css). Nur auf / geladen. */
.gb-home-v3 .n1-wrap,.gb-home-v3 .n1-hero{width:min(1168px,calc(100% - 32px));margin:0 auto;box-sizing:border-box}
.gb-home-v3 .n1-eyebrow{margin:0;font:600 12px/1.3 var(--gb-font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--gb-gold)}
.gb-home-v3 .n1-text{margin:12px 0 0;font-size:17px;line-height:1.55;color:#cfc3a9;max-width:56ch}
.gb-home-v3 .n1-small{margin:0 0 10px;font-size:13px;color:var(--gb-quiet)}
.gb-home-v3 .n1-sec{padding:64px 0;border-top:1px solid var(--gb-rule)}
.gb-home-v3 .n1-band{background:linear-gradient(135deg,#1c1711,#13100c 60%)}
.gb-home-v3 .n1-sec h2{margin:10px 0 0;font:400 36px/1.15 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title);text-wrap:balance}
.gb-home-v3 .n1-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:26px}
.gb-home-v3 .n1-actions>a:not(.gb-btn){min-height:44px;display:inline-flex;align-items:center}

/* Hero mit genau einer Box */
.gb-home-v3 .gl-hero[data-home-n1]{border-bottom:1px solid var(--gb-rule)}
.gb-home-v3 .n1-hero{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center;padding:76px 0 84px}
.gb-home-v3 .n1-hero h1{margin:14px 0 0;font:400 56px/1.08 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title);text-shadow:0 2px 0 #000}
.gb-home-v3 .n1-hero h1 em{font-style:normal;color:var(--gb-gold-text)}
.gb-home-v3 .n1-lead{margin:14px 0 0;font-size:18px;line-height:1.5;color:#d6cbb3;max-width:46ch}
.gb-home-v3 .n1-box{position:relative;padding:92px 30px 26px;text-align:center}
.gb-home-v3 .n1-box-art{position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 10px #000c);pointer-events:none}
.gb-home-v3 .n1-box h2{margin:0;font:400 30px/1.2 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-gold-text)}
.gb-home-v3 .n1-box p{margin:10px 0 0;font-size:16px;line-height:1.5;color:#cfc3a9}
.gb-home-v3 .n1-box .gb-btn{width:100%;margin-top:22px;box-sizing:border-box}
.gb-home-v3 .n1-box small{display:block;margin-top:12px;font-size:13px;color:var(--gb-quiet)}

/* Fahrplan: Kopf mit Countdown, darunter die Zeitleiste als Achse */
.gb-home-v3 .gb-trip{width:min(1168px,calc(100% - 32px));margin:0 auto;padding:64px 0 40px}
.gb-home-v3 .gb-trip-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.gb-home-v3 .gb-trip-heading h2{margin:10px 0 0;font:400 36px/1.15 var(--gb-font-display)}
.gb-home-v3 .n1-cd p{margin:0 0 6px;font-size:13px;color:var(--gb-quiet);text-align:right}
.gb-home-v3 .n1-cd-cells{display:flex;gap:10px}
.gb-home-v3 .n1-cd-cells div{min-width:78px;text-align:center;padding:8px 0;border:1px solid var(--gb-brass-world);background:var(--gb-field)}
.gb-home-v3 .n1-cd-cells b{display:block;font:400 34px/1.1 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title);font-variant-numeric:tabular-nums}
.gb-home-v3 .n1-cd-cells span{font-size:12px;color:var(--gb-muted)}
.gb-home-v3 .n1-cd-next{text-align:right}
.gb-home-v3 .n1-cd-next strong{display:block;font-size:24px;color:var(--gb-gold-text);font-weight:400}
.gb-home-v3 .n1-cd-next span{font-size:15px;color:var(--gb-muted)}

@media(min-width:761px){
 .gb-home-v3 .n1-track{position:relative;display:flex;align-items:flex-start;gap:0;padding-top:4px}
 .gb-home-v3 .n1-track::before{content:"";position:absolute;left:0;right:0;top:60px;border-top:2px solid var(--gb-brass)}
 .gb-home-v3 .n1-track .gb-trip-seasons{position:relative}
 .gb-home-v3 .n1-track .gb-trip-seasons::before{content:"";position:absolute;left:-8px;right:0;top:56px;border-top:2px dashed var(--gb-brass-line);background:var(--gb-page);height:4px;z-index:0}
 .gb-home-v3 .n1-track .gb-trip-history{flex:0 0 140px;border:0;margin:0;padding-top:72px;position:relative;z-index:2}
 .gb-home-v3 .n1-track .gb-trip-history>summary{min-height:44px;font-size:13px;line-height:1.35;align-items:flex-start;gap:8px;color:var(--gb-muted)}
 .gb-home-v3 .n1-track .gb-trip-history[open]>ol{position:absolute;left:0;top:130px;width:340px;z-index:5;display:block;padding:12px 16px;background:var(--gb-panel);border:1px solid var(--gb-brass-line);box-shadow:var(--gb-shadow-2)}
 .gb-home-v3 .n1-track .gb-trip-today{flex:0 0 96px;flex-direction:column;align-items:center;gap:6px;margin:0;padding-top:30px;font-size:13px;position:relative;z-index:2;text-align:center}
 .gb-home-v3 .n1-track .gb-trip-today>span{order:2;width:12px;height:12px;box-shadow:0 0 0 3px var(--gb-page),0 0 12px #3fc7c0}
 .gb-home-v3 .n1-track .gb-trip-upcoming{display:flex;gap:8px;flex:1 1 auto;margin:0;padding:0}
 .gb-home-v3 .n1-track .gb-trip-seasons{display:flex;gap:4px;flex:1.3 1 auto;margin:0!important;padding:0!important;border:0}
 .gb-home-v3 .n1-track li{flex:1 1 0;min-width:0;position:relative;z-index:1}
 .gb-home-v3 .n1-track .gb-trip-card,.gb-home-v3 .n1-track [data-state=next]>.gb-trip-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;height:auto;padding:0 6px;border:0;border-image:none;background:none;box-shadow:none}
 .gb-home-v3 .n1-track .gb-trip-medallion{width:96px;height:96px;margin-top:12px;flex:none}
 .gb-home-v3 .n1-track [data-state=next] .gb-trip-medallion{width:124px;height:124px;margin-top:-2px;filter:drop-shadow(0 0 20px rgba(149,229,223,.35))}
 .gb-home-v3 .n1-track .gb-trip-medallion-season{width:76px;height:76px;margin-top:22px;background:var(--gb-page);border:2px dashed var(--gb-brass-line);border-radius:50%}
 .gb-home-v3 .n1-track .gb-trip-copy{display:flex;flex-direction:column;align-items:center}
 .gb-home-v3 .n1-track .gb-milestone-state{font-size:12px;color:var(--gb-quiet);margin-top:10px}
 .gb-home-v3 .n1-track [data-state=next] .gb-milestone-state{color:var(--gb-soul)}
 .gb-home-v3 .n1-track .gb-trip-copy h3{font-size:22px;margin:2px 0 2px}
 .gb-home-v3 .n1-track [data-state=next] .gb-trip-copy h3{font-size:27px}
 .gb-home-v3 .n1-track .gb-trip-card-season h3{font-size:19px}
 .gb-home-v3 .n1-track .gb-trip-copy>time{font-size:17px}
 .gb-home-v3 .n1-track .gb-trip-copy>p{font-size:13px;margin:4px 0 0}
 .gb-home-v3 .n1-track .gb-trip-hour{font-size:13px}
 .gb-home-v3 .n1-track .gb-trip-season{font-size:16px}
 .gb-home-v3 .n1-track .gb-trip-links{justify-content:center;gap:0 14px}
 .gb-home-v3 .n1-track .gb-trip-links a{font-size:13px}
 .gb-home-v3 .n1-track .gb-trip-chips{justify-content:center;margin-top:6px!important}
 .gb-home-v3 .n1-track .gb-trip-chips li{font-size:11px;padding:3px 5px}
}

/* Talente */
.gb-home-v3 .n1-promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.gb-home-v3 .n1-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gb-home-v3 .n1-class{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:1px solid rgba(184,145,63,.25);border-radius:3px;background:rgba(15,12,9,.6);text-decoration:none;font:400 16px var(--gb-font-display);-webkit-text-stroke:.3px currentColor}
.gb-home-v3 .n1-class:hover{border-color:var(--gb-gold);background:rgba(201,162,78,.08)}
.gb-home-v3 .n1-class img{width:40px;height:40px;border-radius:3px;border:1px solid #000;box-shadow:0 0 0 1px var(--gb-brass-line);flex:none}
.gb-home-v3 .c-warrior{color:var(--c-warrior)}.gb-home-v3 .c-paladin{color:var(--c-paladin)}.gb-home-v3 .c-hunter{color:var(--c-hunter)}.gb-home-v3 .c-rogue{color:var(--c-rogue)}.gb-home-v3 .c-priest{color:var(--c-priest)}.gb-home-v3 .c-shaman{color:var(--c-shaman)}.gb-home-v3 .c-mage{color:var(--c-mage)}.gb-home-v3 .c-warlock{color:var(--c-warlock)}.gb-home-v3 .c-druid{color:var(--c-druid)}

/* Patch Notes */
.gb-home-v3 .gh-news.n1-sec{padding:64px 0}
.gb-home-v3 .n1-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.gb-home-v3 .n1-eyebrow-patch{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--gb-gold);border-radius:2px;color:var(--gb-gold-text);background:rgba(201,162,78,.08)}
.gb-home-v3 .n1-news{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:44px;align-items:start}
.gb-home-v3 .n1-news-feature{padding:26px 28px;border-color:var(--gb-brass)}
.gb-home-v3 .n1-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:14px;color:var(--gb-quiet)}
.gb-home-v3 .n1-news-feature h3{margin:12px 0 8px;font:400 27px/1.25 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-title)}
.gb-home-v3 .n1-news-feature .gb-news-summary{margin:0;background:none;border:0;padding:0}
.gb-home-v3 .n1-news-feature .gb-news-summary strong{display:block;font-size:13px;color:var(--gb-gold);margin-bottom:4px}
.gb-home-v3 .n1-news-feature .gb-news-summary p{margin:0;font-size:16px;line-height:1.55;color:#d6cbb3}
.gb-home-v3 .n1-kind{display:inline-block;font:700 11px/1 var(--gb-font-text);letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:2px;border:1px solid}
.gb-home-v3 .n1-kind-patch{color:var(--gb-gold-text);border-color:var(--gb-gold);background:rgba(201,162,78,.1)}
.gb-home-v3 .n1-kind-issue{color:#e9a27c;border-color:#7a4430}
.gb-home-v3 .n1-kind-news{color:#cfc3a9;border-color:#5e5446}
.gb-home-v3 .n1-affected{margin-top:18px}
.gb-home-v3 .n1-affected-row{display:flex;flex-wrap:wrap;gap:6px}
.gb-home-v3 .n1-affected-row span{display:block;line-height:0}
.gb-home-v3 .n1-affected-row img{width:32px;height:32px;border-radius:3px;border:1px solid #000;opacity:.25;filter:grayscale(1)}
.gb-home-v3 .n1-affected-row .on img{opacity:1;filter:none;box-shadow:0 0 0 2px var(--gb-gold)}
.gb-home-v3 .n1-affected p{margin:8px 0 0;font-size:14px;color:var(--gb-muted)}
.gb-home-v3 .n1-affected b{font-weight:600}
.gb-home-v3 .n1-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}
.gb-home-v3 .n1-groups section{border:1px solid rgba(184,145,63,.2);border-radius:3px;padding:14px;background:rgba(15,12,9,.5)}
.gb-home-v3 .n1-groups h4{margin:0 0 8px;font:400 18px var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text)}
.gb-home-v3 .n1-groups ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.gb-home-v3 .n1-groups li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:14px;line-height:1.45;color:#d6cbb3}
.gb-home-v3 .n1-groups li img{width:28px;height:28px;border-radius:2px;border:1px solid #000}
.gb-home-v3 .n1-groups li i{display:block;width:8px;height:8px;margin:6px 10px 0;transform:rotate(45deg);background:var(--gb-brass)}
.gb-home-v3 .n1-news-own{margin:16px 0 0;font-size:13px;color:var(--gb-quiet)}
.gb-home-v3 .n1-news-list{display:grid}
.gb-home-v3 .n1-news-item{display:block;padding:14px 0;border-top:1px solid var(--gb-rule);text-decoration:none;color:inherit}
.gb-home-v3 .n1-news-item:hover h3{color:var(--gb-gold-text)}
.gb-home-v3 .n1-news-item h3{margin:6px 0 4px;font:400 18px/1.3 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-title)}
.gb-home-v3 .n1-news-item p:last-child{margin:0;font-size:14px;color:var(--gb-muted)}

/* Werbefläche Kompass/Gilde */
.gb-home-v3 .n1-feature{grid-template-columns:300px minmax(0,1fr)}
.gb-home-v3 .n1-feature-art{width:260px;height:260px;object-fit:contain;justify-self:center;filter:drop-shadow(0 16px 18px #000c)}
.gb-home-v3 .n1-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none}
.gb-home-v3 .n1-steps li{border-top:2px solid var(--gb-brass-line);padding-top:12px}
.gb-home-v3 .n1-steps b{display:block;font:400 30px/1 var(--gb-font-display);color:var(--gb-gold)}
.gb-home-v3 .n1-steps strong{display:block;margin:6px 0 4px;font:400 18px var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-title);font-weight:400}
.gb-home-v3 .n1-steps span{font-size:14px;color:var(--gb-muted)}

/* Was ist Guildbound */
.gb-home-v3 .n1-about .n1-wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.gb-home-v3 .n1-about h2{font-size:28px!important}

@media(max-width:1100px){
 .gb-home-v3 .n1-hero{grid-template-columns:minmax(0,1fr) 380px;gap:40px}
 .gb-home-v3 .n1-track .gb-trip-history{flex-basis:110px}
}
@media(max-width:760px){
 .gb-home-v3 .n1-hero{grid-template-columns:1fr;gap:76px;padding:36px 0 44px}
 .gb-home-v3 .n1-hero h1{font-size:38px}
 .gb-home-v3 .n1-lead{font-size:16px}
 .gb-home-v3 .n1-box{padding:80px 18px 20px}
 .gb-home-v3 .n1-box-art{width:124px;height:124px;top:-60px}
 .gb-home-v3 .n1-box h2{font-size:26px}
 .gb-home-v3 .n1-sec,.gb-home-v3 .gh-news.n1-sec{padding:44px 0}
 .gb-home-v3 .n1-sec h2,.gb-home-v3 .gb-trip-heading h2{font-size:28px}
 .gb-home-v3 .gb-trip{padding:44px 0 28px}
 .gb-home-v3 .gb-trip-heading{flex-direction:column;align-items:flex-start;margin-bottom:22px}
 .gb-home-v3 .n1-cd p,.gb-home-v3 .n1-cd-next{text-align:left}
 .gb-home-v3 .n1-cd-cells div{min-width:70px}
 .gb-home-v3 .n1-cd-cells b{font-size:28px}
 .gb-home-v3 .n1-track{position:relative}
 .gb-home-v3 .n1-track::before{content:"";position:absolute;left:31px;top:40px;bottom:40px;border-left:2px solid var(--gb-brass-line)}
 .gb-home-v3 .n1-track .gb-trip-card,.gb-home-v3 .n1-track [data-state=next]>.gb-trip-card{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:10px 0;border:0;border-image:none;background:none;box-shadow:none}
 .gb-home-v3 .n1-track .gb-trip-medallion{width:64px;height:64px;margin-top:0;position:relative;z-index:1}
 .gb-home-v3 .n1-track [data-state=next] .gb-trip-medallion{filter:drop-shadow(0 0 14px rgba(149,229,223,.4))}
 .gb-home-v3 .n1-track .gb-trip-medallion-season{background:var(--gb-page)}
 .gb-home-v3 .n1-track .gb-trip-seasons{border-top:0;margin-top:0!important;padding-top:0!important}
 .gb-home-v3 .n1-track .gb-trip-today{position:relative;z-index:1;padding-left:26px;margin:0 0 6px}
 .gb-home-v3 .n1-promo,.gb-home-v3 .n1-feature{grid-template-columns:1fr;gap:28px}
 .gb-home-v3 .n1-classes{gap:8px}
 .gb-home-v3 .n1-class{flex-direction:column;gap:6px;padding:10px 4px;font-size:13px;text-align:center}
 .gb-home-v3 .n1-news{grid-template-columns:1fr;gap:28px}
 .gb-home-v3 .n1-news-feature{padding:18px 16px}
 .gb-home-v3 .n1-news-feature h3{font-size:22px}
 .gb-home-v3 .n1-affected-row img{width:28px;height:28px}
 .gb-home-v3 .n1-steps{grid-template-columns:1fr;gap:10px}
 .gb-home-v3 .n1-feature-art{width:180px;height:180px}
}
@media(prefers-reduced-motion:reduce){.gb-home-v3 .n1-class,.gb-home-v3 .n1-news-item{transition:none}}
/* Nachschärfung nach erster Sichtung */
.gb-home-v3 .gh-news .n1-news-feature{display:block;border:1px solid var(--gb-brass);border-top:2px solid var(--gb-gold);border-radius:var(--gb-r-panel);padding:26px 28px;background:var(--gb-panel);box-shadow:var(--gb-shadow-1)}
.gb-home-v3 .gh-news .n1-news-item{border:0;border-top:1px solid var(--gb-rule);padding:14px 0;background:none}
.gb-home-v3 .gh-news .n1-news-item h3{font-size:18px;margin:6px 0 4px}
.gb-home-v3 .n1-compass{position:relative;width:240px;height:240px;justify-self:center;filter:drop-shadow(0 16px 18px #000c)}
.gb-home-v3 .n1-compass img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gb-home-v3 .n1-needle{transform-origin:50% 50%;animation:n1-needle 6s ease-in-out infinite}
@keyframes n1-needle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.gb-home-v3 .n1-needle{animation:none}}
@media(min-width:761px){
 .gb-home-v3 .n1-track .gb-trip-today{padding-top:0;height:120px;justify-content:flex-start}
 .gb-home-v3 .n1-track .gb-trip-today>span{position:absolute;top:55px;left:50%;margin-left:-6px;order:0}
 .gb-home-v3 .n1-track .gb-trip-today{padding-top:76px}
 .gb-home-v3 .n1-track .gb-trip-chips{display:none}
}
@media(max-width:760px){.gb-home-v3 .n1-compass{width:180px;height:180px}}
.gb-home-v3 .n1-groups{align-items:start}
.gb-home-v3 .n1-news-feature .gb-news-summary p{font-family:var(--gb-font-text)}
.gb-home-v3 .n1-news-orig{margin:-4px 0 12px;font-size:13px;color:var(--gb-quiet)}
.gb-home-v3 .n1-news-item .n1-news-orig{margin:0 0 6px;font-size:13px;line-height:1.35;color:var(--gb-quiet)}
.gb-home-v3 .n1-news-item p.n1-news-pending{font-style:italic}
@media(min-width:1000px){.gb-home-v3 .n1-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px){.gb-home-v3 .n1-track .gb-trip-links{flex-direction:column;gap:0}}
@media(max-width:760px){.gb-home-v3 .n1-cd-cells{width:100%}.gb-home-v3 .n1-cd-cells div{flex:1}}
@media(max-width:359px){.gb-home-v3 .n1-class{font-size:12px;padding:10px 2px;letter-spacing:-.01em}}
/* r136: Tablet (bis ~900 px) – Klassennamen nicht über den Rand schieben */
@media(min-width:721px) and (max-width:1000px){.gb-home-v3 .n1-promo,.gb-home-v3 .n1-feature{grid-template-columns:1fr;gap:28px}}
.gb-home-v3 .n1-class{min-width:0}.gb-home-v3 .n1-class span{min-width:0;overflow-wrap:anywhere}