/* Loot-Datenbank am Handy (loot.html und die interaktiven SEO-Seiten; Logik: lootdb-mobile.js).
   Alles gilt nur mit html.mdb-on, das lootdb-mobile.js bis 700 px Breite setzt – der Desktop bleibt unverändert. */
.mdb-top{display:contents}
.mdb-tools,.mdb-chips,.mdb-dock,.mdb-sheet,.mdb-backdrop,.mdb-more{display:none}
@media (max-width:700px){
 html.mdb-on body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 html.mdb-on.gl-shell.gl-has-side body{padding-bottom:calc(var(--gl-tabbar,0px) + 68px + env(safe-area-inset-bottom))!important}
 html.mdb-on body{overflow-x:clip}
 /* Kompakter Kopf */
 html.mdb-on[data-gl-kind=tool] main>.k,html.mdb-on[data-gl-kind=tool] main>.sub{display:none}
 html.mdb-on main h1{font-size:26px;margin:2px 0 8px}
 html.mdb-on .wrap{padding-top:12px}
 html.mdb-on .seo-static .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;font-size:16px}
 html.mdb-on .seo-static .lead.mdb-open{display:block;-webkit-line-clamp:unset}
 /* Suche oben, beim Scrollen klebend; darunter Version + Filter */
 html.mdb-on .mdb-top{display:block;position:sticky;top:var(--gl-top,56px);z-index:60;margin:0 -16px;padding:8px 16px;background:rgba(7,16,34,.97);border-bottom:1px solid #1b2947;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
 html.mdb-on .mdb-top #searchForm{display:flex;flex-direction:row;gap:8px;margin:0}
 html.mdb-on .mdb-top #searchForm input{flex:1;min-width:0;height:44px;padding:8px 14px;font-size:16px;border-radius:12px}
 html.mdb-on .mdb-top #searchForm .btn{display:none}
 html.mdb-on .mdb-tools{display:flex;gap:8px;margin-top:8px}
 html.mdb-on .mdb-tools select,html.mdb-on .mdb-tools button{min-height:44px;border-radius:12px;border:1px solid #2a3a5c;background:#0a1530;color:#e9eefb;font:600 15px -apple-system,"Segoe UI",sans-serif;padding:0 12px}
 html.mdb-on .mdb-tools select{flex:1;min-width:0;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#f5c542 50%),linear-gradient(135deg,#f5c542 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:30px}
 html.mdb-on .mdb-tools button{flex:0 0 auto;cursor:pointer}
 html.mdb-on .mdb-tools button.on{border-color:#f5c542;color:#f5c542}
 html.mdb-on #tabs,html.mdb-on #fToggle,html.mdb-on #upWrap.mdb-hidden{display:none!important}
 html.mdb-on .gldb-bar>.tabs{display:none!important}
 html.mdb-on main>#filters,html.mdb-on .gldb-bar>#filters{display:none!important}
 /* Kategorie / Raid / Boss als wischbare Chips */
 html.mdb-on .mdb-chips{display:block;margin:10px -16px 0}
 html.mdb-on .mdb-row{display:flex;gap:8px;overflow-x:auto;padding:4px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
 html.mdb-on .mdb-row::-webkit-scrollbar{display:none}
 html.mdb-on .mdb-row[hidden]{display:none}
 html.mdb-on .mdb-chip{flex:0 0 auto;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid #2a3a5c;background:#0a1530;color:#a7b6d3;font:600 14px -apple-system,"Segoe UI",sans-serif;white-space:nowrap;cursor:pointer;scroll-snap-align:start}
 html.mdb-on .mdb-chip[aria-pressed=true]{border-color:#f5c542;color:#1a1300;background:#f5c542}
 html.mdb-on .mdb-row.mdb-l2 .mdb-chip[aria-pressed=true]{background:#141f3a;color:#f5c542}
 /* Liste */
 html.mdb-on .grid,html.mdb-on .gldb-grid{margin-top:12px;gap:12px}
 html.mdb-on aside,html.mdb-on .gldb-grid>aside{display:none}
 html.mdb-on #hot{padding:12px 14px;margin-bottom:12px}
 html.mdb-on #hot>.m{display:none}
 html.mdb-on #hot h2{font-size:17px}
 html.mdb-on #top3{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}
 html.mdb-on #top3{margin-top:8px}
 html.mdb-on #top3 .t{flex:0 0 62%;padding:8px 10px;font-size:14px}
 html.mdb-on #top3 .t .g{font-size:14px}
 html.mdb-on #list .boss{padding:10px 12px;font-size:15px}
 html.mdb-on #list .gh{font-size:18px}
 html.mdb-on #list .row{grid-template-columns:32px minmax(0,1fr) 44px;column-gap:10px;row-gap:2px;padding:8px 8px 8px 12px;min-height:56px;cursor:pointer}
 html.mdb-on #list .row .ic{width:32px;height:32px;grid-row:1/3;align-self:center}
 html.mdb-on #list .row .nm{grid-column:2/3;min-width:0}
 html.mdb-on #list .row .nm a{display:block;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html.mdb-on #list .row .nm small{font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html.mdb-on #list .row .nm .whx{display:none}
 html.mdb-on #list .row .up{font-size:14px;margin-top:1px}
 html.mdb-on #list .row .pop{grid-column:2/3;font-size:0;line-height:0;min-width:0}
 html.mdb-on #list .row .pop>*:not(.bar){display:none}
 html.mdb-on #list .row .pop .bar{height:4px;margin-top:2px;max-width:160px}
 html.mdb-on #list .row .pop.info{font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html.mdb-on #list .row .pop.info>*{display:inline}
 html.mdb-on #list .row .pop.info br{display:none}
 html.mdb-on #list .row .add{grid-column:3/4;grid-row:1/3;align-self:center;justify-self:end;width:44px;height:44px;padding:0;border-radius:50%;font-size:0;line-height:0;display:grid;place-items:center}
 html.mdb-on #list .row .add::before{content:"☆";font-size:22px;line-height:1}
 html.mdb-on #list .row .add[aria-pressed=true]{background:transparent;color:#f5c542}
 html.mdb-on #list .row .add[aria-pressed=true]::before{content:"★"}
 html.mdb-on #list .qgw{margin:8px}
 html.mdb-on .seo-more>summary{min-height:44px}
 /* Untere Leiste: Mein Charakter / Wunschliste */
 html.mdb-on .mdb-dock{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;z-index:8400;left:0;right:0;bottom:calc(var(--gl-tabbar,0px) + env(safe-area-inset-bottom));padding:8px 12px;background:rgba(9,14,28,.97);border-top:1px solid #2a3a5c}
 html.mdb-on .mdb-dock button{min-height:48px;border-radius:12px;border:1px solid #2a3a5c;background:#0a1530;color:#e9eefb;font:700 15px -apple-system,"Segoe UI",sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
 html.mdb-on .mdb-dock b{min-width:22px;height:22px;border-radius:11px;background:#f5c542;color:#1a1300;font-size:14px;display:inline-grid;place-items:center;padding:0 6px}
 html.mdb-on .mdb-dock b[hidden]{display:none}
 /* Bottom-Sheets */
 html.mdb-on .mdb-backdrop.open{display:block;position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.55)}
 html.mdb-on .mdb-sheet.open{display:flex;flex-direction:column;position:fixed;z-index:9001;left:0;right:0;bottom:0;max-height:88vh;max-height:88dvh;background:#0b1530;color:#e9eefb;border:1px solid #2a3a5c;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.6);animation:mdb-up .18s ease-out}
 @keyframes mdb-up{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
 html.mdb-on .mdb-sheet-h{display:flex;align-items:center;gap:8px;padding:10px 8px 6px 16px;border-bottom:1px solid #1b2947}
 html.mdb-on .mdb-sheet-h h2{flex:1;margin:0;font:700 18px Georgia,serif;color:#f5c542;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html.mdb-on .mdb-sheet-x{width:44px;height:44px;border:0;background:transparent;color:#a7b6d3;font-size:26px;line-height:1;cursor:pointer}
 html.mdb-on .mdb-sheet-b{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 html.mdb-on .mdb-sheet-b .card{background:transparent;border:0;padding:0;margin:0}
 html.mdb-on .mdb-sheet-b .card>h2{display:none}
 html.mdb-on .mdb-sheet-b #filters{display:grid!important;grid-template-columns:1fr;gap:10px;margin:0}
 html.mdb-on .mdb-sheet-b #filters .f{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;border:1px solid #2a3a5c;border-radius:12px;padding:4px 10px 4px 14px;flex:none;width:100%;background:#0a1530;color:#a7b6d3;font:15px -apple-system,"Segoe UI",sans-serif}
 html.mdb-on .mdb-sheet-b #filters .f select{min-height:40px;font:700 16px -apple-system,"Segoe UI",sans-serif;max-width:none;flex:1;min-width:0;text-align:right;text-align-last:right;background:transparent;border:0;color:#e9eefb;-webkit-appearance:none;appearance:none;padding:0 4px}
 html.mdb-on .mdb-sheet-b #filters .f select option{background:#0d1a33;color:#e9eefb}
 html.mdb-on .mdb-sheet-b #filters .fcat,html.mdb-on .mdb-sheet-b #filters .f.mdb-chipped{display:none}
 html.mdb-on .mdb-sheet-b #filters .chk{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid #2a3a5c;border-radius:12px;padding:0 14px;color:#a7b6d3;font:15px -apple-system,"Segoe UI",sans-serif}
 html.mdb-on .mdb-sheet-b #filters .chk input{width:20px;height:20px;accent-color:#f5c542}
 html.mdb-on .mdb-sheet-b .mdb-done{border:0;border-radius:12px;background:#f5c542;color:#1a1300;font:800 16px -apple-system,"Segoe UI",sans-serif}
 html.mdb-on .mdb-sheet-b .mdb-done{width:100%;min-height:48px;margin-top:14px}
 html.mdb-on .mdb-sheet-b input,html.mdb-on .mdb-sheet-b select{font-size:16px}
 html.mdb-on .mdb-sheet-b .chrow .btn,html.mdb-on .mdb-sheet-b .chrow select,html.mdb-on .mdb-sheet-b .wl-actions .btn,html.mdb-on .mdb-sheet-b .wl-actions .btn2{min-height:48px}
 html.mdb-on .mdb-sheet-b .wi{min-height:44px}
 html.mdb-on .mdb-sheet-b .wi button{min-width:44px;min-height:44px}
 /* Item-Details */
 html.mdb-on .mdb-item-h{display:flex;gap:12px;align-items:center}
 html.mdb-on .mdb-item-h img{width:48px;height:48px;border-radius:8px;border:2px solid #b06bff}
 html.mdb-on .mdb-item-h small{display:block;color:#a7b6d3;font-size:14px}
 html.mdb-on .mdb-item-name{font-weight:800;font-size:18px;line-height:1.25}
 html.mdb-on .mdb-sec{margin-top:14px}
 html.mdb-on .mdb-sec h3{margin:0 0 6px;font:700 14px -apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9be56a}
 html.mdb-on .mdb-lines{margin:0;padding:10px 12px;list-style:none;border:1px solid #2a3a5c;border-radius:10px;background:rgba(6,10,28,.9);font:14px/1.45 Verdana,Arial,sans-serif}
 html.mdb-on .mdb-lines li:first-child{font-weight:700}
 html.mdb-on .mdb-pop{font-size:15px}
 html.mdb-on .mdb-pop details.more{display:block}
 html.mdb-on .mdb-pop details.more summary{display:none}
 html.mdb-on .mdb-acts{display:grid;gap:10px;margin-top:16px}
 html.mdb-on .mdb-acts a,html.mdb-on .mdb-acts button{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font:800 15px -apple-system,"Segoe UI",sans-serif;text-decoration:none;cursor:pointer}
 html.mdb-on .mdb-acts .mdb-wish{border:0;background:#f5c542;color:#1a1300}
 html.mdb-on .mdb-acts .mdb-wish[aria-pressed=true]{background:transparent;border:1px solid #f5c542;color:#f5c542}
 html.mdb-on .mdb-acts a{border:1px solid #2a3a5c;background:#0a1530;color:#e9eefb}
 html.mdb-on .mdb-sheet .q-poor{color:#9d9d9d}html.mdb-on .mdb-sheet .q-common{color:#fff}html.mdb-on .mdb-sheet .q-uncommon{color:#1eff00}html.mdb-on .mdb-sheet .q-rare{color:#4ea2ff}html.mdb-on .mdb-sheet .q-epic{color:#b06bff}html.mdb-on .mdb-sheet .q-legendary{color:#ff9a3c}
 /* Hinweise der Kopfzeile nicht über der Liste kleben lassen: unten über der Leiste, nach 4 s weg (lootdb-mobile.js) */
 html.mdb-on .gl-toasts{top:auto!important;bottom:calc(var(--gl-tabbar,0px) + 76px + env(safe-area-inset-bottom))!important}
 html.mdb-sheet-open,html.mdb-sheet-open body{overflow:hidden}
 html.mdb-on.mdb-sheet-open .gl-toasts{top:calc(var(--gl-top,56px) + 8px)!important;bottom:auto!important}
 html.mdb-on .mdb-more{display:inline-flex;align-items:center;min-height:44px;margin:-4px 0 6px;padding:0;border:0;background:none;color:#f5c542;font:700 15px -apple-system,"Segoe UI",sans-serif;cursor:pointer}
 html.mdb-on .mdb-more[hidden]{display:none}
 html.mdb-on .tt,html.mdb-on .gl-tt:not(.gl-tt-in){display:none!important}
html.mdb-on .mdb-tt.gl-tt{display:block!important;font-size:14px}
 html.mdb-on .taphint{display:none!important}
}