/* Designsystem v3 · Seitenfamilie „tools“ (body.fth-design.gb-public-tools): Klassen, Talente, Legacy, Berufe, Vorbereitung, Welt, BiS.
   Dazu die Dungeon- und Raidseiten (/dungeons/…, /raids/…), nur über main.gb-instance angesprochen.
   Regeln: docs/design-system-v3/DESIGN.md. Referenz: Startseite (home-n1.css, home-v3.css).
   Jede Regel beginnt mit body.gb-v3 und der Familienklasse, damit nichts in andere Seitenfamilien läuft.
   Alte Seiten-CSS (talents.css, world.css …) bleibt Grundlage für Raster und Interaktion; hier nur Material, Schrift und Farbe. */

/* ───────────── 1. Tokens und Grund ───────────── */
/* design-v3.css belegt --gb-ink (Pergamenttinte) und --gb-soul-light (Schatten) neu. Die älteren Werkzeug-,
   Kopf- und Navigationsstile lesen beide Namen als helle Textfarbe; ohne diese Rückstellung wird Text dunkelbraun. */
body.gb-v3.gb-public-tools{
  --gb-ink:#eee6d5;
  --title:var(--gb-font-display);
  --gb-font-heading:var(--gb-font-display);
  --gb-font-ui:var(--gb-font-text);
  /* Design-A-Variablen (design-system.css) auf v3-Material umstellen */
  --fth-font:var(--gb-font-text);
  --fth-bg:var(--gb-page);
  --fth-panel:#1c1813;
  --fth-inset:#100d0a;
  --fth-raised:#2a231a;
  --fth-text:var(--gb-text);
  --fth-muted:var(--gb-muted);
  --fth-gold:var(--gb-gold-text);
  --fth-brand-gold:var(--gb-gold-text);
  --fth-primary:#2e2418;
  --fth-primary-hover:#3a2e1f;
  --fth-primary-text:var(--gb-leather-text);
  --fth-border:#3b3123;
  --fth-panel-border:var(--gb-brass-line);
  --fth-control-border:var(--gb-brass);
  --fth-input-border:var(--gb-brass);
  --fth-control:#1f1810;
  --fth-selected:#2a2116;
  --bg:var(--gb-page);--panel:#1c1813;--text:var(--gb-text);--muted:var(--gb-muted);--gold:var(--gb-gold-text);--body:var(--gb-font-text);
  background:var(--gb-page) radial-gradient(ellipse 90% 520px at 50% 0,rgba(120,84,36,.16),transparent 70%) no-repeat;
  color:var(--gb-text);
  font-family:var(--gb-font-text);
}
body.gb-v3.gb-public-tools main{--gb-soul-light:#95e5df;font-family:var(--gb-font-text);color:var(--gb-text)}
body.gb-v3.gb-public-tools main :is(button,input,select,textarea){font-family:var(--gb-font-text)}
/* Links und Überschriftfarben mit Spezifität 0, damit Qualitäts- und Klassenfarben der Seiten gewinnen */
:where(body.gb-v3.gb-public-tools main) a{color:var(--gb-link);text-underline-offset:3px;text-decoration-color:rgba(224,184,96,.45)}
:where(body.gb-v3.gb-public-tools main) a:where(:hover){color:#ffd88a}
body.gb-v3.gb-public-tools main :focus-visible{outline:2px solid var(--gb-soul);outline-offset:2px}

/* ───────────── 2. Schrift ───────────── */
body.gb-v3.gb-public-tools main h1{font-family:var(--gb-font-display);font-weight:400;font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:0;color:var(--gb-title);-webkit-text-stroke:.6px currentColor;text-shadow:0 2px 0 #000;text-wrap:balance}
body.gb-v3.gb-public-tools main :is(h2,h3,h4){font-family:var(--gb-font-display);font-weight:400;letter-spacing:0;-webkit-text-stroke:.3px currentColor;text-shadow:0 1px 0 #000}
:where(body.gb-v3.gb-public-tools main) h2{color:var(--gb-title)}
:where(body.gb-v3.gb-public-tools main) :where(h3,h4){color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools main :is(.fth-planner-kicker,.tf-kicker,.section-kicker,.launch-label,.prof-kicker,.bis-kicker,.prep-kicker,.gb-info-kicker){font:600 12px/1.3 var(--gb-font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--gb-gold)}
body.gb-v3.gb-public-tools main :is(.fth-planner-intro,.hero-copy){font-size:17px;line-height:1.55;color:#cfc3a9;max-width:60ch}
body.gb-v3.gb-public-tools main :is(small,.world-help,.tf-legacy-budget-note,.tf-evidence,.prof-evidence,.bis-model-note){color:var(--gb-quiet)}

/* ───────────── 3. Kopf der Werkzeugseiten und Reiter ───────────── */
body.gb-v3.gb-public-tools .fth-planner-heading{padding-bottom:0;border:0}
body.gb-v3.gb-public-tools .fth-planner-heading h1{margin:10px 0 8px}
body.gb-v3.gb-public-tools .fth-planner-nav{display:flex;flex-wrap:wrap;gap:0;margin-top:22px;border-bottom:1px solid var(--gb-brass-line);padding:0}
body.gb-v3.gb-public-tools .fth-planner-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;margin:0 -1px -1px 0;font:400 15px/1 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-muted);background:#120e0a;border:1px solid var(--gb-brass);border-bottom-color:var(--gb-brass-line);border-radius:3px 3px 0 0;text-decoration:none;box-shadow:none}
body.gb-v3.gb-public-tools .fth-planner-nav a:hover{color:var(--gb-text);background:#1a1510}
body.gb-v3.gb-public-tools .fth-planner-nav a[aria-current="page"]{color:var(--gb-gold-text);background:#1f1b16;border-color:var(--gb-brass-line);border-bottom-color:#1f1b16;box-shadow:inset 0 2px 0 var(--gb-gold)}
body.gb-v3.gb-public-tools .fth-planner-nav .site-feature-new{font:600 11px/1 var(--gb-font-text);-webkit-text-stroke:0;letter-spacing:.04em;color:var(--gb-soul);border:1px solid rgba(149,229,223,.45);background:rgba(29,94,99,.25);border-radius:2px;padding:3px 5px}

/* Hinweis „Mit deinem Charakter planen“ (journey.css), auf allen Werkzeugseiten gleich */
body.gb-v3.gb-public-tools main .gj-context{background:var(--gb-panel);border:1px solid var(--gb-brass-line);border-left:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06);color:var(--gb-text)}
body.gb-v3.gb-public-tools main .gj-context summary{color:var(--gb-link)}
body.gb-v3.gb-public-tools main .gj-context :is(p,small){color:var(--gb-quiet)}

/* ───────────── 4. Flächen (Stufe 2: Messinglinie) ───────────── */
body.gb-v3.gb-public-tools main :is(.tf-workbench,.tf-builds,.lg-workbench,.lg-panel,.lg-saved-section,.prof-sidebar,.prof-leveling,.prof-route-step,.prof-filters,.prof-filter-panel,.world-browser,.bis-selection,.bis-context,.bis-equipment,.bis-detail-panel,.prep-level-bar,.prep-context,.prep-model-optional,.guide-context,.guide-note,.tier-row){background:var(--gb-panel);border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06),var(--gb-shadow-1)}
/* Innenliegende Zeilen und Felder: dunkler, ohne eigenen Schatten */
body.gb-v3.gb-public-tools main :is(.prof-route-recipe,.prof-mat,.prep-compact-row,.bis-candidate,.world-loot-panel,.tier-character,.lg-detail,.tf-detail){background:#16120e;border-color:#3b3123;box-shadow:none}
body.gb-v3.gb-public-tools main :is(.tf-notice,.tf-interaction-hint){background:#15110d;border-color:#2f271c;color:var(--gb-muted)}
body.gb-v3.gb-public-tools main :is(.tf-classes,.bis-spec-row,.guide-source){border-color:#3b3123}

/* Felder */
body.gb-v3.gb-public-tools main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:var(--gb-field);border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);color:var(--gb-title);box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}
body.gb-v3.gb-public-tools main :is(input,textarea)::placeholder{color:var(--gb-quiet)}
body.gb-v3.gb-public-tools main :is(input,select,textarea):focus{outline:none;border-color:var(--gb-soul);box-shadow:inset 0 2px 4px rgba(0,0,0,.5),0 0 0 3px rgba(149,229,223,.25)}
body.gb-v3.gb-public-tools main select{color-scheme:dark}
body.gb-v3.gb-public-tools main label{color:#d6cbb3}
body.gb-v3.gb-public-tools main summary{color:var(--gb-link)}
body.gb-v3.gb-public-tools main summary:hover{color:#ffd88a}

/* ───────────── 5. Knöpfe ───────────── */
/* Zweitrangig: Leder mit Messingkante (Grundform für alle Werkzeugknöpfe) */
body.gb-v3.gb-public-tools main :is(.button,.tf-actions button,.tf-save-row button,.tf-tree-reset,.lg-workbench>header button,.lg-toolbar button,.lg-saved-section button,.lg-panel button,.prof-sidebar button,.prof-leveling-tabs button,.prof-leveling button.button,.world-browser .world-type button,.world-map-tools button,.bis-context .button,.prep-level-bar button){font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:var(--gb-leather-text);background:var(--gb-leather);border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.12);text-shadow:none;filter:none}
body.gb-v3.gb-public-tools main :is(.button,.tf-actions button,.tf-save-row button,.tf-tree-reset,.lg-workbench button,.prof-sidebar button,.world-map-tools button,.prep-level-bar button):hover:not(:disabled){background:var(--gb-leather-hover);border-color:var(--gb-gold);color:#f2e3c0}
body.gb-v3.gb-public-tools main :is(.button,.tf-actions button,.tf-save-row button,.tf-tree-reset,.lg-workbench button,.prof-sidebar button,.prep-level-bar button):disabled{background:#1a1611;color:var(--gb-disabled);border-color:#3a2f1d;box-shadow:0 0 0 1px #000;opacity:1}
/* Hauptknopf: Questrot, genau einer pro Ansicht */
body.gb-v3.gb-public-tools main :is(.tf-page .tf-gold,.tf-gold,.lg-share,.lg-gold.lg-primary,.button.primary.gb-v3-primary){color:var(--gb-quest-text);background:var(--gb-quest);border:1px solid var(--gb-gold);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,190,140,.35),inset 0 -2px 0 rgba(0,0,0,.4);text-shadow:0 1px 0 #000;font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor}
body.gb-v3.gb-public-tools main :is(.tf-gold,.lg-share,.lg-gold.lg-primary,.button.primary.gb-v3-primary):hover:not(:disabled){background:var(--gb-quest-hover);color:#ffe2a0;border-color:var(--gb-gold)}
/* Nebenaktion: alte Goldfläche wird zu Leder */
body.gb-v3.gb-public-tools main :is(.lg-gold,.button.primary){color:var(--gb-leather-text);background:var(--gb-leather);border:1px solid var(--gb-brass);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.12);font-weight:400}

/* Auswahl (Segment): Klassen, Rollen, Typen. Aktiv in Petrol wie .gb-segment */
body.gb-v3.gb-public-tools main :is(.guide-role-tabs .choice,.world-type button,.prof-mode button,.prep-level-bar .prep-ranges button){font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:#d6cbb3;background:#18120b;border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000}
body.gb-v3.gb-public-tools main :is(.guide-role-tabs .choice,.world-type button,.prof-mode button,.prep-level-bar .prep-ranges button)[aria-pressed=true]{background:linear-gradient(#2a2116,#1a140d);border-color:var(--gb-gold);color:var(--gb-gold-text);box-shadow:0 0 0 1px #000,inset 0 -2px 0 var(--gb-gold)}
body.gb-v3.gb-public-tools main :is(.prof-view-nav button,.prof-route-stages button,.world-tabs button,.prep-ranges button,.guide-role-tabs .choice){font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:#d6cbb3;background:#18120b;border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000;text-shadow:none}
body.gb-v3.gb-public-tools main :is(.prof-view-nav button,.prof-route-stages button,.world-tabs button,.prep-ranges button,.guide-role-tabs .choice):hover{color:var(--gb-text);border-color:var(--gb-gold);background:#211910}
body.gb-v3.gb-public-tools main :is(.prof-view-nav button,.prof-route-stages button,.world-tabs button,.prep-ranges button,.guide-role-tabs .choice)[aria-pressed=true]{background:linear-gradient(#2a2116,#1a140d);border-color:var(--gb-gold);color:var(--gb-gold-text);box-shadow:0 0 0 1px #000,inset 0 -2px 0 var(--gb-gold)}

/* Tooltips und Itemdialog wie .gb-tooltip: warm, eng */
body.gb-v3.gb-public-tools :is(.tf-tooltip,.item-dialog){background:rgba(16,12,8,.97);border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000,0 10px 24px rgba(0,0,0,.6);color:var(--gb-text);font-family:var(--gb-font-text)}
body.gb-v3.gb-public-tools :is(.tf-tooltip,.item-dialog) :is(h2,h3,.tf-tooltip-title,.item-dialog-title){font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text)}

/* Seitenfuß der Werkzeugseiten (unter main) */
body.gb-v3.gb-public-tools>footer:not([class]){border-top:1px solid var(--gb-rule);background:transparent;color:var(--gb-quiet);font-family:var(--gb-font-text)}
body.gb-v3.gb-public-tools>footer .footer-brand{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools>footer a{color:var(--gb-link)}

/* ───────────── 6. Talente ───────────── */
body.gb-v3.gb-public-tools.tf-page{background-color:var(--gb-page)}
body.gb-v3.gb-public-tools .tf-workbench{overflow:hidden}
body.gb-v3.gb-public-tools .tf-classes button{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;font-size:14px;color:#d6cbb3;background:#18120b;border:1px solid #4a3b24;border-bottom:2px solid var(--tf-class,var(--gb-brass));border-radius:var(--gb-r-control);min-height:44px}
body.gb-v3.gb-public-tools .tf-classes button:hover:not(:disabled){background:#211910;border-color:var(--gb-brass);border-bottom-color:var(--tf-class,var(--gb-gold))}
body.gb-v3.gb-public-tools .tf-classes [aria-pressed=true]{color:var(--tf-class,var(--gb-gold-text));background:linear-gradient(#2a2116,#1a140d);border-color:var(--gb-gold);border-bottom-color:var(--tf-class,var(--gb-gold));box-shadow:inset 0 -10px 18px -12px var(--tf-class,transparent)}
body.gb-v3.gb-public-tools .tf-classes img{border:1px solid #000;box-shadow:0 0 0 1px #5e4a28}
body.gb-v3.gb-public-tools .tf-level{color:#d6cbb3}
body.gb-v3.gb-public-tools .tf-budget>strong{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.6px currentColor;color:var(--gb-gold-text);font-size:36px}
body.gb-v3.gb-public-tools .tf-budget small{color:var(--gb-quiet)}
body.gb-v3.gb-public-tools .tf-legacy-label{color:#d6cbb3}
/* Baum: statt gesperrtem Hintergrundbild eine Tönung in der Klassenfarbe, Messingrahmen, ruhiges Raster */
body.gb-v3.gb-public-tools .tf-tree{--tf-tint:var(--tf-tree-tint,#8a6d36);background:
  radial-gradient(ellipse 85% 46% at 50% 0,color-mix(in srgb,var(--tf-tint) 16%,transparent),transparent 72%),
  radial-gradient(ellipse 70% 40% at 50% 100%,rgba(0,0,0,.55),transparent 70%),
  linear-gradient(170deg,#211c16,#14110d 60%,#100d0a);
  border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.07),var(--gb-shadow-1)}
body.gb-v3.gb-public-tools .tf-tree-heading{background:linear-gradient(#251f17,#1a1611);border-bottom:1px solid var(--gb-brass-line);box-shadow:inset 0 -1px 0 #000,inset 0 2px 0 color-mix(in srgb,var(--tf-tint) 55%,transparent)}
body.gb-v3.gb-public-tools .tf-tree-heading h2{font-size:20px;color:var(--gb-gold-text);-webkit-text-stroke:.6px currentColor}
body.gb-v3.gb-public-tools .tf-tree-heading span{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-title)}
body.gb-v3.gb-public-tools .tf-grid{background-image:
  linear-gradient(90deg,transparent calc(50% - .5px),rgba(184,145,63,.07) calc(50% - .5px),rgba(184,145,63,.07) calc(50% + .5px),transparent calc(50% + .5px)),
  repeating-linear-gradient(transparent 0 83px,rgba(184,145,63,.06) 83px 84px)!important;background-origin:content-box}
body.gb-v3.gb-public-tools .tf-node{background:#0d0b08!important;box-shadow:0 0 0 1px #000,0 3px 6px rgba(0,0,0,.6)}
body.gb-v3.gb-public-tools .tf-rank{font-family:var(--gb-font-text);background:#0b0907;border-color:#5e4a28}
body.gb-v3.gb-public-tools .tf-dependencies path{stroke:#6b5530}
body.gb-v3.gb-public-tools .tf-dependencies path.tf-met{stroke:var(--gb-gold)}
body.gb-v3.gb-public-tools .tf-tree-reset{font-size:13px!important;min-height:36px}
body.gb-v3.gb-public-tools .tf-tabs [role=tab]{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-muted);background:#120e0a;border:1px solid var(--gb-brass);border-radius:3px 3px 0 0}
body.gb-v3.gb-public-tools .tf-tabs [role=tab][aria-selected=true]{color:var(--gb-gold-text);background:#1f1b16;box-shadow:inset 0 2px 0 var(--gb-gold)}
body.gb-v3.gb-public-tools .tf-detail{border-left-color:var(--gb-brass-line)}
body.gb-v3.gb-public-tools .tf-detail h2{color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools .tf-detail h3{font-family:var(--gb-font-text);-webkit-text-stroke:0;text-shadow:none;letter-spacing:.08em;color:var(--gb-gold)}
body.gb-v3.gb-public-tools .tf-detail p{color:var(--gb-muted)}
body.gb-v3.gb-public-tools .tf-detail .tf-requirements{background:#100d0a;border-color:#3b3123}
body.gb-v3.gb-public-tools .tf-builds h2{font-size:28px;-webkit-text-stroke:.6px currentColor}
body.gb-v3.gb-public-tools .tf-evidence{border-color:var(--gb-rule)}

/* ───────────── 7. Legacy ───────────── */
body.gb-v3.gb-public-tools .lg-budget strong,body.gb-v3.gb-public-tools .lg-budget>strong{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.6px currentColor;color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools #lg-share{color:var(--gb-quest-text);background:var(--gb-quest);border:1px solid var(--gb-gold);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,190,140,.35),inset 0 -2px 0 rgba(0,0,0,.4);text-shadow:0 1px 0 #000}
body.gb-v3.gb-public-tools #lg-share:hover{background:var(--gb-quest-hover);color:#ffe2a0}
body.gb-v3.gb-public-tools .lg-tree-tab{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;font-weight:400;color:#d6cbb3;background:#18120b;border:1px solid #4a3b24;box-shadow:0 0 0 1px #000}
body.gb-v3.gb-public-tools .lg-tree-tab[aria-selected=true],body.gb-v3.gb-public-tools .lg-tree-tab[aria-pressed=true]{color:var(--gb-gold-text);background:linear-gradient(#2a2116,#1a140d);border-color:var(--gb-gold);box-shadow:0 0 0 1px #000,inset 3px 0 0 var(--gb-gold)}
body.gb-v3.gb-public-tools .lg-trees{background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(120,84,36,.14),transparent 70%),linear-gradient(170deg,#1f1a14,#110e0b);border:1px solid var(--gb-brass-line);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.07)}
body.gb-v3.gb-public-tools .lg-trees h2{font-size:22px}
body.gb-v3.gb-public-tools .lg-select{background:#0d0b08;box-shadow:0 0 0 1px #000,0 3px 6px rgba(0,0,0,.6)}
body.gb-v3.gb-public-tools .lg-unknown-icon{display:block;width:100%;height:100%;font-size:0;background:
  linear-gradient(45deg,transparent 46%,rgba(184,145,63,.35) 46% 54%,transparent 54%) center/18px 18px no-repeat,
  linear-gradient(-45deg,transparent 46%,rgba(184,145,63,.35) 46% 54%,transparent 54%) center/18px 18px no-repeat,
  radial-gradient(circle at 50% 40%,#2a2116,#0d0b08 70%)}
body.gb-v3.gb-public-tools .lg-detail{background:#16120e;border:1px solid var(--gb-brass-line);box-shadow:0 0 0 1px #000}
body.gb-v3.gb-public-tools .lg-detail h2{color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools .lg-panel h3{font-size:18px}

/* ───────────── 8. Klassen ───────────── */
body.gb-v3.gb-public-tools.classes-page .class-hero{background:transparent}
body.gb-v3.gb-public-tools.classes-page .gb-class-card{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;font-weight:400;background:linear-gradient(#1f1912,#140f0a);border:1px solid #4a3b24;border-top:2px solid var(--class-color,var(--gb-brass));box-shadow:0 0 0 1px #000;border-radius:var(--gb-r-control)}
body.gb-v3.gb-public-tools.classes-page .gb-class-card:hover{border-color:var(--gb-gold);border-top-color:var(--class-color,var(--gb-gold));background:linear-gradient(#2a2116,#1a140d)}
body.gb-v3.gb-public-tools.classes-page .guide-context{border-top:1px solid var(--gb-brass-line)}
body.gb-v3.gb-public-tools.classes-page .guide-context h2{font:400 30px/1.2 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title)}
body.gb-v3.gb-public-tools.classes-page .guide-context p{color:#cfc3a9}
body.gb-v3.gb-public-tools.classes-page .guide-build{border-color:var(--gb-brass-line)}
body.gb-v3.gb-public-tools.classes-page .guide-build strong{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.6px currentColor;color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools.classes-page .guide-source{border-color:var(--gb-rule)}
body.gb-v3.gb-public-tools.classes-page .guide-source strong{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:var(--gb-title)}
body.gb-v3.gb-public-tools.classes-page .tier-row{overflow:hidden}
body.gb-v3.gb-public-tools.classes-page .tier-letter{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.6px currentColor;color:var(--gb-gold-text);background:linear-gradient(#251f17,#17130e);border-right:1px solid var(--gb-brass-line);text-shadow:0 2px 0 #000}
body.gb-v3.gb-public-tools.classes-page .tier-letter small{font-family:var(--gb-font-text);-webkit-text-stroke:0;color:var(--gb-quiet)}
body.gb-v3.gb-public-tools.classes-page .tier-character{background:#16120e;border:1px solid #3b3123;border-left:3px solid var(--class-color)}
body.gb-v3.gb-public-tools.classes-page .tier-character:hover{background:#211910;border-color:var(--gb-brass);border-left-color:var(--class-color)}
body.gb-v3.gb-public-tools.classes-page .tier-character strong{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;font-size:20px}
body.gb-v3.gb-public-tools.classes-page .tier-choose{color:var(--gb-gold)}
body.gb-v3.gb-public-tools.classes-page .guide-note{border-left:1px solid var(--gb-brass-line)}
body.gb-v3.gb-public-tools.classes-page .guide-note h3{font-size:24px;color:var(--gb-title)}

/* ───────────── 9. Berufe ───────────── */
body.gb-v3.gb-public-tools.professions-page .prof-heading h1{margin-top:8px}
body.gb-v3.gb-public-tools.professions-page .prof-route-stage{border-color:var(--gb-brass-line);background:#18120b;color:#d6cbb3}
body.gb-v3.gb-public-tools.professions-page .prof-route-stage[aria-current],body.gb-v3.gb-public-tools.professions-page .prof-route-stage.is-active{border-color:var(--gb-gold);color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools.professions-page .prof-route-step h4{font-size:17px}
body.gb-v3.gb-public-tools.professions-page .prof-leveling-recipe-link{color:var(--gb-gold-text);font-family:var(--gb-font-text);font-weight:600}
body.gb-v3.gb-public-tools.professions-page .prof-table{border-collapse:collapse}
body.gb-v3.gb-public-tools.professions-page .prof-table :is(tr,th,td){background:transparent;border-color:var(--gb-rule)}
body.gb-v3.gb-public-tools.professions-page .prof-table thead th{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text);border-bottom:1px solid var(--gb-brass-line)}
body.gb-v3.gb-public-tools.professions-page .prof-table tbody tr{border-top:1px solid var(--gb-rule)}
body.gb-v3.gb-public-tools.professions-page .prof-table tbody tr:hover{background:rgba(184,145,63,.06)}
body.gb-v3.gb-public-tools.professions-page :is(.prof-leveling-advice,.prof-custom-range,.prof-leveling-method,.prof-leveling-future,.prof-evidence){border-color:var(--gb-rule)}

/* ───────────── 10. Vorbereitung ───────────── */
body.gb-v3.gb-public-tools.prep-page .prep-choice{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:#d6cbb3;background:#18120b;border:1px solid #4a3b24;border-bottom:2px solid var(--prep-class-color,var(--gb-brass));box-shadow:0 0 0 1px #000}
body.gb-v3.gb-public-tools.prep-page .prep-choice[aria-pressed=true]{color:var(--prep-class-color,var(--gb-gold-text));background:linear-gradient(#2a2116,#1a140d);border-color:var(--gb-gold);border-bottom-color:var(--prep-class-color,var(--gb-gold))}
body.gb-v3.gb-public-tools.prep-page .prep-slot{background:#0d0b08;border:1px solid #4a3b24;box-shadow:0 0 0 1px #000}
body.gb-v3.gb-public-tools.prep-page .prep-slot.prep-slot-known{border-color:var(--gb-brass)}
body.gb-v3.gb-public-tools.prep-page .prep-level-bar h2{font-size:20px}
body.gb-v3.gb-public-tools.prep-page .prep-level-prompt{background:#16120e;border-color:#3b3123;color:var(--gb-muted)}
body.gb-v3.gb-public-tools.prep-page .prep-item-info{color:var(--gb-title)}
body.gb-v3.gb-public-tools.prep-page .prep-entry-icon{border-color:var(--gb-brass-line)}

/* ───────────── 11. Welt (Dungeons und Raids) ───────────── */
body.gb-v3.gb-public-tools.world-page .world-heading p{color:#cfc3a9}
body.gb-v3.gb-public-tools.world-page .world-browser{padding:20px}
body.gb-v3.gb-public-tools.world-page .world-level-axis span{color:var(--gb-quiet);font-variant-numeric:tabular-nums}
body.gb-v3.gb-public-tools.world-page .world-gridline{background:rgba(184,145,63,.12)}
body.gb-v3.gb-public-tools.world-page .world-chart-group h2{font-size:20px;color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools.world-page .world-chart-group h2 span{font-family:var(--gb-font-text);-webkit-text-stroke:0;font-size:12px;color:var(--gb-muted);border:1px solid rgba(181,167,137,.4);background:transparent;border-radius:2px}
/* Karten ohne gesperrtes Übersichtsbild: Leder, Messingkante, Levelband als Zahl */
body.gb-v3.gb-public-tools.world-page .world-chart-card{background:linear-gradient(100deg,#2a2116,#1a140d 70%,#15110c);border:1px solid #4a3b24;border-left:3px solid var(--gb-brass);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.08);color:var(--gb-title)}
body.gb-v3.gb-public-tools.world-page .world-chart-card:hover,body.gb-v3.gb-public-tools.world-page .world-chart-card:focus-visible{border-color:var(--gb-gold);border-left-color:var(--gb-gold-text);background:linear-gradient(100deg,#3a2e1f,#211910 70%,#18120c)}
body.gb-v3.gb-public-tools.world-page .world-chart-card strong{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:var(--gb-title);text-shadow:0 1px 0 #000}
body.gb-v3.gb-public-tools.world-page .world-chart-card small{color:var(--gb-gold-text);font-variant-numeric:tabular-nums}
body.gb-v3.gb-public-tools.world-page .world-static-profile{border-color:var(--gb-rule)}
body.gb-v3.gb-public-tools.world-page .world-facts span{background:#16120e;border-color:#3b3123;color:#d6cbb3}
body.gb-v3.gb-public-tools.world-page .world-map-placeholder{background:radial-gradient(ellipse at 50% 30%,rgba(120,84,36,.14),transparent 70%),#120f0b;border:1px dashed var(--gb-brass-line);color:var(--gb-muted)}
body.gb-v3.gb-public-tools.world-page .world-map-placeholder span{color:var(--gb-brass)}
body.gb-v3.gb-public-tools.world-page .world-boss-jumps button{font-family:var(--gb-font-text);color:#d6cbb3;background:#18120b;border:1px solid #4a3b24}
body.gb-v3.gb-public-tools.world-page .world-boss-jumps button:hover{border-color:var(--gb-gold);color:var(--gb-title)}

/* Beuteansicht: gemeinsam für Welt und Instanzseiten */
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-panel{background:#16120e;border:1px solid #3b3123;border-radius:var(--gb-r-panel);box-shadow:none}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-panel.is-highlighted{border-color:var(--gb-soul);box-shadow:0 0 0 1px rgba(149,229,223,.25)}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-panel h3{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text);font-size:20px}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-boss-number{font-family:var(--gb-font-display);color:var(--gb-gold)}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-status{color:var(--gb-muted)}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-fold{border-color:var(--gb-rule)}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-fold summary{color:var(--gb-link)}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-head{color:var(--gb-quiet);border-color:var(--gb-brass-line)}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-row{border-color:var(--gb-rule);color:#d6cbb3}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-loot-icon{border-color:#5e4a28;box-shadow:0 0 0 1px #000}
:is(body.gb-v3.gb-public-tools.world-page,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) .world-empty{background:#120f0b;border:1px dashed #4a3b24;color:var(--gb-muted)}

/* ───────────── 12. BiS ───────────── */
body.gb-v3.gb-public-tools.bis-page .bis-level{font-family:var(--gb-font-text);border-color:var(--gb-brass-line);color:var(--gb-muted)}
body.gb-v3.gb-public-tools.bis-page .bis-level strong,body.gb-v3.gb-public-tools.bis-page .bis-level b{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.6px currentColor;color:var(--gb-gold-text)}
body.gb-v3.gb-public-tools.bis-page .bis-class-choice,body.gb-v3.gb-public-tools.bis-page .bis-specs button{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:#d6cbb3;background:#18120b;border:1px solid #4a3b24;box-shadow:0 0 0 1px #000;border-radius:var(--gb-r-control)}
body.gb-v3.gb-public-tools.bis-page :is(.bis-class-choice,.bis-specs button):hover{border-color:var(--gb-gold);background:#211910}
body.gb-v3.gb-public-tools.bis-page :is(.bis-class-choice,.bis-specs button)[aria-pressed=true]{color:var(--gb-gold-text);background:linear-gradient(#2a2116,#1a140d);border-color:var(--gb-gold);box-shadow:0 0 0 1px #000,inset 0 -2px 0 var(--gb-gold)}
body.gb-v3.gb-public-tools.bis-page .bis-race-choice{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;color:#d6cbb3;background:#18120b;border:1px solid #4a3b24;box-shadow:0 0 0 1px #000}
body.gb-v3.gb-public-tools.bis-page .bis-race-choice[aria-pressed=true]{color:var(--gb-gold-text);border-color:var(--gb-gold);background:linear-gradient(#2a2116,#1a140d)}
body.gb-v3.gb-public-tools.bis-page .bis-selection{border-top:1px solid var(--gb-brass-line)}
body.gb-v3.gb-public-tools.bis-page .bis-detail-panel{border-top:1px solid var(--gb-brass-line)}
body.gb-v3.gb-public-tools.bis-page .bis-viewer-panel{background:#100d0a;border:1px solid var(--gb-brass-line)}
body.gb-v3.gb-public-tools.bis-page .bis-item.is-selected{background:rgba(184,145,63,.08);border-color:var(--gb-brass)}
body.gb-v3.gb-public-tools.bis-page .bis-slot-label,body.gb-v3.gb-public-tools.bis-page .bis-candidate-kind{color:var(--gb-quiet)}
body.gb-v3.gb-public-tools.bis-page .bis-footer{border-color:var(--gb-rule);color:var(--gb-quiet)}

/* ───────────── 13. Nachträge: header.css setzt Georgia mit !important ───────────── */
body.gb-v3.gb-public-tools main :is(.fth-planner-heading,.prof-heading,.gb-class-overview,.world-heading,.bis-heading) h1{font:400 clamp(34px,4.2vw,54px)/1.08 var(--gb-font-display)!important;color:var(--gb-title)!important;-webkit-text-stroke:.6px currentColor;text-shadow:0 2px 0 #000;margin:10px 0 12px!important}
body.gb-v3.gb-public-tools main :is(.fth-planner-heading,.prof-heading)>p:not(:first-child){font:400 17px/1.55 var(--gb-font-text)!important;color:#cfc3a9}
body.gb-v3.gb-public-tools main .gb-class-overview>p:not(.gb-class-kicker){font-size:17px;color:#cfc3a9}
body.gb-v3.gb-public-tools main .gb-class-kicker{font:600 12px/1.3 var(--gb-font-text);letter-spacing:.12em;color:var(--gb-gold)}
body.gb-v3.gb-public-tools.classes-page .gb-class-card strong{font-weight:400;font-size:15px;-webkit-text-stroke:.2px currentColor;color:var(--class-color)}
body.gb-v3.gb-public-tools .tf-tree-heading span{font:600 20px/1 var(--gb-font-text);-webkit-text-stroke:0;font-variant-numeric:tabular-nums}
@media(max-width:700px){body.gb-v3.gb-public-tools main :is(.fth-planner-heading,.prof-heading,.gb-class-overview,.world-heading,.bis-heading) h1{font-size:34px!important}}

/* ───────────── 14. Dungeon- und Raidseiten (/dungeons/…, /raids/…) ─────────────
   Diese Seiten tragen body.gb-brand-home; angesprochen werden sie nur über main.gb-instance. */
body.gb-v3:has(>main.gb-info.gb-instance:not(.gb-class-page)),body.gb-v3:has(main.gb-info.gb-instance:not(.gb-class-page)){--gb-ink:#eee6d5}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page){--gb-soul-light:#95e5df;font-family:var(--gb-font-text);color:var(--gb-text)}
:where(body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) a{color:var(--gb-link);text-decoration-color:rgba(224,184,96,.45)}
:where(body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page)) a:where(:hover){color:#ffd88a}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) a:focus-visible{outline:2px solid var(--gb-soul);outline-offset:2px}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) h1{font:400 clamp(36px,4.6vw,54px)/1.08 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title);text-shadow:0 2px 0 #000;margin:10px 0 14px;max-width:24ch;text-wrap:balance}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) h2{font:400 30px/1.2 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title);text-shadow:0 1px 0 #000;margin:0 0 16px}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) section{border-top:1px solid var(--gb-rule);padding:34px 0}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) p{color:#d6cbb3}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-info-kicker{font:600 12px/1.3 var(--gb-font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--gb-gold)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-info-lead{font-size:18px;line-height:1.5;color:#cfc3a9;max-width:56ch}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-trail{color:var(--gb-quiet)}
/* Kopf ohne Bild: warmes Licht von oben, Messinglinie als Abschluss */
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-head--plain{display:block;position:relative;padding:8px 0 30px;margin-bottom:6px}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-head--plain+section{border-top:0}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-head--plain::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--gb-brass),rgba(138,109,54,.25) 60%,transparent) top/100% 1px no-repeat,linear-gradient(90deg,rgba(138,109,54,.5),transparent 45%) bottom/100% 1px no-repeat}
/* Aktionen */
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) a.gb-instance-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;font:400 17px/1 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-quest-text);background:var(--gb-quest);border:1px solid var(--gb-gold);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,190,140,.35),inset 0 -2px 0 rgba(0,0,0,.4);text-shadow:0 1px 0 #000;text-decoration:none}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) a.gb-instance-primary:hover{background:var(--gb-quest-hover);color:#ffe2a0;border-color:var(--gb-gold)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-actions a:not(.gb-instance-primary)::after{content:"→";margin-left:6px}
/* Steckbrief */
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-facts div{background:var(--gb-panel);border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-facts dt{font-size:13px;color:var(--gb-quiet)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-facts dd{font:400 19px/1.3 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text)}
/* Planung mit der Gilde: einziges Highlight der Seite (Filigranrahmen) */
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) section:is([aria-labelledby=gb-instance-run],[aria-labelledby=gb-instance-raid]){position:relative;margin:34px 0;padding:26px 28px;border:4px solid transparent;border-image:var(--gb-frame-img) var(--gb-frame-slice) / var(--gb-frame-width) / var(--gb-frame-outset) stretch;border-radius:var(--gb-r-frame);background:var(--gb-window) padding-box;box-shadow:var(--gb-shadow-2),0 0 60px rgba(63,199,192,.16)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) section:is([aria-labelledby=gb-instance-run],[aria-labelledby=gb-instance-raid]) h2{display:flex;align-items:center;font-size:26px;color:var(--gb-gold-text)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) section:is([aria-labelledby=gb-instance-run],[aria-labelledby=gb-instance-raid]) h2::before{content:"";flex:none;width:11px;height:11px;margin-right:12px;transform:rotate(45deg);background:linear-gradient(135deg,#c6f3ef,#2a8d92 55%,#0d3f43);border:1px solid #000;box-shadow:0 0 8px rgba(63,199,192,.6)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) section:is([aria-labelledby=gb-instance-run],[aria-labelledby=gb-instance-raid])+section{border-top:0}
/* Quellen und Nachbarn */
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-sources strong{color:var(--gb-title);font-weight:600}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-sources small,body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-nearby small{color:var(--gb-quiet)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-nearby a{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:.3px currentColor;font-size:17px}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-world .world-loot-panel h3{font:400 20px/1.35 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text)}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .world-help{color:var(--gb-quiet)}
@media(max-width:600px){
 body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) h2{font-size:25px}
 body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) section:is([aria-labelledby=gb-instance-run],[aria-labelledby=gb-instance-raid]){padding:20px 18px}
}
/* Fehlendes Icon (kein Bild in der Quelle): leerer Sockel mit Messingraute statt Fragezeichen */
body.gb-v3.gb-public-tools.bis-page [data-icon-missing]{display:inline-block;box-sizing:border-box;min-width:22px;min-height:22px;font-size:0;color:transparent;border:1px solid #4a3b24;border-radius:3px;background:linear-gradient(45deg,transparent 42%,rgba(184,145,63,.45) 42% 58%,transparent 58%) center/9px 9px no-repeat,radial-gradient(circle at 50% 40%,#2a2116,#0d0b08 72%)}
body.gb-v3.gb-public-tools.bis-page .bis-empty-icon{border-color:#4a3b24!important}
/* Klassenwahl auf schmalen Bildschirmen: Raster statt waagerechtem Band, damit alle neun Klassen sichtbar sind */
@media(max-width:600px){
 body.gb-v3.gb-public-tools.classes-page .gb-class-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible!important}
 body.gb-v3.gb-public-tools.classes-page .gb-class-grid .gb-class-card{flex-direction:column;gap:4px;padding:8px 4px;min-width:0;white-space:normal}
 body.gb-v3.gb-public-tools.classes-page .gb-class-grid .gb-class-card{padding:8px 2px}
 body.gb-v3.gb-public-tools.classes-page .gb-class-grid .gb-class-card strong{font-size:12.5px;letter-spacing:-.01em;hyphens:auto;text-align:center}
}
body.gb-v3.gb-public-tools :is(.tf-tooltip,.tf-detail) .tf-rank-text{white-space:pre-line}
body.gb-v3.gb-public-tools.world-page .world-detail{background:var(--gb-panel);border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06),var(--gb-shadow-1)}
/* Die Detailansicht erhält nach dem Wechsel programmatisch den Fokus; als Container braucht sie keinen Ring. */
body.gb-v3.gb-public-tools.world-page .world-detail:focus,body.gb-v3.gb-public-tools.world-page .world-detail:focus-visible,body.gb-v3.gb-public-tools.world-page .world-loot-panel:focus-visible{outline:none}
body.gb-v3.gb-public-tools.world-page .world-detail>h2{font-size:clamp(30px,3.4vw,42px);-webkit-text-stroke:.6px currentColor}
body.gb-v3.gb-public-tools.world-page .world-detail>.world-status{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gb-gold)}
body.gb-v3.gb-public-tools.prep-page .prep-level-group{background:var(--gb-panel);border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06),var(--gb-shadow-1)}
body.gb-v3.gb-public-tools.prep-page .prep-level-group>h3{font:400 20px/1.3 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text);border-bottom-color:var(--gb-rule)}
body.gb-v3.gb-public-tools.prep-page #prep-count{font:400 26px/1.25 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title)}
body.gb-v3.gb-public-tools.prep-page .prep-help{font-size:15px;color:var(--gb-muted)}
body.gb-v3.gb-public-tools.prep-page .prep-compact-row{border-radius:var(--gb-r-control)}

/* ---------- Klassen-Einzelseiten (/klassen/…, 01.11.2026): bisher vom v3-Instanzlayout ausgenommen.
   Ein roter Hauptknopf (Talentplaner), Kicker in Gold, Talentkarten als Messing-Panels. Spielsymbole sind
   öffentlich eingeschränkt (Medienrichtlinie): statt Fragezeichen-Platzhaltern entfallen Klassenbild und
   Talentsymbole, der Text rückt nach. ---------- */
body.gb-v3 main.gb-info.gb-class-page{font-family:var(--gb-font-text);color:var(--gb-text)}
body.gb-v3 main.gb-info.gb-class-page .gb-info-kicker{font:600 12px/1.3 var(--gb-font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--gb-gold)}
body.gb-v3 main.gb-info.gb-class-page h1{font:400 clamp(36px,4.6vw,54px)/1.08 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title);text-shadow:0 2px 0 #000}
body.gb-v3 main.gb-info.gb-class-page h2{font:400 30px/1.2 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;color:var(--gb-title);text-shadow:0 1px 0 #000}
body.gb-v3 main.gb-info.gb-class-page .gb-info-lead{font-size:18px;line-height:1.55;color:#cfc3a9}
body.gb-v3 main.gb-info.gb-class-page a.gb-instance-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;font:400 17px/1 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-quest-text);background:var(--gb-quest);border:1px solid var(--gb-gold);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,190,140,.35),inset 0 -2px 0 rgba(0,0,0,.4);text-shadow:0 1px 0 #000;text-decoration:none}
body.gb-v3 main.gb-info.gb-class-page a.gb-instance-primary:hover{background:var(--gb-quest-hover);color:#ffe2a0;border-color:var(--gb-gold)}
body.gb-v3 main.gb-info.gb-class-page .gb-instance-actions a:not(.gb-instance-primary){color:var(--gb-link)}
body.gb-v3 main.gb-info.gb-class-page .gb-instance-actions a:not(.gb-instance-primary)::after{content:"→";margin-left:6px}
body.gb-v3 main.gb-info.gb-class-page .gb-instance-facts div,
body.gb-v3 main.gb-info.gb-class-page .gb-class-talent{background:var(--gb-panel);border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06)}
body.gb-v3 main.gb-info.gb-class-page .gb-class-talent h3{font:400 19px/1.3 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text)}
body.gb-v3 main.gb-info.gb-class-page .gb-class-talent-meta,
body.gb-v3 main.gb-info.gb-class-page .gb-class-quote-source{color:var(--gb-quiet)}
html[data-gb-media=restricted] body.gb-v3 main.gb-info.gb-class-page :is(.gb-class-art,.gb-class-talent img){display:none}
html[data-gb-media=restricted] body.gb-v3 main.gb-info.gb-class-page .gb-instance-head{grid-template-columns:minmax(0,1fr)}

/* ───────────── 15. Verdichtung r136 (Übergabe D1, Audit 2.4/2.5) ─────────────
   Ein Haupttitel je Werkzeugseite, keine Überzeile; Charakterplan als Knopf in der Werkzeugzeile;
   Quellen in „Daten & Quellen“. Nur Abstände und Anordnung, keine neuen Bilder. */
body.gb-v3 .gb-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.gb-v3.gb-public-tools main .gb-tool-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;max-width:none;margin:0 0 14px;padding:0;border:0}
body.gb-v3.gb-public-tools main .gb-tool-head h1{margin:0!important;font-size:clamp(30px,3vw,40px)!important;line-height:1.1!important}
/* Charakterplan-Knopf (journey/context.js, guidedEntry) */
body.gb-v3 main .gj-context.gj-context-compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.gb-v3 main .gj-context.gj-context-compact .gj-plan-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;font:400 14px/1 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-leather-text);background:var(--gb-leather);border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.12);text-decoration:none;white-space:nowrap}
body.gb-v3 main .gj-context.gj-context-compact .gj-plan-button:hover{background:var(--gb-leather-hover);border-color:var(--gb-gold);color:#f2e3c0}
body.gb-v3 main .gj-context.gj-context-compact .gj-plan-button::before{content:"";flex:none;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gb-gold)}
body.gb-v3 main .gj-context.gj-context-compact .gj-local-note{flex-basis:100%;margin:0;font-size:13px;color:#e4b27a}

/* Berufe */
body.gb-v3.gb-public-tools.professions-page .prof-main{padding-top:24px}
body.gb-v3.gb-public-tools.professions-page .prof-sidebar{gap:10px 14px;margin-bottom:14px;padding:10px 14px}
body.gb-v3.gb-public-tools.professions-page .prof-sidebar .prof-view-nav{display:flex;gap:6px;margin:0}
body.gb-v3.gb-public-tools.professions-page .prof-tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
body.gb-v3.gb-public-tools.professions-page .prof-source .prof-data-status{margin:4px 0 10px;font-size:13px}
body.gb-v3.gb-public-tools.professions-page .prof-leveling{padding-top:16px}
body.gb-v3.gb-public-tools.professions-page .prof-route-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0 0 10px}
body.gb-v3.gb-public-tools.professions-page .prof-route-bar .prof-route-heading{margin:0}
body.gb-v3.gb-public-tools.professions-page .prof-route-bar .prof-route-heading>img{width:44px;height:44px}
body.gb-v3.gb-public-tools.professions-page .prof-route-bar .prof-route-stages{display:flex;align-items:center;gap:6px;margin:0}
body.gb-v3.gb-public-tools.professions-page .prof-stage-label{margin-right:4px;font-size:13px;color:var(--gb-quiet)}
body.gb-v3.gb-public-tools.professions-page .prof-route-note{margin:0 0 12px}
@media(max-width:800px){body.gb-v3.gb-public-tools.professions-page .prof-sidebar .prof-view-nav{flex-basis:100%}body.gb-v3.gb-public-tools.professions-page .prof-sidebar .prof-view-nav button{flex:1}}
@media(max-width:600px){body.gb-v3.gb-public-tools.professions-page .prof-main{padding-top:16px}body.gb-v3.gb-public-tools.professions-page .prof-stage-label{display:none}body.gb-v3.gb-public-tools.professions-page .prof-route-bar .prof-route-stages{flex-basis:100%}}

/* Talente, Legacy, Vorbereitung: Titel und Unteransichten in einer Zeile */
body.gb-v3.gb-public-tools .fth-planner-main{padding-top:24px}
body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head{align-items:flex-end;margin-bottom:16px;border-bottom:1px solid var(--gb-brass-line)}
body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head h1{padding-bottom:8px}
body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head .fth-planner-nav{margin:0 0 -1px;border-bottom:0}
body.gb-v3.gb-public-tools .tf-classes{padding:10px 14px}
body.gb-v3.gb-public-tools .tf-toolbar{gap:12px 22px;padding:12px 14px}
body.gb-v3.gb-public-tools .tf-more{flex:0 0 auto}
body.gb-v3.gb-public-tools .tf-more>summary{display:flex;align-items:center;min-height:44px;padding:0 4px;font-size:14px;cursor:pointer}
body.gb-v3.gb-public-tools .tf-more[open]{flex-basis:100%}
body.gb-v3.gb-public-tools .tf-more-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:6px 0 4px}
body.gb-v3.gb-public-tools .tf-more-body .tf-legacy-budget-note{padding:0;flex:1 1 280px}
body.gb-v3.gb-public-tools .tf-more-body .tf-legacy-control{width:auto}
body.gb-v3.gb-public-tools main .tf-interaction-hint{padding:6px 14px;font-size:13px;line-height:1.4}
@media(max-width:700px){
 body.gb-v3.gb-public-tools .fth-planner-main{padding-top:14px}
 body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head{gap:6px}
 body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head h1{padding-bottom:0}
 body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head .fth-planner-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}
 body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head .fth-planner-nav a{flex:0 0 auto;padding:0 12px}
 /* Klassen als scrollende Chipzeile statt Raster */
 body.gb-v3.gb-public-tools .tf-classes{flex-wrap:nowrap;overflow-x:auto;padding:8px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
 body.gb-v3.gb-public-tools .tf-classes button{flex:0 0 auto;scroll-snap-align:start;padding:6px 10px;font-size:13px}
 body.gb-v3.gb-public-tools .tf-toolbar{gap:8px 12px;padding:10px}
 body.gb-v3.gb-public-tools .tf-toolbar .tf-actions{order:5}
 body.gb-v3.gb-public-tools .tf-toolbar .tf-more{order:4}
 body.gb-v3.gb-public-tools main .tf-interaction-hint{padding:6px 10px;font-size:13px}
}
body.gb-v3.gb-public-tools .tf-more>summary{list-style:none;gap:6px}
body.gb-v3.gb-public-tools .tf-more>summary::-webkit-details-marker{display:none}
body.gb-v3.gb-public-tools .tf-more>summary::before{content:"▸";font-size:12px}
body.gb-v3.gb-public-tools .tf-more[open]>summary::before{content:"▾"}

/* BiS: Level im Titel, Klassen und Guide als Chipzeilen, Kontext und Hinweis in einer Fläche */
body.gb-v3.gb-public-tools.bis-page .bis-main{padding-top:24px}
body.gb-v3.gb-public-tools.bis-page .bis-heading.gb-tool-head{justify-content:space-between}
body.gb-v3.gb-public-tools.bis-page .bis-heading h1 .bis-level{display:inline-flex;align-items:baseline;gap:6px;vertical-align:middle;margin-left:10px;padding:4px 10px;font:600 13px/1.2 var(--gb-font-text);letter-spacing:.04em;-webkit-text-stroke:0;text-shadow:none;border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-control)}
body.gb-v3.gb-public-tools.bis-page .bis-heading h1 .bis-level b{font-size:22px;line-height:1}
body.gb-v3.gb-public-tools.bis-page .bis-selection{padding:10px 14px}
body.gb-v3.gb-public-tools.bis-page .bis-class-grid{display:flex;flex-wrap:wrap;gap:6px}
body.gb-v3.gb-public-tools.bis-page .bis-class-choice{flex:0 0 auto;flex-direction:row;gap:7px;min-height:44px;padding:6px 12px;font-size:14px}
body.gb-v3.gb-public-tools.bis-page .bis-class-choice img{width:24px;height:24px}
body.gb-v3.gb-public-tools.bis-page .bis-spec-row{display:flex;align-items:center;gap:8px 14px;margin-top:10px;padding-top:10px}
body.gb-v3.gb-public-tools.bis-page .bis-spec-row h2{margin:0;font-size:15px}
body.gb-v3.gb-public-tools.bis-page .bis-specs{gap:6px}
body.gb-v3.gb-public-tools.bis-page .bis-specs button{min-height:44px;padding:6px 12px}
body.gb-v3.gb-public-tools.bis-page .bis-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 18px;margin-top:12px;padding:10px 14px}
body.gb-v3.gb-public-tools.bis-page .bis-context>div{grid-column:1}
body.gb-v3.gb-public-tools.bis-page .bis-context strong{font-size:16px}
body.gb-v3.gb-public-tools.bis-page .bis-context p{margin-top:2px}
body.gb-v3.gb-public-tools.bis-page .bis-context #bis-source{grid-column:2;grid-row:1/span 2}
body.gb-v3.gb-public-tools.bis-page .bis-context .bis-caution{grid-column:1;margin:0;font-size:13px;line-height:1.45}
body.gb-v3.gb-public-tools.bis-page .bis-equipment{margin-top:14px}
@media(max-width:700px){
 body.gb-v3.gb-public-tools.bis-page .bis-main{padding-top:14px}
 body.gb-v3.gb-public-tools.bis-page .bis-heading h1 .bis-level{margin-left:6px}
 body.gb-v3.gb-public-tools.bis-page .bis-selection{padding:8px 10px}
 body.gb-v3.gb-public-tools.bis-page :is(.bis-class-grid,.bis-specs){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:4px}
 body.gb-v3.gb-public-tools.bis-page :is(.bis-class-choice,.bis-specs button){flex:0 0 auto;scroll-snap-align:start;min-height:44px;font-size:13px;white-space:nowrap}
 body.gb-v3.gb-public-tools.bis-page .bis-spec-row{display:block}
 body.gb-v3.gb-public-tools.bis-page .bis-spec-row h2{margin-bottom:6px;font-size:14px}
 body.gb-v3.gb-public-tools.bis-page .bis-context{grid-template-columns:1fr;padding:10px}
 body.gb-v3.gb-public-tools.bis-page .bis-context #bis-source{grid-column:1;grid-row:auto;width:100%}
}

/* Vorbereitung: Levelabschnitte als Hauptsteuerung, genaues Level daneben, Quellen am Ende */
body.gb-v3.gb-public-tools .gb-tool-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;align-self:center}
body.gb-v3.gb-public-tools.prep-page .prep-level-bar{gap:8px 16px;padding:10px 14px}
body.gb-v3.gb-public-tools.prep-page .prep-level-bar .prep-ranges{margin-left:0}
body.gb-v3.gb-public-tools.prep-page .prep-level-bar>label{margin-left:auto}
body.gb-v3.gb-public-tools.prep-page .prep-context-row{margin:8px 0 10px}
body.gb-v3.gb-public-tools.prep-page .prep-catalog{margin-top:10px}
body.gb-v3.gb-public-tools.prep-page .prep-sources{margin:18px 0 0}
@media(max-width:700px){
 body.gb-v3.gb-public-tools .fth-planner-heading.gb-tool-head .gb-tool-head-actions{margin-left:0;flex-basis:100%;padding-bottom:8px}
 body.gb-v3.gb-public-tools.prep-page .prep-level-bar{padding:8px 10px}
 body.gb-v3.gb-public-tools.prep-page .prep-level-bar>label{margin-left:0}
 body.gb-v3.gb-public-tools.prep-page .prep-context-row{grid-template-columns:1fr;gap:6px}
}

/* Instanz- und Klassenseiten: Fakten direkt unter der H1, Beschreibung eingeklappt */
body.gb-v3 main.gb-info.gb-instance{padding-top:20px}
body.gb-v3 main.gb-info.gb-instance .gb-instance-trail{margin-bottom:4px}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-head--plain{padding:0 0 14px;margin-bottom:0}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-head--plain h1{margin:0}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) section.gb-instance-overview{padding-top:16px}
body.gb-v3 main.gb-info.gb-instance .gb-instance-overview .gb-instance-actions{margin-top:12px}
body.gb-v3 main.gb-info.gb-instance:not(.gb-class-page) .gb-instance-actions a.gb-instance-jump::after{content:none}
body.gb-v3 main.gb-info.gb-class-page .gb-instance-head h1{margin:0 0 12px}
body.gb-v3 main.gb-info.gb-class-page section.gb-class-overview-facts{padding-top:14px}
body.gb-v3 main.gb-info.gb-class-page .gb-class-description{margin:12px 0 4px}
body.gb-v3 main.gb-info.gb-class-page .gb-class-description>summary{display:list-item;min-height:44px;padding:10px 0;box-sizing:border-box;color:var(--gb-link);cursor:pointer}
body.gb-v3 main.gb-info.gb-class-page .gb-class-description .gb-info-lead{margin:4px 0 8px}
body.gb-v3 main.gb-info.gb-class-page .gb-class-description .gb-class-quote-source{margin:0 0 8px}
@media(max-width:700px){body.gb-v3 main.gb-info.gb-instance{padding-top:12px}body.gb-v3 main.gb-info.gb-instance .gb-instance-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.gb-v3 main.gb-info.gb-instance .gb-instance-facts div{padding:10px 12px}}

/* Welt: Titel mit Charakterknopf in einer Zeile; mobil Suche und Level nebeneinander */
body.gb-v3.gb-public-tools.world-page.world-overview .world-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
body.gb-v3.gb-public-tools.world-page .world-heading .world-head-actions{margin-left:auto}
body.gb-v3.gb-public-tools.world-page .world-heading .world-head-actions:empty{display:none}
@media(max-width:700px){
 body.gb-v3.gb-public-tools.world-page.world-overview .world-filters{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px}
 body.gb-v3.gb-public-tools.world-page.world-overview .world-filters label{font-size:13px;gap:4px}
 body.gb-v3.gb-public-tools.world-page .world-heading .world-head-actions{margin-left:0}
}

/* Klassenübersicht: keine Überzeile, kein Intro, Charakterknopf neben dem Titel */
body.gb-v3.gb-public-tools .gb-class-overview{padding-top:16px}
body.gb-v3.gb-public-tools .gb-class-overview-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 0 14px}
body.gb-v3.gb-public-tools .gb-class-overview-head h1{margin:0!important}
body.gb-v3.gb-public-tools .gb-class-overview-actions{margin-left:auto}
@media(max-width:700px){body.gb-v3.gb-public-tools .gb-class-overview{padding-top:12px}body.gb-v3.gb-public-tools .gb-class-overview-actions{margin-left:0}}
@media(max-width:700px){body.gb-v3.gb-public-tools main :is(.gb-tool-head,.world-heading) h1{font-size:30px!important}}

/* Informationsseiten (Hilfe, Datenquellen, Kontakt): Titel nicht künstlich schmal; lange deutsche Titel dürfen umbrechen */
body.gb-v3.gb-brand-home main.gb-info:not(.gb-instance) h1{max-width:none}
/* Legacy: Budget, Restpunkte und Aktionen enger */
body.gb-v3.gb-public-tools .lg-workbench .lg-hint{margin-top:10px;font-size:13px}
@media(max-width:700px){body.gb-v3.gb-public-tools .lg-workbench .lg-toolbar{gap:10px 16px}body.gb-v3.gb-public-tools .lg-workbench .lg-toolbar label{gap:8px}}
/* r136: Faktenwerte nicht mitten im Wort trennen (overflow-wrap:anywhere aus .gb-info); mobil etwas kleiner. */
body.gb-v3 main.gb-info.gb-instance .gb-instance-facts dd{overflow-wrap:normal;word-break:normal;hyphens:auto}
@media(max-width:700px){body.gb-v3 main.gb-info.gb-instance .gb-instance-facts dd{font-size:17px}}