/* GuildLoot · Startseite (index.html), schlanke Fassung Oktober 2026 (freigegebene Vorschau).
   Hero mit Loganalyse-Bild und Loot-Nachweis, kleine Spielbereich-Leiste, „Ohne Konto ausprobieren“,
   „So läuft ein Raid“, „Für Gilden und Mitglieder“, Häufige Fragen. Einloggen über ein Fenster
   oben rechts, das die vorhandene SpielerLogin-Karte (#loginCard) enthält.
   Wird nach allen Inline-Stilen geladen; !important nur dort, wo ältere Regeln es schon nutzen. */
:root{
  --sr-gold:#f5c542;--sr-gold-soft:#e8c27a;--sr-ink:#1a1300;
  --sr-text:#e9eefb;--sr-muted:#9fb0cf;--sr-line:#2a3a5c;--sr-card:#0d1a33;--sr-green:#9be56a;
  --sr-radius:16px;
}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{overflow-x:hidden}
.sr-start [id],#loginCard{scroll-margin-top:100px}
.sr-start a:focus-visible,.sr-start button:focus-visible,.sr-start summary:focus-visible,.sr-login-dialog a:focus-visible,.sr-login-dialog button:focus-visible,.portal-profile:focus-visible{outline:2px solid var(--sr-gold);outline-offset:3px}

