/* GuildLoot-Tooltip (gl-tooltip.js): eigener Stil nach Art eines Spiel-Tooltips, ohne Spielgrafiken. */
.gl-tt{position:fixed;z-index:2147483000;max-width:320px;min-width:180px;pointer-events:none;
 background:rgba(7,12,33,.94);color:#fff;border:1px solid #737f9c;border-radius:4px;
 box-shadow:0 0 0 1px rgba(0,0,0,.55),0 8px 22px rgba(0,0,0,.5);font:400 12.5px/1.32 Verdana,"DejaVu Sans",Arial,sans-serif;text-align:left}
.gl-tt[hidden]{display:none}
.gl-tt-body{padding:6px 9px 6px;position:relative}
.gl-tt p{margin:0;padding:0;color:#fff;font:inherit;letter-spacing:0}
.gl-tt p>span{display:inline}.gl-tt p:has(.gl-r){display:flex;justify-content:space-between;gap:16px}
.gl-tt .gl-r{white-space:nowrap}
.gl-tt .gl-tt-name{font-size:14px;font-weight:700;margin-bottom:1px;line-height:1.25}
.gl-tt .gl-tt-name a{color:inherit;text-decoration:none}
.gl-tt .gl-green{color:#1eff00}
.gl-tt .gl-yellow{color:#ffd100}
.gl-tt .gl-mut{color:#9d9d9d}
.gl-tt .gl-white{color:#fff}
.gl-tt .gl-ind{padding-left:10px}
.gl-tt .gl-gap{height:6px}
.gl-tt .gl-sell{margin-top:3px;color:#fff}
.gl-tt .gl-note{margin-top:4px;color:#c9b27a;font-size:11px}
.gl-tt .gl-src{margin-top:5px;padding-top:4px;border-top:1px solid rgba(255,255,255,.12);color:#8f9bb8;font-size:10.5px}
.gl-tt .gl-sock::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;border:1px solid #777;background:#333;vertical-align:-1px}
.gl-tt .gl-sock-1::before{background:#bbb}.gl-tt .gl-sock-2::before{background:#c0352b}.gl-tt .gl-sock-4::before{background:#d8b72a}.gl-tt .gl-sock-8::before{background:#3463c9}
.gl-m{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.gl-coin{display:inline-block;width:.68em;height:.68em;border-radius:50%;box-shadow:inset 0 -1px 0 rgba(0,0,0,.35);flex:none}
.gl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gl-g .gl-coin{background:#e5c64b}.gl-s .gl-coin{background:#c7cfd8}.gl-k .gl-coin{background:#c46b37}
.gl-q-poor{color:#9d9d9d!important}.gl-q-common{color:#fff!important}.gl-q-uncommon{color:#1eff00!important}.gl-q-rare{color:#0070dd!important}
.gl-q-epic{color:#a335ee!important}.gl-q-legendary{color:#ff8000!important}.gl-q-artifact{color:#e6cc80!important}
/* Heller Hintergrund der Seiten: Tooltip bleibt dunkel (wie im Spiel). Seltene/epische Farben etwas heller für Kontrast. */
.gl-tt .gl-q-rare{color:#3d9bff!important}.gl-tt .gl-q-epic{color:#b964ff!important}
/* Statisch eingebettet (Itemseiten, Detail-Sheets): im Fluss, ohne Schatten. */
.gl-tt.gl-tt-in{position:static;pointer-events:auto;max-width:none;min-width:0;box-shadow:none;z-index:auto}
.gl-tt-static{max-width:420px}
/* Handy-Sheet */
.gl-tt-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483001;padding:12px 12px calc(12px + env(safe-area-inset-bottom));
 background:#070d1f;border-top:1px solid #3a4565;box-shadow:0 -10px 30px rgba(0,0,0,.55);transform:translateY(105%);transition:transform .18s ease;max-height:72vh;overflow:auto;overscroll-behavior:contain}
.gl-tt-sheet.open{transform:none}
.gl-tt-sheet .gl-tt-in{border-radius:6px}
.gl-tt-head{position:sticky;top:-8px;z-index:2;display:flex;justify-content:center;align-items:flex-start;height:0;margin:0}
.gl-tt-grip{width:42px;height:4px;border-radius:2px;background:#4a5470;margin-top:-2px}
.gl-tt-x{position:absolute;right:0;top:-2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0d1530;border:1px solid #3a4565;border-radius:50%;color:#e3e9f8;font-size:26px;line-height:1;cursor:pointer;padding:0}
.gl-tt-act{display:flex;gap:10px;margin-top:10px}
.gl-tt-go{flex:1;display:block;text-align:center;padding:11px 14px;border-radius:10px;background:#e8c27a;color:#0b1530!important;font-weight:700;text-decoration:none;font:700 15px/1.2 -apple-system,"Segoe UI",sans-serif}
@media (prefers-reduced-motion:reduce){.gl-tt-sheet{transition:none}}
/* Itemsymbol: am Desktop links neben dem Tooltip (oben bündig, wie bei Wowhead), eingebettet klein neben dem Namen. */
.gl-tt .gl-tt-ic{position:absolute;left:-63px;top:-1px;width:56px;height:56px;border:2px solid #1b2033;border-radius:6px;box-shadow:0 0 0 1px #4a5470,0 4px 12px rgba(0,0,0,.5);background:#0b1020}
.gl-tt.gl-tt-in .gl-tt-ic{position:static;float:left;width:30px;height:30px;margin:1px 8px 2px 0;border-width:1px;border-radius:4px;box-shadow:0 0 0 1px #4a5470}
.gl-tt.gl-tt-in .gl-has-ic .gl-tt-name{min-height:32px;display:flex;align-items:center}
.gl-tt.gl-tt-in{font-size:13px}
/* Handy-Sheet kompakt: höchstens halbe Bildschirmhöhe, scrollbar. */
.gl-tt-sheet{max-height:50vh;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.gl-tt-sheet .gl-tt-in{font-size:14px;line-height:1.3}
.gl-tt-sheet .gl-tt-body{padding:6px 8px}
.gl-tt-sheet .gl-tt-in{margin-top:10px}
.gl-tt-sheet .gl-tt-in .gl-tt-body{padding-right:44px}
.gl-tt-sheet .gl-tt-act{margin-top:6px}
.gl-tt-sheet .gl-tt-go{flex:0 1 auto;margin:0 auto;padding:7px 16px;border-radius:8px;font:700 14px/1.2 -apple-system,"Segoe UI",sans-serif}