/* Designsystem v3 · Seitenfamilie „guild“ (body.gc-shell): Gilden, Gilde gründen, Kompass, Einladung.
   Dazu /fuer-gilden über die eigene Markup-Klasse .jl-page (Seite trägt gb-brand-home).
   Regeln aus docs/design-system-v3/DESIGN.md: ein Questrot-Knopf pro Ansicht, Leder für alles andere,
   Filigran-Rahmen nur für das eine Highlight (.gc-focus, .gc-preview, #jl-demo, Einladung),
   Marcellus mit Kontur für Titel, Source Sans 3 zum Lesen, keine Überzeilen in Versalien. */

/* ---------- Grund ---------- */
/* design-v3.css belegt --gb-ink mit Pergament-Tinte; Kopf und ältere Gildenstile lesen --gb-ink als helle Schrift.
   Wie auf der Startseite (home-v3.css) für diese Familie auf Titelfarbe zurücksetzen. */
body.gb-v3.gc-shell,body.gb-v3:has(.jl-page){--gb-ink:var(--gb-title);--gb-accent:var(--gb-gold-text)}
body.gb-v3.gc-shell{background:radial-gradient(ellipse 70% 420px at 50% 0,rgba(201,162,78,.07),transparent 70%) no-repeat,var(--gb-page);color:var(--gb-text)}
body.gb-v3.gc-shell .gc-v3,body.gb-v3.gc-shell .gc-footer,body.gb-v3.gc-shell .gw-invitation{font-family:var(--gb-font-text);font-size:16px;line-height:1.5;color:var(--gb-text)}
body.gb-v3.gc-shell .gc-v3 a:not(.gc-primary):not(.gc-bnet-login),body.gb-v3.gc-shell .gw-invitation a:not(.gw-primary){color:var(--gb-link);text-underline-offset:3px;text-decoration-color:rgba(224,184,96,.45)}
body.gb-v3.gc-shell .gc-v3 a:not(.gc-primary):not(.gc-bnet-login):hover,body.gb-v3.gc-shell .gw-invitation a:not(.gw-primary):hover{color:#ffd88a;text-decoration-color:currentColor}
body.gb-v3.gc-shell .gc-v3 :is(a,button,input):focus-visible,body.gb-v3.gc-shell .gw-invitation :is(a,button):focus-visible{outline:none;box-shadow:var(--gb-focus);border-radius:var(--gb-r-control)}
body.gb-v3.gc-shell .gc-v3.gc-page{max-width:1160px;padding:44px 40px 88px}

/* ---------- Schrift ---------- */
body.gb-v3.gc-shell .gc-v3 :is(h1,h2),body.gb-v3.gc-shell .gw-invitation h1{font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:var(--gb-display-stroke) currentColor;color:var(--gb-title);text-shadow:0 1px 0 #000;letter-spacing:0;overflow-wrap:anywhere}
body.gb-v3.gc-shell .gc-v3 h1{font-size:clamp(38px,4.6vw,54px);line-height:1.08;margin:0 0 18px;text-shadow:0 2px 0 #000}
body.gb-v3.gc-shell .gc-v3 h2{font-size:26px;line-height:1.2;margin:0 0 10px}
body.gb-v3.gc-shell .gc-v3 .gc-eyebrow,body.gb-v3.gc-shell .gw-invitation .gw-kicker{font:400 17px/1.3 var(--gb-font-display);-webkit-text-stroke:var(--gb-display-stroke-small) currentColor;letter-spacing:0;text-transform:none;color:var(--gb-gold);margin:0 0 12px}
body.gb-v3.gc-shell .gc-v3 .gc-lead{font-size:18px;line-height:1.55;color:#cfc3a9;max-width:58ch;margin:0 0 28px}
body.gb-v3.gc-shell .gc-v3 p{overflow-wrap:anywhere}
body.gb-v3.gc-shell .gc-v3 code{font:inherit;color:var(--gb-gold-text);overflow-wrap:anywhere}

/* ---------- Knöpfe ---------- */
body.gb-v3.gc-shell .gc-v3 .gc-primary,body.gb-v3.gc-shell .gc-v3 .gc-focus .gc-bnet-login,body.gb-v3.gc-shell .gc-v3.gc-create .gc-account .gc-bnet-login,body.gb-v3.gc-shell #gw-invitation .gw-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;max-width:100%;padding:0 24px;box-sizing:border-box;font:400 17px/1.25 var(--gb-font-display);-webkit-text-stroke:var(--gb-display-stroke-small) 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;text-align:center;cursor:pointer;white-space:normal}
body.gb-v3.gc-shell .gc-v3 .gc-primary:hover:not(:disabled),body.gb-v3.gc-shell .gc-v3 .gc-focus .gc-bnet-login:hover,body.gb-v3.gc-shell .gc-v3.gc-create .gc-account .gc-bnet-login:hover,body.gb-v3.gc-shell #gw-invitation .gw-primary:hover:not(:disabled){background:var(--gb-quest-hover);color:#ffe2a0;border-color:var(--gb-gold)}
body.gb-v3.gc-shell .gc-v3 .gc-primary:active,body.gb-v3.gc-shell #gw-invitation .gw-primary:active{transform:translateY(1px)}
body.gb-v3.gc-shell .gc-v3 .gc-primary:disabled{background:#1a1611;color:var(--gb-disabled);border-color:#3a2f1d;box-shadow:0 0 0 1px #000;text-shadow:none;opacity:1;cursor:not-allowed;transform:none}
body.gb-v3.gc-shell .gc-v3 .gc-account .gc-bnet-login,body.gb-v3.gc-shell .gw-invitation button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;margin:0;padding:6px 18px;box-sizing:border-box;font:400 17px/1.25 var(--gb-font-display);-webkit-text-stroke:var(--gb-display-stroke-small) 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;text-align:center}
body.gb-v3.gc-shell .gc-v3 .gc-account .gc-bnet-login:hover,body.gb-v3.gc-shell .gw-invitation button:hover{background:var(--gb-leather-hover);border-color:var(--gb-gold);color:#f2e3c0}
body.gb-v3.gc-shell .gc-v3 .gc-bnet-login img{width:30px;height:30px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 0 #000)}
body.gb-v3.gc-shell .gc-v3 .gc-focus .gc-account .gc-bnet-login{width:100%;min-height:52px;color:var(--gb-quest-text);background:var(--gb-quest);border-color: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.gc-shell .gc-v3 .gc-focus .gc-account .gc-bnet-login:hover{background:var(--gb-quest-hover);color:#ffe2a0}

/* ---------- Flächen ---------- */
body.gb-v3.gc-shell .gc-v3 .gc-panel,body.gb-v3.gc-shell .gc-v3 .gc-empty{border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);background:var(--gb-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06),var(--gb-shadow-1);padding:22px 24px;margin:0}
body.gb-v3.gc-shell .gc-v3 .gc-panel>p,body.gb-v3.gc-shell .gc-v3 .gc-empty>p{margin:0 0 14px;color:#d6cbb3}
body.gb-v3.gc-shell .gc-v3 .gc-panel>:last-child,body.gb-v3.gc-shell .gc-v3 .gc-empty>:last-child{margin-bottom:0}
body.gb-v3.gc-shell .gc-v3 .gc-panel-note{font-size:15px;color:var(--gb-muted)!important}
body.gb-v3.gc-shell .gc-v3 .gc-account{border:0;padding:0;margin:0 0 16px;font-size:15px;color:var(--gb-muted)}
body.gb-v3.gc-shell .gc-v3 .gc-message:not(:empty){display:block;margin:0 0 20px;padding:10px 14px;border:1px solid var(--gb-brass-line);border-left:3px solid var(--gb-gold);border-radius:var(--gb-r-control);background:rgba(42,35,26,.85);color:var(--gb-text);font-size:15px}
/* Stufe 1: Filigran-Rahmen mit ragendem Banner, wie die Box „Gilde gründen“ der Startseite */
body.gb-v3.gc-shell .gc-v3 .gc-focus,body.gb-v3.gc-shell .gc-v3 .gc-preview,body.gb-v3.gc-shell .gw-invitation .gw-card{position:relative;box-sizing:border-box;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),var(--gb-soul-halo)}
body.gb-v3.gc-shell .gc-v3 .gc-focus{padding:92px 30px 28px;text-align:center;min-width:0}
body.gb-v3.gc-shell .gc-v3 .gc-focus-art,body.gb-v3.gc-shell .gc-v3 .gc-preview-art{position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.8));pointer-events:none}
body.gb-v3.gc-shell .gc-v3 .gc-focus h2{font-size:30px;color:var(--gb-gold-text);margin:0}
body.gb-v3.gc-shell .gc-v3 .gc-focus>p{margin:10px 0 0;color:#cfc3a9}
body.gb-v3.gc-shell .gc-v3 .gc-focus>.gc-primary{width:100%;margin-top:22px}
body.gb-v3.gc-shell .gc-v3 .gc-focus>.gc-account{margin:22px 0 0}
body.gb-v3.gc-shell .gc-v3 .gc-focus .gc-focus-note{margin-top:14px;font-size:15px;color:var(--gb-quiet)}

/* ---------- Einstieg: /gilden, /kompass, /g/<slug> ohne Anmeldung ---------- */
body.gb-v3.gc-shell .gc-v3.gc-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:40px 64px;align-items:start;padding-top:56px}
body.gb-v3.gc-shell .gc-v3.gc-entry .gc-focus{margin-top:96px}
body.gb-v3.gc-shell .gc-v3 .gc-entry-text{min-width:0}
body.gb-v3.gc-shell .gc-v3 .gc-entry-text>.gc-panel{max-width:560px}
body.gb-v3.gc-shell .gc-v3 .gc-member-entry .gc-account{margin:16px 0}
body.gb-v3.gc-shell .gc-v3 .gc-more{margin:22px 0 0;font-size:16px}
body.gb-v3.gc-shell .gc-v3 .gc-more a{text-decoration:none}
body.gb-v3.gc-shell .gc-v3 .gc-more a:hover{text-decoration:underline}
body.gb-v3.gc-shell .gc-v3 .gc-facts{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
body.gb-v3.gc-shell .gc-v3 .gc-facts li{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-chip);background:rgba(20,16,11,.6);font:400 16px/1.2 var(--gb-font-display);color:var(--gb-text)}
body.gb-v3.gc-shell .gc-v3 .gc-facts li::before{content:"";width:6px;height:6px;margin-right:10px;transform:rotate(45deg);background:var(--gb-brass);flex:none}

/* ---------- Hinweise: /einladung, Fehler, „kommt bald“ ---------- */
body.gb-v3.gc-shell .gc-v3.gc-notice{max-width:820px}
body.gb-v3.gc-shell .gc-v3.gc-notice>.gc-panel{margin:0 0 28px}
body.gb-v3.gc-shell .gc-v3 .gc-steps{list-style:none;counter-reset:gc-step;margin:0;padding:0;display:grid;gap:16px}
body.gb-v3.gc-shell .gc-v3 .gc-steps li{counter-increment:gc-step;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;align-items:start}
body.gb-v3.gc-shell .gc-v3 .gc-steps li::before{content:counter(gc-step);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gb-brass);border-radius:50%;background:radial-gradient(circle at 40% 35%,#2e2519,#120e0a);box-shadow:0 0 0 1px #000;font:400 18px/1 var(--gb-font-display);color:var(--gb-gold-text)}
body.gb-v3.gc-shell .gc-v3 .gc-steps strong{font-weight:600;color:var(--gb-title);padding-top:5px}
body.gb-v3.gc-shell .gc-v3 .gc-steps span{color:var(--gb-muted);font-size:15px}
body.gb-v3.gc-shell .gc-v3 .gc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
body.gb-v3.gc-shell .gc-v3 .gc-quiet-link{text-decoration:none}

/* ---------- Gilde gründen (/gilden/neu) ---------- */
body.gb-v3.gc-shell .gc-v3 .gc-breadcrumb{gap:10px;margin:0 0 28px;font-size:15px;color:var(--gb-quiet)}
body.gb-v3.gc-shell .gc-v3 .gc-breadcrumb [aria-current]{color:var(--gb-muted)}
body.gb-v3.gc-shell .gc-v3 .gc-intro{margin:0 0 40px}
body.gb-v3.gc-shell .gc-v3 .gc-intro h1{font:400 clamp(38px,4.6vw,54px)/1.08 var(--gb-font-display);letter-spacing:0}
body.gb-v3.gc-shell .gc-v3 .gc-intro>p:last-child{max-width:60ch;font-size:18px;line-height:1.55;color:#cfc3a9}
body.gb-v3.gc-shell .gc-v3 .gc-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:56px}
body.gb-v3.gc-shell .gc-v3 .gc-card{border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);background:var(--gb-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06),var(--gb-shadow-1);padding:30px 32px}
body.gb-v3.gc-shell .gc-v3 .gc-card-heading{gap:16px;margin:0 0 18px}
body.gb-v3.gc-shell .gc-v3 .gc-card-heading .gc-eyebrow{font-size:15px;margin:0 0 2px;color:var(--gb-muted)}
body.gb-v3.gc-shell .gc-v3 .gc-card h2{font:400 24px/1.2 var(--gb-font-display);margin:0}
body.gb-v3.gc-shell .gc-v3 .gc-step{width:40px;height:40px;border:1px solid var(--gb-brass);border-radius:50%;background:radial-gradient(circle at 40% 35%,#2e2519,#120e0a);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.12);color:var(--gb-gold-text);font:400 20px/1 var(--gb-font-display)}
body.gb-v3.gc-shell .gc-v3.gc-create .gc-account{margin:0 0 30px;padding:0 0 28px;border-bottom:1px solid var(--gb-rule)}
body.gb-v3.gc-shell .gc-v3.gc-create .gc-account p{margin:0 0 10px}
body.gb-v3.gc-shell .gc-v3.gc-create .gc-account .gc-login-title{font:400 18px/1.3 var(--gb-font-display);color:var(--gb-title);margin-bottom:6px}
body.gb-v3.gc-shell .gc-v3.gc-create .gc-account .gc-bnet-login{display:flex;width:100%;min-height:52px;margin:16px 0 12px}
body.gb-v3.gc-shell .gc-v3.gc-create .gc-account .gc-login-help{font-size:15px;color:var(--gb-quiet)}
body.gb-v3.gc-shell .gc-v3.gc-create .gc-account strong{color:var(--gb-title)}
body.gb-v3.gc-shell .gc-v3.gc-create .gc-account :is(a:not(.gc-bnet-login),button){display:inline-flex;align-items:center;min-height:44px;margin:0 18px 0 0;padding:0;border:0;background:none;color:var(--gb-link);font:inherit;text-decoration:underline;text-decoration-color:rgba(224,184,96,.45);cursor:pointer}
body.gb-v3.gc-shell .gc-v3 #gc-form>label,body.gb-v3.gc-shell .gc-v3 .gc-factions legend{display:block;margin:24px 0 6px;font-size:15px;font-weight:600;color:#d6cbb3;padding:0}
body.gb-v3.gc-shell .gc-v3 #gc-form input:not([type=radio]){min-height:46px;padding:0 12px;border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);background:var(--gb-field);box-shadow:inset 0 2px 4px rgba(0,0,0,.5);color:var(--gb-title);font:400 16px/1.4 var(--gb-font-text)}
body.gb-v3.gc-shell .gc-v3 #gc-form input::placeholder{color:var(--gb-quiet)}
body.gb-v3.gc-shell .gc-v3 #gc-form input:not([type=radio]):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.gc-shell .gc-v3 #gc-form input:user-invalid{border-color:var(--gb-bad)}
body.gb-v3.gc-shell .gc-v3 .gc-address{border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);background:var(--gb-field);box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}
body.gb-v3.gc-shell .gc-v3 .gc-address:focus-within{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.gc-shell .gc-v3 .gc-address>span{color:var(--gb-quiet);padding-left:12px}
body.gb-v3.gc-shell .gc-v3 #gc-form .gc-address input,body.gb-v3.gc-shell .gc-v3 #gc-form .gc-address input:focus{border:0;background:none;box-shadow:none;padding-left:2px}
body.gb-v3.gc-shell .gc-v3 .gc-help{font-size:14px;line-height:1.5;color:var(--gb-quiet);margin:8px 0 0}
body.gb-v3.gc-shell .gc-v3 .gc-factions{margin:24px 0 0}
body.gb-v3.gc-shell .gc-v3 .gc-faction-options{gap:12px}
body.gb-v3.gc-shell .gc-v3 .gc-faction-options label{flex-direction:row;justify-content:flex-start;gap:12px;min-height:64px;padding:10px 14px 10px 12px;border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-control);background:var(--gb-leather);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,220,150,.08);font:400 18px/1.2 var(--gb-font-display);color:var(--gb-leather-text)}
body.gb-v3.gc-shell .gc-v3 .gc-faction-options label:hover{border-color:var(--gb-brass);background:var(--gb-leather-hover)}
body.gb-v3.gc-shell .gc-v3 .gc-faction-options input{position:static;flex:none;width:18px;height:18px;margin:0;accent-color:var(--gb-gold)}
body.gb-v3.gc-shell .gc-v3 .gc-faction-mark{flex:none;width:16px;height:16px;transform:rotate(45deg);border:1px solid #000;box-shadow:0 0 0 1px var(--gb-brass)}
body.gb-v3.gc-shell .gc-v3 [data-faction=horde]>.gc-faction-mark{background:linear-gradient(135deg,#d0503c,#7a1d12 60%,#3d0c06)}
body.gb-v3.gc-shell .gc-v3 [data-faction=alliance]>.gc-faction-mark{background:linear-gradient(135deg,#5d8fd6,#1f4785 60%,#0e2244)}
body.gb-v3.gc-shell .gc-v3 .gc-faction-options label:has(input:checked){border-color:var(--gb-gold);background:linear-gradient(#3a2e1f,#211910);box-shadow:0 0 0 1px #000,inset 0 0 0 1px rgba(242,207,122,.35);color:var(--gb-gold-text)}
body.gb-v3.gc-shell .gc-v3 .gc-faction-options label:has(input:focus-visible){box-shadow:var(--gb-focus)}
body.gb-v3.gc-shell .gc-v3 #gc-submit{width:100%;margin-top:30px}
body.gb-v3.gc-shell .gc-v3 .gc-free{text-align:left;margin-top:12px}
/* Vorschau = Stufe 1: das Banner wechselt mit der Fraktion */
body.gb-v3.gc-shell .gc-v3 .gc-preview{margin-top:80px;padding:94px 28px 26px;border-top-width:4px;text-align:center;position:sticky;top:96px}
body.gb-v3.gc-shell .gc-v3 .gc-preview-art{width:150px;height:150px}
body.gb-v3.gc-shell .gc-v3 .gc-preview-art img{width:150px;height:150px;object-fit:contain;display:block}
body.gb-v3.gc-shell .gc-v3 .gc-preview-art:has(.gc-flag:not([hidden])) .gc-preview-neutral{display:none}
body.gb-v3.gc-shell .gc-v3 .gc-flag{width:auto;height:auto;margin:0;padding:0;background:none;border:0;clip-path:none;display:block}
body.gb-v3.gc-shell .gc-v3 .gc-flag[hidden]{display:none}
body.gb-v3.gc-shell .gc-v3 .gc-flag img{filter:none}
body.gb-v3.gc-shell .gc-v3 .gc-preview>.gc-eyebrow{font-size:15px;color:var(--gb-muted);margin:0 0 6px}
body.gb-v3.gc-shell .gc-v3 .gc-preview h2{font:700 30px/1.2 var(--gb-font-guild);-webkit-text-stroke:0;color:var(--gb-gold-text);margin:0 0 6px}
body.gb-v3.gc-shell .gc-v3 .gc-preview>p:not(.gc-eyebrow){font-size:15px;color:var(--gb-muted);margin:0}
body.gb-v3.gc-shell .gc-v3 .gc-preview-address{font-family:var(--gb-font-text)!important;color:var(--gb-text)!important;margin-top:4px!important}
body.gb-v3.gc-shell .gc-v3 .gc-preview-bottom{margin:20px 0 16px;padding:14px 0;border-block:1px solid var(--gb-rule);font-size:15px;color:var(--gb-text);gap:2px}
body.gb-v3.gc-shell .gc-v3 .gc-preview-bottom span+span{font-size:14px;color:var(--gb-quiet)}
body.gb-v3.gc-shell .gc-v3 .gc-preview .gc-help{font-size:14px}

/* ---------- Gilden-Übersicht (angemeldet, gleiche Klassen) ---------- */
body.gb-v3.gc-shell .gc-v3.gc-overview .gc-overview-heading h1{font:400 clamp(38px,4.6vw,54px)/1.08 var(--gb-font-display);letter-spacing:0;color:var(--gb-title)}
body.gb-v3.gc-shell .gc-v3.gc-overview .gc-overview-heading>div>p:last-child{font-size:18px;color:#cfc3a9}
body.gb-v3.gc-shell .gc-v3.gc-overview>.gc-account{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:12px 20px;border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);background:var(--gb-panel);margin:0 0 28px}
body.gb-v3.gc-shell .gc-v3.gc-overview>.gc-account button{min-height:44px;padding:0;border:0;background:none;color:var(--gb-link);font:inherit;text-decoration:underline;cursor:pointer}
body.gb-v3.gc-shell .gc-v3.gc-overview>.gc-empty{margin:0 0 24px}
body.gb-v3.gc-shell .gc-v3.gc-overview>.gc-empty h2{font-size:24px}
body.gb-v3.gc-shell .gc-v3 .gc-directory>.gc-guild-card>a{border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);background:var(--gb-panel);box-shadow:var(--gb-shadow-1)}
body.gb-v3.gc-shell .gc-v3 .gc-directory>.gc-guild-card>a:hover{border-color:var(--gb-gold)}
body.gb-v3.gc-shell .gc-v3 .gc-guild-art{border-bottom-color:var(--gb-brass-line)}
body.gb-v3.gc-shell .gc-v3 .gc-guild-copy .gc-guild-type{font-size:15px;color:var(--gb-muted)}
body.gb-v3.gc-shell .gc-v3 .gc-guild-copy h2{font:700 28px/1.2 var(--gb-font-guild);-webkit-text-stroke:0;color:var(--gb-title)}
body.gb-v3.gc-shell .gc-v3 .gc-guild-copy>p:not(.gc-guild-type){font-size:15px;color:var(--gb-muted)}
body.gb-v3.gc-shell .gc-v3 .gc-guild-open,body.gb-v3.gc-shell .gc-v3 .gc-guild-card>a:hover .gc-guild-open{border-top-color:var(--gb-rule);color:var(--gb-link);font:400 17px/1.3 var(--gb-font-display)}
body.gb-v3.gc-shell .gc-v3 .gc-legacy{margin:32px 0 0;padding-top:16px;border-top:1px solid var(--gb-rule);font-size:15px;color:var(--gb-quiet)}
body.gb-v3.gc-shell .gc-v3 .gc-legacy span{display:block}

/* ---------- Einladung (/einladung/<token>) ---------- */
body.gb-v3.gc-shell .gw-invitation{max-width:640px;margin:0 auto;padding:40px 24px 88px;box-sizing:border-box}
body.gb-v3.gc-shell .gw-invitation .gw-breadcrumb{display:inline-flex;align-items:center;min-height:44px;margin-bottom:56px;font-size:15px}
body.gb-v3.gc-shell .gw-invitation .gw-card{padding:40px 32px 30px;text-align:center;color:var(--gb-text)}
body.gb-v3.gc-shell .gw-invitation .gw-card:has(.gw-invitation-banner){padding-top:100px;margin-top:72px}
body.gb-v3.gc-shell .gw-invitation .gw-invitation-flag:has(img){position:absolute;top:-76px;left:50%;transform:translateX(-50%);margin:0}
body.gb-v3.gc-shell .gw-invitation h1{font-size:clamp(30px,4vw,40px);line-height:1.15;color:var(--gb-gold-text);margin:0 0 12px}
body.gb-v3.gc-shell .gw-invitation .gw-card>p{color:#cfc3a9;font-size:16px}
body.gb-v3.gc-shell .gw-invitation .gw-muted{color:var(--gb-quiet);font-size:15px}
body.gb-v3.gc-shell .gw-invitation #gw-invitation-actions{display:grid;gap:12px;margin-top:22px}
body.gb-v3.gc-shell #gw-invitation .gw-primary{width:100%}
body.gb-v3.gc-shell .gw-invitation #gw-invitation-retry{margin-top:12px}
body.gb-v3.gc-shell .gw-invitation #gw-invitation-retry[hidden]{display:none}

/* ---------- Fuß ---------- */
body.gb-v3.gc-shell .gc-footer{max-width:1160px;box-sizing:border-box;padding:22px 40px;border-top:1px solid var(--gb-rule);color:var(--gb-quiet);font-size:14px}

/* ---------- Schmal ---------- */
@media (max-width:900px){
 body.gb-v3.gc-shell .gc-v3.gc-entry{grid-template-columns:minmax(0,1fr);gap:0;padding-top:36px}
 body.gb-v3.gc-shell .gc-v3 .gc-entry-text{display:contents}
 body.gb-v3.gc-shell .gc-v3.gc-entry>.gc-entry-text>*{order:1}
 body.gb-v3.gc-shell .gc-v3.gc-entry>.gc-entry-text>:is(.gc-panel,.gc-more,.gc-facts){order:3}
 body.gb-v3.gc-shell .gc-v3.gc-entry>.gc-focus{order:2;margin:82px 0 32px;width:100%;max-width:520px;justify-self:center}
 body.gb-v3.gc-shell .gc-v3.gc-entry .gc-lead{margin-bottom:8px}
 body.gb-v3.gc-shell .gc-v3.gc-kompass>.gc-entry-text>.gc-facts{order:1;margin-top:14px}
 body.gb-v3.gc-shell .gc-v3 .gc-layout{grid-template-columns:minmax(0,1fr);gap:0}
 body.gb-v3.gc-shell .gc-v3 .gc-preview{position:relative;top:auto;max-width:520px;width:100%;margin:96px auto 0}
}
@media (max-width:760px){
 body.gb-v3.gc-shell .gc-v3.gc-page{padding:28px 20px 64px}
 body.gb-v3.gc-shell .gc-v3 h1,body.gb-v3.gc-shell .gc-v3 .gc-intro h1,body.gb-v3.gc-shell .gc-v3.gc-overview .gc-overview-heading h1{font-size:38px}
 body.gb-v3.gc-shell .gc-v3 .gc-lead,body.gb-v3.gc-shell .gc-v3 .gc-intro>p:last-child{font-size:17px}
 body.gb-v3.gc-shell .gc-v3 .gc-intro{margin-bottom:8px}
 body.gb-v3.gc-shell .gc-v3 .gc-card{padding:24px 20px}
 body.gb-v3.gc-shell .gc-v3 .gc-focus{padding:80px 20px 22px}
 body.gb-v3.gc-shell .gc-v3 .gc-focus-art,body.gb-v3.gc-shell .gc-v3 .gc-preview-art,body.gb-v3.gc-shell .gc-v3 .gc-preview-art img{width:124px;height:124px}
 body.gb-v3.gc-shell .gc-v3 .gc-focus-art,body.gb-v3.gc-shell .gc-v3 .gc-preview-art{top:-60px}
 body.gb-v3.gc-shell .gc-v3 .gc-focus h2{font-size:26px}
 body.gb-v3.gc-shell .gc-v3 .gc-preview{padding:76px 20px 22px}
 body.gb-v3.gc-shell .gc-v3 .gc-panel{padding:18px}
 body.gb-v3.gc-shell .gc-v3 .gc-faction-options label{gap:10px;padding-inline:12px;font-size:17px}
 body.gb-v3.gc-shell .gc-footer{padding:20px}
 body.gb-v3.gc-shell .gw-invitation{padding:24px 16px 64px}
 body.gb-v3.gc-shell .gw-invitation .gw-breadcrumb{margin-bottom:36px}
 body.gb-v3.gc-shell .gw-invitation .gw-card{padding:32px 20px 24px}
}
@media (max-width:360px){
 body.gb-v3.gc-shell .gc-v3.gc-page{padding-inline:14px}
 body.gb-v3.gc-shell .gc-v3 .gc-faction-options{gap:8px}
 body.gb-v3.gc-shell .gc-v3 .gc-faction-options label{gap:8px;padding-inline:10px;font-size:16px}
 body.gb-v3.gc-shell .gc-v3 .gc-faction-mark{display:none}
 body.gb-v3.gc-shell .gc-v3 h1,body.gb-v3.gc-shell .gc-v3 .gc-intro h1,body.gb-v3.gc-shell .gc-v3.gc-overview .gc-overview-heading h1{font-size:33px}
 body.gb-v3.gc-shell .gc-v3 .gc-card{padding:20px 14px}
 body.gb-v3.gc-shell .gc-v3 .gc-focus{padding-inline:16px}
 body.gb-v3.gc-shell .gc-v3 .gc-primary,body.gb-v3.gc-shell .gc-v3 .gc-bnet-login{font-size:16px;padding-inline:14px}
}

/* ---------- Für Gilden (/fuer-gilden, eigene Klasse .jl-page) ---------- */
body.gb-v3 .jl-page{--jl-bg:var(--gb-field);--jl-surface:var(--gb-panel);--jl-ink:var(--gb-text);--jl-muted:var(--gb-muted);--jl-line:var(--gb-brass-line);--jl-accent:var(--gb-gold);font:16px/1.5 var(--gb-font-text);color:var(--gb-text);margin-top:48px}
body.gb-v3 .jl-page :is(h1,h2,h3){font-family:var(--gb-font-display);font-weight:400;-webkit-text-stroke:var(--gb-display-stroke) currentColor;color:var(--gb-title);text-shadow:0 1px 0 #000;letter-spacing:0}
body.gb-v3 .jl-page h1{font-size:clamp(36px,4.4vw,54px);line-height:1.08;margin:4px 0 16px;text-shadow:0 2px 0 #000}
body.gb-v3 .jl-page h2{font-size:clamp(26px,3vw,34px);line-height:1.15}
body.gb-v3 .jl-page h3{font-size:24px;-webkit-text-stroke-width:var(--gb-display-stroke-small)}
body.gb-v3 .jl-page .jl-kicker{font:400 17px/1.3 var(--gb-font-display);-webkit-text-stroke:var(--gb-display-stroke-small) currentColor;letter-spacing:0;text-transform:none;color:var(--gb-gold)}
body.gb-v3 .jl-page a{color:var(--gb-link);text-decoration-color:rgba(224,184,96,.45)}
body.gb-v3 .jl-page a:hover{color:#ffd88a}
body.gb-v3 .jl-page :is(a,button,select):focus-visible{outline:none;box-shadow:var(--gb-focus);border-radius:var(--gb-r-control)}
body.gb-v3 .jl-page .jl-intro{gap:36px;margin-bottom:56px}
body.gb-v3 .jl-page .jl-intro>img{width:150px;height:160px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.8))}
body.gb-v3 .jl-page .jl-intro p:not(.jl-kicker){font-size:18px;line-height:1.55;color:#cfc3a9}
body.gb-v3 .jl-page .jl-intro .jl-button{margin:6px 10px 6px 0;vertical-align:middle}
body.gb-v3 .jl-page .jl-intro p.jl-signin{font-size:15px;color:var(--gb-quiet);margin-top:16px}
body.gb-v3 .jl-page .jl-button{min-height:44px;padding:0 20px;font:400 16px/1.25 var(--gb-font-display);-webkit-text-stroke:var(--gb-display-stroke-small) 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}
body.gb-v3 .jl-page .jl-button:hover:not(:disabled){background:var(--gb-leather-hover);border-color:var(--gb-gold);color:#f2e3c0;filter:none;text-decoration:none}
body.gb-v3 .jl-page .jl-button:disabled{background:#1a1611;color:var(--gb-disabled);border-color:#3a2f1d;opacity:1}
body.gb-v3 .jl-page a.jl-primary{min-height:46px;padding:0 24px;font-size:17px;font-weight:400;color:var(--gb-quest-text);background:var(--gb-quest);border-color: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 .jl-page a.jl-primary:hover{background:var(--gb-quest-hover);color:#ffe2a0;border-color:var(--gb-gold)}
/* Demo = Stufe 1 der Seite */
body.gb-v3 .jl-page .jl-demo{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),var(--gb-soul-halo);padding:34px 36px 30px}
body.gb-v3 .jl-page .jl-section-heading h2{color:var(--gb-gold-text);display:flex;align-items:center}
body.gb-v3 .jl-page .jl-section-heading h2::before{content:"";flex:none;width:11px;height:11px;margin-right:14px;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 .jl-page .jl-badge{font:400 14px/1 var(--gb-font-display);letter-spacing:0;text-transform:none;padding:6px 10px;border-radius:var(--gb-r-chip);border:1px dashed rgba(181,167,137,.55);color:var(--gb-muted)}
body.gb-v3 .jl-page .jl-note,body.gb-v3 .jl-page .jl-fine{font-size:15px;color:var(--gb-muted)}
body.gb-v3 .jl-page .jl-run-heading img{width:72px;height:76px}
body.gb-v3 .jl-page .jl-roles li{border-color:var(--gb-brass-line);border-radius:var(--gb-r-control);background:rgba(15,12,9,.7);font-size:15px}
body.gb-v3 .jl-page .jl-role{font-size:14px;color:var(--gb-muted)}
body.gb-v3 .jl-page .jl-roles strong{font-size:16px;font-weight:600}
body.gb-v3 .jl-page .jl-roles small{font-size:13px;color:var(--gb-quiet)}
body.gb-v3 .jl-page .jl-roles .jl-warrior{color:var(--c-warrior)}
body.gb-v3 .jl-page .jl-roles .jl-priest{color:var(--c-priest)}
body.gb-v3 .jl-page .jl-roles .jl-mage{color:var(--c-mage)}
body.gb-v3 .jl-page .jl-roles .jl-hunter{color:var(--c-hunter)}
body.gb-v3 .jl-page .jl-filled{color:var(--gb-ok);font-size:14px}
body.gb-v3 .jl-page .jl-filled::before{content:"✓ "}
body.gb-v3 .jl-page .jl-open{color:var(--gb-warn);font-size:14px}
body.gb-v3 .jl-page .jl-run-state{font-size:15px;color:var(--gb-muted)}
body.gb-v3 .jl-page .jl-controls{border-left-color:var(--gb-rule)}
body.gb-v3 .jl-page .jl-controls label{font-size:15px;font-weight:600;color:#d6cbb3}
body.gb-v3 .jl-page .jl-controls select{min-height:46px;border:1px solid var(--gb-brass);border-radius:var(--gb-r-control);background-color:var(--gb-field);box-shadow:inset 0 2px 4px rgba(0,0,0,.5);color:var(--gb-title);font:400 16px/1.3 var(--gb-font-text)}
body.gb-v3 .jl-page .jl-controls select:focus-visible{border-color:var(--gb-soul)}
body.gb-v3 .jl-page .jl-item img{border-color:var(--gb-brass)}
body.gb-v3 .jl-page .jl-result{border-left:3px solid var(--gb-gold);border-radius:var(--gb-r-control);background:rgba(15,12,9,.7);font-size:15px;color:var(--gb-text)}
body.gb-v3 .jl-page .jl-status{margin:64px 0 40px}
body.gb-v3 .jl-page .jl-status-grid{gap:24px}
body.gb-v3 .jl-page .jl-status-grid article{border:1px solid var(--gb-brass-line);border-radius:var(--gb-r-panel);background:var(--gb-panel);box-shadow:inset 0 1px 0 rgba(255,220,150,.06),var(--gb-shadow-1);padding:20px 22px 12px}
body.gb-v3 .jl-page .jl-status-grid p:not(.jl-kicker){font-size:15px;color:var(--gb-muted)}
body.gb-v3 .jl-page .jl-status-grid a{font-weight:400;font-size:16px;text-decoration:none}
body.gb-v3 .jl-page .jl-status-grid a:hover{text-decoration:underline}
body.gb-v3 .jl-page .jl-member-link{border-top-color:var(--gb-rule);font-size:15px;color:var(--gb-muted)}
body.gb-v3 .jl-page .jl-interest{border-color:var(--gb-brass-line);border-radius:var(--gb-r-panel);background:var(--gb-panel)}
body.gb-v3 .jl-page .jl-interest h2{color:var(--gb-gold-text);font-family:var(--gb-font-display)}
body.gb-v3 .jl-page .jl-status-grid:has(>article:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){body.gb-v3 .jl-page .jl-status-grid,body.gb-v3 .jl-page .jl-status-grid:has(>article:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 body.gb-v3 .jl-page{margin-top:28px}
 body.gb-v3 .jl-page .jl-intro{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:40px}
 body.gb-v3 .jl-page .jl-intro>img{width:110px;height:118px}
 body.gb-v3 .jl-page h1{font-size:36px}
 body.gb-v3 .jl-page .jl-intro .jl-button{display:flex;width:100%;margin:0 0 10px}
 body.gb-v3 .jl-page .jl-demo{padding:24px 18px 20px}
 body.gb-v3 .jl-page .jl-status-grid,body.gb-v3 .jl-page .jl-status-grid:has(>article:nth-child(4)){grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
 body.gb-v3 .jl-page h1{font-size:32px}
 body.gb-v3 .jl-page .jl-demo{padding:20px 14px 18px}
 body.gb-v3 .jl-page .jl-roles li{font-size:14px}
}
/* /erfolge für Gäste (02.11.2026): Erklärung aus dem Erfolgskatalog, Rahmenvorschau als Beispiel. */
body.gb-v3.gc-shell .gc-v3.gc-erfolge .gc-entry-text>.gc-panel{margin:0 0 20px}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-bundles{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-bundles li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-bundles img{flex:none;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 4px #000a)}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-bundles strong{display:block;color:var(--gb-gold-text);font-weight:650}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-bundles small{display:block;font-size:14px;color:var(--gb-quiet)}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-frames{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-frames li{display:grid;gap:2px;text-align:center;min-width:0}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-frames img{display:block;width:100%;height:auto}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-frames strong{color:var(--gb-gold-text);font-weight:650}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-frames span{font-size:14px;color:var(--gb-quiet)}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-preview>.gc-help{margin-top:16px}
body.gb-v3.gc-shell .gc-v3 .gc-erfolge-login .gc-primary img{width:24px;height:24px;flex:none}
@media(max-width:420px){body.gb-v3.gc-shell .gc-v3 .gc-erfolge-frames{grid-template-columns:minmax(0,1fr)}}