/* ---------- Kopfzeile: ein Knopf „Einloggen“ ---------- */
.header .portal-profile{min-width:0;transition:background-color .15s,border-color .15s}
.sr-login-text{display:none}
body:not(.sr-logged-in) .header .portal-profile{padding:10px 20px;border:1px solid var(--sr-gold);border-radius:12px;background:var(--sr-gold);color:var(--sr-ink)}
body:not(.sr-logged-in) .header .portal-profile:hover{background:#fbd65f}
body:not(.sr-logged-in) .header .portal-profile>span:not(.sr-login-text){display:none}
body:not(.sr-logged-in) .sr-login-text{display:inline;font-size:16px;font-weight:800}

/* Leiste „Angemeldet als … / Überall abmelden“ direkt unter der Kopfzeile */
.sr-konto-slot .gk-bar{width:min(1200px,calc(100% - 32px));margin:14px auto 0;font-size:14px}
.sr-konto-slot .gk-chip{font-size:13px}
.sr-konto-slot .gk-logout,.sr-konto-slot .gk-signin{font-size:14px;min-height:40px}

/* Sprachwahl: nur die Knöpfe, rechts klein */
.era-context{display:flex!important;justify-content:flex-end;width:min(1200px,calc(100% - 32px))!important;margin:10px auto 0!important;padding:0!important;border:0!important}
.era-context>span,.era-context>h2,.era-context>p{display:none!important}
.era-context .forever-language{gap:6px}
.era-context .forever-language button{min-height:36px;padding:4px 12px;font-size:14px}

/* ---------- Einloggen-Fenster ---------- */
.sr-login-backdrop{position:fixed;inset:0;z-index:5900;background:rgba(3,7,16,.62)}
.sr-login-dialog{position:fixed;top:92px;right:max(16px,calc(50% - 600px));z-index:6000;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 108px);overflow:auto;padding:26px;border:1px solid var(--sr-gold);border-radius:18px;background:linear-gradient(180deg,#132548,#0b1630);box-shadow:0 20px 60px rgba(0,0,0,.6);color:var(--sr-text)}
.sr-login-backdrop[hidden],.sr-login-dialog[hidden]{display:none!important}
.sr-login-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--sr-muted);font-size:24px;line-height:1;cursor:pointer}
.sr-login-close:hover{color:#fff;background:rgba(255,255,255,.06)}
.sr-login-dialog #loginCard{position:static!important;min-height:0;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
#loggedOutPanel:not(.hidden){display:flex;flex-direction:column}
#loggedOutPanel>h2{order:0;margin:0 40px 0 0;color:var(--sr-gold);font:700 26px/1.2 Georgia,serif!important}
#loggedOutPanel>p{order:1;margin:4px 0 16px;color:var(--sr-muted);font-size:14px}
#loggedOutPanel>.sr-login-field-label{order:2;margin:0 0 6px;color:#dbe4f0;font-size:14px;font-weight:700}
#loggedOutPanel>#homeGuildPin{order:3}
#loggedOutPanel>#homePlayerPin{order:4;min-height:50px;margin:0 0 12px;font-size:16px}
#loggedOutPanel>.gk-keep{order:5;margin:0 0 14px;font-size:14px}
#loggedOutPanel>.login-actions{order:6}
#loggedOutPanel>.login-actions .big-btn{min-height:50px;border-color:var(--sr-gold);background:var(--sr-gold)!important;color:var(--sr-ink);font-size:16px}
#loggedOutPanel>#homeLoginStatus{order:7;margin-top:12px;font-size:14px}
#loggedOutPanel>.login-small-link{order:8;width:auto;margin:12px 0 0;padding:4px 0;color:var(--sr-gold-soft);font-size:14px;text-align:left}
#loggedOutPanel>.sr-login-more{order:9}
#loggedOutPanel>.dashboard-box{order:10}
.sr-login-more{margin-top:16px;padding-top:16px;border-top:1px solid var(--sr-line)}
.sr-login-more p{margin:0 0 8px!important;color:var(--sr-muted);font-size:14px}
.sr-login-more a,.sr-inline-link{padding:0;border:0;background:none;color:var(--sr-gold);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.sr-login-more a:hover,.sr-inline-link:hover{text-decoration:underline;text-underline-offset:3px}
.sr-login-dialog #loggedInPanel h2{margin-right:40px}

/* ---------- Raster ---------- */
.start-shell.sr-slim{display:block;width:min(1200px,calc(100% - 32px));margin:10px auto 10px}
.sr-slim>.main-login-layout{display:block!important}
body.show-mylichtloot .sr-slim #actionPanel{margin:30px auto 0}

/* ---------- Hero ---------- */
.sr-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:center}
.sr-eyebrow{margin:0;color:var(--sr-gold);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sr-hero h1{margin:10px 0 12px;color:#fff;font:700 clamp(36px,4vw,50px)/1.08 Georgia,serif;text-align:left;text-shadow:none}
.sr-slogan{margin:0 0 12px;color:var(--sr-gold-soft);font:italic 600 21px/1.3 Georgia,serif}
.sr-lead{margin:0;color:var(--sr-muted);font-size:17px;line-height:1.55}
.sr-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.sr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border-radius:12px;font-size:16px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .15s,transform .15s}
.sr-btn:hover{transform:translateY(-1px)}
.sr-btn-primary{border:1px solid var(--sr-gold);background:var(--sr-gold);color:var(--sr-ink)}
.sr-btn-primary:hover{background:#fbd65f}
.sr-btn-ghost{border:1px solid var(--sr-gold);background:transparent;color:var(--sr-gold)}
.sr-btn-ghost:hover{background:rgba(245,197,66,.08)}
.sr-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;list-style:none;color:var(--sr-muted);font-size:14px}
.sr-trust li::before{content:"✓ ";color:var(--sr-green);font-weight:800}
.sr-shot{margin:0;padding:16px;border:1px solid var(--sr-line);border-radius:18px;background:var(--sr-card)}
.sr-shot img{display:block;width:100%;height:auto;border:1px solid #1d2b48;border-radius:10px}
.sr-shot figcaption{margin:10px 4px 0;color:var(--sr-muted);font-size:14px}
.sr-proof-msg{margin-top:12px;padding:12px 14px;border-radius:10px;background:#313338;color:#dbdee1;font-size:14px}
.sr-proof-author{display:flex;align-items:center;gap:6px}
.sr-proof-author strong{color:#fff;font-size:15px}
.sr-proof-author span{padding:1px 5px;border-radius:4px;background:#5865f2;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}
.sr-proof-embed{margin-top:6px;padding:8px 12px;border-left:4px solid var(--sr-gold);border-radius:6px;background:#2b2d31}
.sr-proof-embed b{display:block;color:#fff}
.sr-proof-embed p{margin:2px 0 0;overflow-wrap:anywhere}

/* ---------- Spielbereich-Leiste klein unter dem Hero ---------- */
.sr-area{margin-top:34px}
.sr-area .game-switcher{width:100%;margin:0;padding:8px 14px;gap:10px 14px;border:1px solid var(--sr-line);border-radius:14px;background:#0a1530}
.sr-area .game-switcher-label{color:var(--sr-muted);font-size:12px;letter-spacing:.12em}
.sr-area .game-switcher-options{display:flex;flex-wrap:wrap;gap:6px;max-width:none}
.sr-area .game-switcher .game-switcher-link{min-height:0;padding:5px 12px;gap:8px}
.sr-area .game-switcher-link img{flex:0 0 44px;width:44px;height:30px}
.sr-area .game-switcher-link strong{font-size:14px}
.sr-area .game-switcher-link small{margin-top:0;font-size:12px}
.sr-area .game-switcher-tools{font-size:13px;line-height:1.4}

/* ---------- Abschnitte ---------- */
.sr-section{margin-top:48px}
.sr-h2{margin:0 0 16px;color:#fff;font:700 30px/1.2 Georgia,serif}
.sr-h2 small{display:block;margin-top:6px;color:var(--sr-muted);font:15px/1.4 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif}

/* Ohne Konto ausprobieren */
.sr-try-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.sr-try-grid>section{min-height:0!important;margin:0!important;padding:24px!important;border:1px solid #3d6b2a!important;border-radius:var(--sr-radius)!important;background:var(--sr-card)!important;box-shadow:none!important;display:flex!important;flex-direction:column;align-items:stretch!important;color:var(--sr-text)}
.sr-try-grid .random-panel-head{display:flex!important;flex-direction:column;gap:14px!important;height:100%}
.sr-start .log-tool-badge{display:inline-block;margin:0 0 8px;padding:0;border:0;background:none;color:var(--sr-green);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sr-try-grid h2{margin:0 0 6px!important;color:#fff;font:700 19px/1.3 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif!important}
.sr-try-grid p{max-width:none!important;margin:0;color:var(--sr-muted);font-size:15px!important;line-height:1.55}
.sr-try-grid .log-tool-form{gap:10px;margin-top:auto}
.sr-try-grid .log-tool-form input[name=report]{min-height:48px;border-color:var(--sr-line);border-radius:10px;background:#071022;font-size:15px}
.sr-try-grid .log-tool-form .big-btn,.sr-try-grid .random-panel-actions .big-btn{width:auto;min-height:44px;padding:10px 0;border:0!important;background:none!important;color:var(--sr-gold);font-size:15px;font-weight:800;text-align:left;box-shadow:none}
.sr-try-grid .log-tool-form .big-btn:hover,.sr-try-grid .random-panel-actions .big-btn:hover{text-decoration:underline;text-underline-offset:3px;transform:none}
.sr-try-grid .log-tool-hint{color:var(--sr-muted);font-size:13px}
.sr-try-grid .random-panel-actions{display:flex!important;flex-direction:column;align-items:flex-start;align-self:stretch;width:100%;gap:0;margin-top:auto}
.sr-try-grid .random-panel-actions .big-btn{min-width:0!important;display:inline-flex;justify-content:flex-start}
.sr-try-grid .random-panel-actions .big-btn.subtle{padding-top:0;color:var(--sr-gold-soft);font-weight:700;font-size:14px}
.sr-more{display:inline-block;margin-top:auto;padding-top:14px;color:var(--sr-gold);font-size:15px;font-weight:800;text-decoration:none}
.sr-more:hover{text-decoration:underline;text-underline-offset:3px}

/* So läuft ein Raid */
.sr-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.sr-flow li{padding:22px;border:1px solid var(--sr-line);border-left-width:0;background:var(--sr-card)}
.sr-flow li:first-child{border-left-width:1px;border-radius:16px 0 0 16px}
.sr-flow li:last-child{border-radius:0 16px 16px 0}
.sr-flow-step{display:block;color:var(--sr-gold);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sr-flow strong{display:block;margin:6px 0 4px;color:#fff;font-size:18px;line-height:1.3}
.sr-flow p{margin:0;color:var(--sr-muted);font-size:14px;line-height:1.5}
.sr-next{margin:14px 0 0;padding:12px 16px;border:1px dashed var(--sr-line);border-radius:12px;color:var(--sr-muted);font-size:15px}
.sr-next b{color:var(--sr-gold-soft)}

/* Für Gilden und Mitglieder */
.sr-slim .sr-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sr-two>.sr-box{display:block!important;min-height:0!important;margin:0;padding:28px!important;border:1px solid var(--sr-line)!important;border-radius:var(--sr-radius)!important;background:var(--sr-card)!important;box-shadow:none!important;overflow:visible;grid-column:auto!important;grid-template-columns:none}
.sr-two>.sr-box-gold{border-color:var(--sr-gold)!important}
.sr-two .random-panel-head{display:block!important}
.sr-two h3{margin:0 0 6px;color:#fff;font:700 19px/1.3 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
.sr-two .guild-signup-title{display:block}
.sr-two p{max-width:none!important;margin:0;color:var(--sr-muted);font-size:15px!important;line-height:1.55}
.sr-two .account-copy{padding:0;align-self:auto}
.sr-two .account-copy>p{margin:0;color:var(--sr-muted);font-size:15px}
.sr-list{margin:12px 0 0;padding-left:18px;color:var(--sr-muted);font-size:15px;line-height:1.6}
.sr-list a{color:var(--sr-muted);text-decoration:underline;text-underline-offset:3px}
.sr-two .guild-signup-trust{margin-top:12px;font-size:14px!important}
.sr-two .random-panel-actions,.sr-two .account-actions{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;margin-top:14px}
.sr-two .random-panel-actions .big-btn,.sr-two .account-primary{width:auto!important;min-width:0!important;min-height:44px;padding:10px 0;border:0!important;background:none!important;color:var(--sr-gold);font-size:15px;font-weight:800;text-align:left;box-shadow:none}
.sr-two .random-panel-actions .big-btn:hover,.sr-two .account-primary:hover{text-decoration:underline;text-underline-offset:3px;transform:none}
.sr-two .account-login-link{padding:4px 0;color:var(--sr-gold-soft);font-size:14px}

/* Häufige Fragen */
.sr-faq{border:1px solid var(--sr-line);border-radius:16px;overflow:hidden}
.sr-faq details{border-top:1px solid var(--sr-line);background:var(--sr-card)}
.sr-faq details:first-child{border-top:0}
.sr-faq summary{position:relative;padding:17px 52px 17px 22px;color:#fff;font-weight:700;cursor:pointer;list-style:none}
.sr-faq summary::-webkit-details-marker{display:none}
.sr-faq summary::after{content:"+";position:absolute;right:22px;top:14px;color:var(--sr-gold);font-size:22px}
.sr-faq details[open] summary::after{content:"–"}
.sr-faq details p{margin:0;padding:0 22px 18px;color:var(--sr-muted);font-size:15px;line-height:1.6}
.sr-faq a{color:var(--sr-gold-soft);font-weight:700}
.sr-faq-more{margin:12px 0 0;font-size:15px}
.sr-faq-more a{color:var(--sr-gold);font-weight:700;text-decoration:none}

/* Fuß */
.sr-footer-note{max-width:860px;margin:8px auto 4px;color:var(--sr-muted);font-size:14px;line-height:1.5}

/* ---------- Breakpoints ---------- */
@media(max-width:1000px){
  .sr-hero{grid-template-columns:1fr;gap:28px}
  .sr-try-grid{grid-template-columns:1fr 1fr}
  .sr-try-grid>#logToolPanel{grid-column:1 / -1}
  .sr-flow{grid-template-columns:1fr 1fr}
  .sr-flow li{border-left-width:1px;border-radius:0!important}
  .sr-flow li:first-child{border-radius:16px 0 0 0!important}
  .sr-flow li:nth-child(2){border-radius:0 16px 0 0!important}
  .sr-flow li:nth-child(3){border-radius:0 0 0 16px!important}
  .sr-flow li:last-child{border-radius:0 0 16px 0!important}
  .sr-flow li:nth-child(n+3){border-top-width:0}
  .sr-flow li:nth-child(even){border-left-width:0}
}
@media(max-width:800px){
  .header .portal-nav{display:none!important}
  .header{grid-template-columns:auto 1fr!important;min-height:64px!important;padding:0 16px!important}
  .header .logo-banner{width:130px!important}
  .header .portal-profile{grid-column:2!important;grid-row:1!important;justify-self:end}
  .sr-login-dialog{top:72px;right:16px;left:16px;width:auto;max-height:calc(100vh - 88px)}
  .start-shell.sr-slim{width:calc(100% - 32px)}
  .sr-eyebrow{font-size:14px;letter-spacing:.08em}
  .sr-hero h1{font-size:34px}
  .sr-slogan{font-size:20px}
  .sr-lead{font-size:16px}
  .sr-cta{flex-direction:column}
  .sr-btn{width:100%}
  .sr-try-grid,.sr-slim .sr-two{grid-template-columns:1fr}
  .sr-flow{grid-template-columns:1fr}
  .sr-flow li:nth-child(n){border-width:1px 1px 0 1px!important;border-radius:0!important}
  .sr-flow li:nth-child(n):first-child{border-radius:16px 16px 0 0!important}
  .sr-flow li:nth-child(n):last-child{border-bottom-width:1px!important;border-radius:0 0 16px 16px!important}
  .sr-h2{font-size:26px}
  .sr-area .game-switcher{padding:10px}
  .sr-area .game-switcher-link small{display:none}
  .sr-area .game-switcher .game-switcher-link{padding:6px 8px}
  /* Mindestens 14 px */
  .sr-start .log-tool-badge,.sr-flow-step,.sr-proof-author span,.sr-area .game-switcher-label,.sr-area .game-switcher-tools,.sr-try-grid .log-tool-hint,.sr-konto-slot .gk-chip{font-size:14px}
  .sr-two>.sr-box{padding:22px!important}
}

/* Loot-Datenbank-Karte unter den drei „Ohne Konto“-Karten (volle Breite, kleines Suchfeld). */
.sr-try-grid>#lootDbTry{grid-column:1 / -1;flex-direction:row!important;align-items:center!important;gap:24px;flex-wrap:wrap}
.sr-lootdb-text{flex:1 1 320px;min-width:0}
.sr-lootdb-form{flex:1 1 340px;display:flex;gap:10px;min-width:0}
.sr-lootdb-form input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--sr-line);border-radius:10px;background:#071022;color:var(--sr-text);font-size:15px}
.sr-lootdb-form .big-btn{width:auto;min-height:48px;padding:0 18px;white-space:nowrap}
@media(max-width:520px){.sr-lootdb-form{flex-direction:column}.sr-lootdb-form .big-btn{width:100%}}

/* Startseite USP-Entwurf (Oktober 2026): Kopfbereich „Vom Loot-Wunsch bis zum Loot-Nachweis“ + Vergleich */
.sr-hero-usp .sr-lead{margin-top:4px}
.sr-hero-usp h1{font-size:clamp(34px,3.3vw,46px)}
.sr-usp-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:20px 0 0;padding:0;list-style:none}
.sr-usp-points li{position:relative;padding-left:26px;color:var(--sr-muted);font-size:14.5px;line-height:1.45}
.sr-usp-points li::before{content:"✓";position:absolute;left:0;top:0;color:var(--sr-green);font-weight:800;font-size:16px}
.sr-usp-points strong{display:block;color:#fff;font-size:15.5px;margin-bottom:2px}
.sr-chain{display:flex;flex-direction:column;gap:12px}
.sr-chain-title{margin:0 2px 2px!important;color:var(--sr-gold)!important;font-size:13px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sr-chain-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:none}
.sr-chain-list a{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--sr-line);border-radius:12px;background:rgba(255,255,255,.03);color:inherit;text-decoration:none;transition:border-color .15s,background-color .15s}
.sr-chain-list a:hover{border-color:var(--sr-gold);background:rgba(245,197,66,.06)}
.sr-chain-nr{flex:0 0 32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--sr-gold);color:var(--sr-gold);font-weight:800;font-size:15px}
.sr-chain-text{display:flex;flex-direction:column;min-width:0}
.sr-chain-text b{color:#fff;font-size:16px;line-height:1.3}
.sr-chain-text small{color:var(--sr-muted);font-size:14px;line-height:1.4}
.sr-chain .sr-proof-msg{margin-top:4px}
.sr-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sr-compare-col{padding:22px;border:1px solid var(--sr-line);border-radius:16px;background:var(--sr-card)}
.sr-compare-gl{border-color:rgba(245,197,66,.55)}
.sr-compare-col h3{margin:0;color:#fff;font:700 20px/1.3 Georgia,serif}
.sr-compare-gl h3{color:var(--sr-gold)}
.sr-compare-fair{margin:14px 2px 0;color:var(--sr-muted);font-size:14px;line-height:1.55;max-width:900px}
@media(max-width:800px){
  .sr-usp-points{grid-template-columns:1fr;gap:10px}
  .sr-compare{grid-template-columns:1fr}
  .sr-hero-usp h1{font-size:31px}
}

/* Startseite USP v2 (17.10.2026): Spieler-Kacheln ohne Login direkt unter dem Kopf, danach Gildenteil. */
.sr-hero-v2{grid-template-columns:1fr!important}
.sr-hero-v2 .sr-hero-copy{max-width:1040px}
.sr-hero-v2 .sr-lead{max-width:820px}
.sr-hero-v2 .sr-cta{margin-top:20px}
.sr-quick-section{margin-top:32px}
.sr-quick-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-bottom:14px}
.sr-quick-title{margin:0;color:var(--sr-gold);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sr-quick-head .gl-vtabs{margin:0;gap:6px}
.sr-quick-head .gl-vtabs a{min-height:38px;padding:4px 12px 4px 6px;font-size:14px;gap:6px}
.sr-quick-head .gl-vtabs a img{width:30px;height:23px}
.sr-quick{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sr-quick-card{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0!important;padding:24px!important;border:1px solid rgba(245,197,66,.45)!important;border-radius:var(--sr-radius)!important;background:var(--sr-card)!important;box-shadow:none!important;color:var(--sr-text)}
.sr-quick-card h2{margin:0;color:#fff;font:700 26px/1.2 Georgia,serif}
.sr-quick-badge{margin:0;color:var(--sr-green);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sr-quick-text{margin:0;color:var(--sr-muted);font-size:15px;line-height:1.55}
.sr-quick .sr-lootdb-form,.sr-quick .log-tool-form{display:flex;gap:10px;flex:0 0 auto;margin-top:4px}
.sr-quick .sr-lootdb-form input[name=q],.sr-quick .log-tool-form input[name=report]{flex:1;min-width:0;min-height:52px;padding:0 14px;border:1px solid var(--sr-line);border-radius:10px;background:#071022;color:var(--sr-text);font-size:16px}
.sr-quick .big-btn{width:auto;min-height:52px;padding:0 22px;border:1px solid var(--sr-gold);border-radius:10px;background:var(--sr-gold);color:var(--sr-ink);font-size:16px;font-weight:800;white-space:nowrap}
.sr-quick .big-btn:hover{background:#fbd65f}
.sr-quick .log-tool-hint{color:var(--sr-muted);font-size:13px}
.sr-quick .sr-lootdb-cats,.sr-raidrow,.sr-quick-more{margin:0;color:var(--sr-muted);font-size:14px;line-height:1.7}
.sr-quick .sr-lootdb-cats a,.sr-raidrow a,.sr-quick-more a{color:var(--sr-gold-soft);text-decoration:none}
.sr-quick .sr-lootdb-cats a:hover,.sr-raidrow a:hover,.sr-quick-more a:hover{text-decoration:underline;text-underline-offset:3px}
.sr-raidrow span{color:#fff;font-weight:700}
.sr-raidrow{display:none}
#ohneLogin[data-v="era"] .sr-raidrow[data-for~="era"],#ohneLogin[data-v="anniversary"] .sr-raidrow[data-for~="anniversary"],#ohneLogin[data-v="tbc"] .sr-raidrow[data-for~="tbc"],#ohneLogin[data-v="forever"] .sr-raidrow[data-for~="forever"]{display:block}
.sr-quick-more{margin-top:auto}
.sr-popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.sr-popular-label{color:var(--sr-muted);font-size:14px;font-weight:700;margin-right:2px}
.sr-popular a{display:inline-flex;align-items:center;min-height:36px;padding:4px 12px;border:1px solid var(--sr-line);border-radius:999px;color:var(--sr-text);font-size:14px;text-decoration:none}
.sr-popular a:hover{border-color:var(--sr-gold);color:var(--sr-gold)}
.sr-guilds{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:start;margin-top:56px}
.sr-guilds .sr-h2{margin-top:8px}
@media(max-width:800px){
  .sr-quick{grid-template-columns:1fr}
  .sr-guilds{grid-template-columns:1fr;gap:24px}
  .sr-quick-section{margin-top:24px}
  .sr-quick-head{flex-direction:column;align-items:stretch}
  .sr-quick-head .gl-vtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sr-quick-head .gl-vtabs::-webkit-scrollbar{display:none}
  .sr-quick-head .gl-vtabs a{flex:0 0 auto}
  .sr-quick-card{padding:18px!important}
  .sr-quick-card h2{font-size:23px}
  .sr-quick .log-tool-form,.sr-quick .sr-lootdb-form{flex-direction:column}
  .sr-quick .big-btn{width:100%}
  .sr-hero-v2 .sr-cta{flex-direction:row}
  .sr-hero-v2 .sr-btn{flex:1 1 0;width:auto;padding:12px 10px;font-size:15px}
}
@media(max-width:800px){
  .sr-quick-head .gl-vtabs{display:flex!important;grid-template-columns:none!important}
  .sr-quick-head .gl-vtabs a{min-height:36px;padding:4px 12px;font-size:14px}
  .sr-quick-head .gl-vtabs a img{display:none}
  .sr-quick .sr-lootdb-form{flex-direction:row}
  .sr-quick .sr-lootdb-form .big-btn{width:auto;padding:0 16px}
}

/* Forever-Band über dem Kopfbereich (27.10.–09.12.2026, Test: ?band=forever) */
.sr-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:0 0 24px;padding:12px 18px;border:1px solid rgba(96,165,250,.5);border-radius:14px;background:linear-gradient(90deg,rgba(13,38,72,.95),rgba(12,18,32,.9))}
.sr-band[hidden]{display:none}
.sr-band-text{margin:0;flex:1 1 420px;min-width:0;color:var(--sr-muted);font-size:15px;line-height:1.45}
.sr-band-text strong{color:#fff}
.sr-band-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0}
.sr-band-links a{color:#93c5fd;font-size:15px;font-weight:700;text-decoration:none}
.sr-band-links a:hover{text-decoration:underline;text-underline-offset:3px}
.sr-band-links .sr-band-primary{padding:8px 14px;border:1px solid #60a5fa;border-radius:10px;color:#fff;background:rgba(37,99,235,.35)}
@media(max-width:800px){.sr-band{padding:12px 14px;margin-bottom:18px}.sr-band-text{flex-basis:100%;font-size:14px}}
.sr-quick-section,.sr-quick-head,.sr-quick-head>*{min-width:0;max-width:100%}
.sr-quick-title{white-space:normal;overflow-wrap:anywhere}
@media(max-width:800px){.sr-quick-title{letter-spacing:.08em}.sr-quick-head .gl-vtabs{width:100%}}
/* Gegenprüfung 18.10.: Versionslinks und Versionskarte liegen jetzt in #mehrOhneLogin – gleiche Linkfarbe wie vorher in #ohneLogin. */
html.gl-shell #mehrOhneLogin .sr-more,html.gl-shell #mehrOhneLogin .sr-try-also a{color:var(--gl-acc)!important}
#mehrOhneLogin .gl-version-pages{font-size:13px;color:var(--gl-muted)}