/* GuildLoot – zentrale Suche (/suche/, /en/search/), Entwurf vom 21.10.2026. Karte: /gl-karte.css. */
:root{--sz-gold:#f5c542;--sz-text:#e9eefb;--sz-muted:#a7b5cf;--sz-faint:#8696b5;--sz-line:#22324f;--sz-line2:#2b3d63;
 --sz-era:#f5c542;--sz-forever:#5aa9ff;--sz-tbc:#9be56a;--sz-retail:#8b6cff;--sz-ok:#9be56a;--sz-epic:#c27cff;--sz-rare:#3d9bff;--sz-unc:#3fd35a}
html,body.sz-body{background:#090e1a}
body.sz-body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,rgba(40,70,130,.35),transparent 60%),linear-gradient(180deg,#0b1222,#090e1a);background-attachment:fixed;
 color:var(--sz-text);font-family:Inter,"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.45}
.sz-wrap{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 24px}
.sz-wrap *,.sz-wrap *::before,.sz-wrap *::after{box-sizing:border-box}
.sz-wrap a{color:inherit;text-decoration:none}
.sz-wrap button{font:inherit;color:inherit;cursor:pointer}
.sz-em{flex:none;width:22px;height:22px}
.sz-crumb{margin:18px 0 6px;color:var(--sz-faint);font-size:13px}
.sz-crumb a:hover{color:#fff;text-decoration:underline}
/* Georgia hat nur Mediävalziffern (die Null sieht aus wie ein „o“: „P0“ wirkte wie „Po“) – Ziffern aus einer Schrift mit Normalziffern. */
@font-face{font-family:"GL Ziffern";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("DejaVu Serif");font-weight:400;unicode-range:U+0030-0039}
@font-face{font-family:"GL Ziffern";src:local("Times New Roman Bold"),local("TimesNewRomanPS-BoldMT"),local("Liberation Serif Bold"),local("DejaVu Serif Bold");font-weight:700;unicode-range:U+0030-0039}
.sz-wrap h1{margin:0 0 4px;color:#fff;font:700 clamp(28px,3vw,40px)/1.1 "GL Ziffern",Georgia,"Times New Roman",serif}
.sz-wrap h1,.sz-wrap h2,.sz-ic{font-variant-numeric:lining-nums}
.sz-lead{margin:0 0 16px;color:#c3cde2;font-size:15.5px}
/* Maske */
.sz-mask{padding:18px;border:1px solid rgba(245,197,66,.6);border-radius:16px;background:linear-gradient(180deg,#101c36,#0a1326);box-shadow:0 24px 60px -40px rgba(245,197,66,.45)}
.sz-mrow{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.sz-lab{flex:none;width:92px;color:var(--sz-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sz-seg{display:flex;flex-wrap:wrap;gap:6px}
.sz-sg{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:5px 12px;border:1px solid var(--sz-line2);border-radius:999px;background:#0b1428;color:#d6dff0;font-weight:750;font-size:13.5px;white-space:nowrap}
.sz-sg-v{padding-left:7px}
.sz-sg:hover{border-color:#4a6090}
.sz-sg[aria-pressed=true]{border-color:var(--sz-gold);background:linear-gradient(180deg,rgba(245,197,66,.18),rgba(245,197,66,.05));color:#fff}
.sz-sg-r{border-color:rgba(139,108,255,.65);color:#e4ddff}
.sz-sg:focus-visible,.sz-chip:focus-visible,.sz-btn:focus-visible,.sz-tabs button:focus-visible,.sz-star:focus-visible,.sz-qual:focus-visible,.sz-more:focus-visible,.sz-link:focus-visible,.sz-vcount button:focus-visible{outline:2px solid var(--sz-gold);outline-offset:2px}
.sz-sf{display:flex;gap:8px}
.sz-in{flex:1;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 8px 0 16px;border:1px solid #4a6090;border-radius:12px;background:#081022;color:#fff}
.sz-in:focus-within{border-color:var(--sz-gold);box-shadow:0 0 0 3px rgba(245,197,66,.15)}
.sz-in svg{flex:none;color:var(--sz-faint)}
.sz-in input{flex:1;min-width:0;height:50px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:17px}
.sz-in input::placeholder{color:#7584a3}
.sz-in input::-webkit-search-cancel-button{display:none}
.sz-clr{flex:none;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--sz-faint);font-size:15px}
.sz-clr:hover{color:#fff;background:#14203b}
.sz-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:0 26px;border-radius:12px;font-weight:800;font-size:16px;white-space:nowrap;background:var(--sz-gold);color:#1a1300;border:1px solid var(--sz-gold)}
.sz-btn:hover{background:#ffd45c}
.sz-btn-s{min-height:46px;width:100%;font-size:15px}
/* Hauptteil */
.sz-main{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;margin:18px 0 0;align-items:start}
.sz-filters{padding:14px;border:1px solid var(--sz-line2);border-radius:14px;background:rgba(13,26,51,.72)}
.sz-sheet-grip,.sz-sheet-foot{display:none}
.sz-fh{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px}
.sz-fh b{font-size:15px;color:#fff}
.sz-link{padding:4px 0;border:0;background:none;color:var(--sz-gold)!important;font-size:12.5px;font-weight:700}
.sz-link:hover{text-decoration:underline}
.sz-fnote{margin:6px 0 4px;padding:8px 10px;border:1px solid rgba(245,197,66,.4);border-radius:9px;background:rgba(245,197,66,.07);color:#f3e2b0;font-size:12.5px;line-height:1.4}
.sz-fg{padding:11px 0;border-top:1px solid var(--sz-line)}
.sz-fh+.sz-fnote+.sz-fg,.sz-fh+.sz-fg{border-top:0}
.sz-fg>label:not(.sz-ck),.sz-fl{display:block;margin:0 0 7px;color:var(--sz-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sz-fg select,.sz-range input{width:100%;min-height:38px;padding:0 11px;border:1px solid var(--sz-line2);border-radius:9px;background:#081022;color:#d6dff0;font:inherit;font-size:13.5px}
.sz-fg select+select{margin-top:6px}
.sz-fg select:focus-visible,.sz-range input:focus-visible{outline:2px solid var(--sz-gold);outline-offset:1px}
.sz-quals{display:flex;flex-wrap:wrap;gap:5px}
.sz-qual{padding:4px 9px;border:1px solid var(--sz-line2);border-radius:999px;font-size:12.5px;font-weight:700;background:#0b1428}
.sz-q2{color:var(--sz-unc)!important}.sz-q3{color:var(--sz-rare)!important}.sz-q4{color:var(--sz-epic)!important}.sz-q5{color:#ff9b3d!important}
.sz-qual[aria-pressed=true]{border-color:currentColor;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px currentColor}
.sz-qual[aria-pressed=true]::before{content:"✓ "}
.sz-range{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sz-muted)}
.sz-range input{flex:1;min-width:0}
.sz-fhint{display:block;margin-top:5px;color:var(--sz-faint);font-size:11.5px}
.sz-ck{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:5px 0;font-size:13.5px;color:#d6dff0;cursor:pointer}
.sz-ck input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--sz-gold)}
.sz-ck.off{color:#6d7a93;cursor:not-allowed}
.sz-ck small{display:block;flex-basis:100%;margin-left:27px;color:var(--sz-faint);font-size:11px}
.sz-vn{margin:8px 0 0;padding:9px 10px;border:1px dashed rgba(139,108,255,.5);border-radius:9px;background:rgba(139,108,255,.07);color:#cfc6f5;font-size:12.5px;line-height:1.4}
.sz-vn b{color:#e4ddff}
/* Ergebnisse */
.sz-res{min-width:0}
.sz-mobf{display:none}
.sz-rh{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 10px}
.sz-rh h2{margin:0;font-size:17px;color:#fff}
.sz-vcount{display:flex;flex-wrap:wrap;gap:6px}
.sz-vb{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid;white-space:nowrap}
.sz-vb-era{color:var(--sz-era);border-color:rgba(245,197,66,.55);background:rgba(245,197,66,.08)}
.sz-vb-tbc{color:var(--sz-tbc);border-color:rgba(155,229,106,.55);background:rgba(155,229,106,.08)}
.sz-vb-forever{color:var(--sz-forever);border-color:rgba(90,169,255,.55);background:rgba(90,169,255,.08)}
.sz-vb-retail{color:#b9a8ff;border-color:rgba(139,108,255,.65);background:rgba(139,108,255,.12)}
.sz-vcount .sz-vb{font-size:11px;padding:3px 8px;min-height:26px}
.sz-vcount .sz-vb b{margin-left:5px;color:#fff}
.sz-vcount .sz-vb[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}
.sz-sort{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--sz-muted);font-size:13px}
.sz-sort select{min-width:150px;min-height:38px;padding:0 11px;border:1px solid var(--sz-line2);border-radius:9px;background:#081022;color:#d6dff0;font:inherit;font-size:13.5px}
.sz-tabs{display:flex;gap:4px;margin:0 0 10px;border-bottom:1px solid var(--sz-line)}
.sz-tabs button{padding:8px 12px;border:0;background:none;color:var(--sz-muted);font-weight:700;font-size:13.5px;white-space:nowrap}
.sz-tabs button[aria-selected=true]{color:#fff;box-shadow:inset 0 -2px 0 var(--sz-gold)}
.sz-tabs small{color:var(--sz-faint);margin-left:4px;font-size:11.5px}
.sz-status{margin:0 0 8px;color:var(--sz-muted);font-size:13px}
.sz-status:empty{display:none}
.sz-list{position:relative;border:1px solid var(--sz-line2);border-radius:14px;background:rgba(13,26,51,.72)}
.sz-row{position:relative;display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-top:1px solid var(--sz-line);cursor:pointer}
.sz-row:first-child{border-top:0}
.sz-row:hover,.sz-row.on{background:rgba(245,197,66,.06);box-shadow:inset 3px 0 0 var(--sz-gold)}
.sz-star{width:28px;height:28px;padding:0;border:0;border-radius:6px;background:none;color:#6e7c97;font-size:18px;line-height:1;text-align:center}
.sz-star:hover{color:var(--sz-gold);background:#14203b}
.sz-star[aria-pressed=true]{color:var(--sz-gold)}
.sz-star.sz-full{color:#ff8a5c;animation:sz-shake .3s}
.sz-star-x{display:block}
@keyframes sz-shake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
.sz-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;border:1px solid #3a4a6b;object-fit:cover;background:#0b1020;color:#c9d2e3;font:700 18px/1 Georgia,serif}
.sz-b-uncommon{border-color:#1eff00}.sz-b-rare{border-color:#3d9bff}.sz-b-epic{border-color:#b964ff}.sz-b-legendary{border-color:#ff8000}.sz-b-artifact{border-color:#e6cc80}
.sz-ic-q{background:radial-gradient(circle at 50% 40%,#3a2f0c,#1b1606);border-color:#6b5a22;color:var(--sz-gold);font-size:22px}
.sz-ic-rq{background:radial-gradient(circle at 50% 40%,#2c2366,#151033);border-color:#5a4aa8;color:#c9b8ff}
.sz-ic-p{font-size:18px}
.sz-tx{min-width:0}
.sz-nm{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.sz-nm a{font-size:15px;font-weight:700}
.sz-nm a:hover,.sz-nm a:focus-visible{text-decoration:underline}
.sz-nm a:focus-visible{outline:2px solid var(--sz-gold);outline-offset:2px;border-radius:3px}
.sz-q-poor{color:#9d9d9d}.sz-q-common{color:#fff}.sz-q-uncommon{color:var(--sz-unc)}.sz-q-rare{color:var(--sz-rare)}.sz-q-epic{color:var(--sz-epic)}.sz-q-legendary{color:#ff9b3d}.sz-q-artifact{color:#e6cc80}
.sz-q-quest{color:#ffe08a}.sz-q-rq{color:#e4ddff}.sz-q-place{color:#fff}
.sz-tb{font-size:10px;font-weight:800;letter-spacing:.06em;padding:1px 6px;border-radius:4px;color:#cfd8ea;background:#1c2741;border:1px solid #33456b}
.sz-tb-q{color:#ffe08a;background:#2a2410;border-color:#6b5a22}
.sz-tb-p{color:#ffcfb0;background:#2a1a12;border-color:#6b4122}
.sz-tb-r{color:#bdf0c4;background:#10261a;border-color:#2c6b40}
.sz-saved{color:var(--sz-ok);font-weight:700;font-size:12px}
.sz-meta{margin-top:2px;color:#aebad1;font-size:12.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-meta .sz-src{color:#d6dff0}
.sz-meta .sz-warn{color:#e6c37a}
.sz-meta .sz-pg{color:var(--sz-gold)}
.sz-rew{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-left:4px}
.sz-rew img{width:20px;height:20px;border-radius:4px;border:1px solid #3a4a6b}
.sz-go{color:var(--sz-faint);font-size:16px}
.sz-empty{padding:28px 18px;text-align:center;color:var(--sz-muted)}
.sz-empty p{margin:6px 0}
.sz-ex{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px!important}
.sz-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 12px;border:1px solid var(--sz-line2);border-radius:999px;background:#0b1428;color:#d6dff0;font-weight:700;font-size:13px;white-space:nowrap}
.sz-chip b{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--sz-gold);color:#1a1300;font-size:11px;line-height:18px;text-align:center}
.sz-chip.on{border-color:var(--sz-gold);color:#fff}
.sz-chip.on b{display:inline-block}
.sz-more{display:flex;justify-content:center;width:100%;margin:-1px 0 0;padding:14px;border:1px solid var(--sz-line2);border-top-color:var(--sz-line);border-radius:0 0 14px 14px;background:rgba(13,26,51,.72);color:var(--sz-gold);font-weight:800;font-size:14px}
.sz-list:has(+.sz-more:not([hidden])){border-bottom-left-radius:0;border-bottom-right-radius:0}
.sz-more:hover{background:rgba(245,197,66,.06)}
.sz-honest{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:11px 13px;border:1px solid rgba(139,108,255,.45);border-radius:12px;background:rgba(139,108,255,.08);color:#d9d2fb;font-size:13px}
.sz-honest .sz-vb{margin-top:2px}
/* Karte am Desktop: seitlich rechts in der Liste, oben bündig mit der Zeile */
.glk.sz-float{position:absolute;right:36px;z-index:20}
.sz-inline{padding:0 12px 12px;border-top:0}
.sz-live{position:fixed;left:50%;bottom:22px;z-index:60;transform:translate(-50%,20px);max-width:min(560px,calc(100vw - 32px));margin:0;padding:10px 16px;border:1px solid rgba(245,197,66,.6);border-radius:10px;
 background:#101a30;color:#fff;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.sz-live.on{opacity:1;transform:translate(-50%,0)}
.sz-shade{position:fixed;inset:0;z-index:70;background:rgba(3,6,14,.6)}
.sz-shade[hidden]{display:none}
.sz-foot{max-width:1240px;margin:40px auto 0;padding:22px 24px 30px;border-top:1px solid rgba(255,255,255,.07);text-align:center;color:#9aa6bd;font-size:13px}
.sz-foot p{margin:4px 0}
.sz-foot a{color:#c9d2e3}
@media (max-width:1100px){.sz-main{grid-template-columns:240px minmax(0,1fr)}}
/* Handy */
@media (max-width:760px){
 .sz-wrap{padding:0 16px}
 .sz-mrow{flex-direction:column;align-items:stretch;gap:6px}
 .sz-lab{width:auto}
 .sz-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .sz-seg .sz-sg:first-child{grid-column:1/-1}
 .sz-seg .sz-sg{justify-content:center;padding:5px 6px;font-size:13px;min-height:40px}
 .sz-sf{flex-direction:column}
 .sz-in input{font-size:16px}
 .sz-main{grid-template-columns:1fr;margin-top:14px}
 /* Filter als Blatt von unten */
 .sz-filters{position:fixed;left:0;right:0;bottom:0;z-index:80;max-height:82vh;overflow:auto;overscroll-behavior:contain;border-radius:16px 16px 0 0;border-bottom:0;background:#0d1730;
  padding:6px 16px 0;transform:translateY(105%);transition:transform .2s ease;visibility:hidden}
 .sz-filters.open{transform:none;visibility:visible}
 .sz-sheet-grip{display:block;width:42px;height:4px;margin:4px auto 8px;border-radius:2px;background:#4a5f8f}
 .sz-sheet-foot{display:block;position:sticky;bottom:0;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#0d1730;border-top:1px solid var(--sz-line)}
 .sz-fg.hi{background:rgba(245,197,66,.06);margin:0 -16px;padding:11px 16px}
 .sz-mobf{display:flex;gap:8px;overflow-x:auto;margin:0 0 12px;padding-bottom:2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .sz-mobf::-webkit-scrollbar,.sz-tabs::-webkit-scrollbar{display:none}
 .sz-mobf .sz-chip{flex:none}
 .sz-rh{gap:8px}
 .sz-rh h2{width:100%}
 .sz-sort{margin-left:0}
 .sz-sort select{min-width:0}
 .sz-tabs{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .sz-tabs button{flex:none;padding:8px 9px;font-size:13px}
 .sz-row{grid-template-columns:36px minmax(0,1fr) 32px;gap:10px;padding:11px 12px}
 .sz-row .sz-star{grid-column:3;grid-row:1;width:32px;height:32px}
 .sz-row .sz-ic{grid-column:1;grid-row:1;width:36px;height:36px}
 .sz-row .sz-tx{grid-column:2;grid-row:1}
 .sz-row .sz-go{display:none}
 .sz-meta{white-space:normal}
 .sz-honest{font-size:12.5px}
 .sz-live{bottom:14px}
}
@media (max-width:360px){.sz-seg .sz-sg{font-size:12px;padding:5px 4px}.sz-seg .sz-em{width:18px;height:18px}.sz-wrap h1{font-size:28px}}
@media (prefers-reduced-motion:reduce){.sz-filters,.sz-live{transition:none}.sz-star.sz-full{animation:none}}
.sz-more[hidden],.sz-clr[hidden],.sz-saved[hidden]{display:none}
.sz-wrap .sz-btn{color:#1a1300}
/* Kopf am Handy: neben dem Startseiten-Kopf steht hier der Wunschliste-Knopf (gl-wish-fab) – etwas enger, nichts abgeschnitten. */
@media (max-width:420px){
 html[data-gl-page=search] .gl-top{gap:6px;padding-left:8px;padding-right:8px}
 html[data-gl-page=search] .gl-lang button[aria-pressed=true]{display:none!important}
 html[data-gl-page=search] .gl-reg{padding:0 8px;font-size:12px}
 html[data-gl-page=search] .gl-acct.is-guest{padding:0 8px}
 html[data-gl-page=search] .glw-head{width:36px;height:36px}
}
@media (max-width:359px){html[data-gl-page=search] .gl-top{gap:4px;padding-left:6px;padding-right:6px}html[data-gl-page=search] .gl-brand img{height:22px}html[data-gl-page=search] .gl-reg{padding:0 5px;font-size:10.5px;letter-spacing:-.01em}html[data-gl-page=search] .glw-head{width:32px;height:32px}html[data-gl-page=search] .gl-acct.is-guest{padding:0 6px}html[data-gl-page=search] .gl-lang button{min-width:26px;padding:6px 4px}}
/* Funktionen (Werkzeuge, Seiten, Hilfe) oben in den Treffern; Hilfe bei leeren Ergebnissen (21.10.2026) */
.sz-fns{margin:0 0 4px;padding:6px 8px 8px;border-bottom:1px solid var(--sz-line)}
.sz-fns-h{margin:6px 6px 4px;color:var(--sz-faint);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sz-fn{display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 10px;border-radius:10px;color:#fff}
.sz-fn:hover,.sz-fn:focus-visible{background:rgba(245,197,66,.08);background:color-mix(in srgb,var(--sz-gold) 10%,transparent);outline:none}
.sz-fn:focus-visible{box-shadow:inset 0 0 0 2px var(--sz-gold)}
.sz-fn-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--sz-line2);color:var(--sz-gold);font-size:16px}
.sz-fn-tx{display:flex;flex-direction:column;min-width:0}
.sz-fn-tx b{font-size:15px}
.sz-fn-tx small{color:var(--sz-muted);font-size:13px;line-height:1.35}
.sz-fn-go{margin-left:auto;color:var(--sz-faint);font-size:20px}
.sz-empty .sz-fns{margin:14px auto 0;max-width:560px;border:1px solid var(--sz-line);border-radius:12px;text-align:left}
.sz-dym{font-size:16px;color:#fff}
.sz-dym .sz-link{font-size:16px;font-weight:800}
.sz-other{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px!important}
.sz-vjump{min-height:38px;padding:6px 14px;border:1px solid;border-radius:999px;font-weight:800;font-size:13.5px;background:transparent}
.sz-fz{margin:6px 14px;color:var(--sz-faint);font-size:12.5px}