/* gladiator panel (gpanel.js): fixed-height card on desktop, bottom sheet (max 40% of the screen) on phone; 8px rhythm, one button style */
body #detail{width:370px;height:380px;max-height:calc(100vh - 76px);display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;overflow:visible;font-family:Alegreya,Georgia,'Times New Roman',serif}
body #detail.hide{display:none}
#detail .btn{font-family:inherit;font-size:14px;min-height:44px;padding:4px 8px;border-radius:8px}
#detail .grab{display:none}
#detail .gh{display:flex;align-items:center;gap:8px;min-height:46px;touch-action:none}
#detail .gt{flex:1;min-width:0}#detail .gt h2{margin:0;font-size:19px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#detail .gt .sub{margin:2px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#detail .ib{flex:none;width:44px;height:44px;border-radius:8px;border:1px solid #6b442366;background:#fff3;color:#3b2812;font:16px/1 system-ui,sans-serif;cursor:pointer;padding:0}
#detail .ib.on{background:#d9a640;border-color:#9a6b1e}#detail .ib:hover{background:#fff6}
#detail #dchip{width:auto;padding:0 8px;background:#a01818;border-color:#a01818;color:#fff;font-size:13px}#detail #dchip.hide{display:none}
#detail .dpop{position:absolute;right:8px;top:62px;z-index:8;display:flex;flex-direction:column;gap:8px;padding:8px;width:min(300px,calc(100% - 16px));background:#f4e6c0;border:2px solid #6b4423;border-radius:8px;box-shadow:0 6px 18px #0008}
#detail .dpop.hide{display:none}#detail .dpop .btn{text-align:left}#detail .dpop small{float:right;opacity:.8;margin-left:8px}#detail #dinj .fo3 .btn{text-align:center;font-size:13px}
#detail .vit{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#detail .vb{display:grid;grid-template-columns:auto 1fr 24px;align-items:center;gap:8px;font-size:13px}#detail .vb i{font-style:normal}#detail .vb b{text-align:right;font-weight:600}
#detail s{display:block;height:5px;border-radius:3px;background:#0002;overflow:hidden;text-decoration:none}#detail s u{display:block;height:100%;background:#6b8a3a;text-decoration:none}
#detail .vb.gezondheid u{background:#b0302a}#detail .vb.moraal u{background:#d39a2a}
#detail .tabs{margin:0;gap:8px}#detail .tabs .btn{flex:1}
#detail .tbody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#detail .tp{display:none}#detail[data-tab="0"] .tp0,#detail[data-tab="1"] .tp1,#detail[data-tab="3"] .tp3{display:block}
#detail .chip{display:inline-block;font-size:12.5px;line-height:1.3;padding:4px 8px;border-radius:10px;background:#5a3a1e18;border:1px solid #5a3a1e44;margin-bottom:8px}
#dst{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#dst .sc{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 8px;padding:8px;border-radius:8px;background:#fff3;font-size:13px}
#dst .sc i{font-style:normal}#dst .sc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dst .sc b{font-size:16px}#dst .sc s{grid-column:1/-1}
#detail .fo{gap:8px}#detail .lh{font-size:12.5px;color:#6b4a2a;margin:8px 0 8px}#detail .lh:first-child{margin-top:0}
#detail .tl{margin:0;gap:4px 8px;font-size:13px}#detail .tl .btn{min-width:64px;min-height:44px}#detail #ttr .sub{margin:0 0 8px;font-size:12.5px}
#detail .gtier{display:grid;gap:4px;margin-bottom:8px}#detail .gtier b{font-size:15px}#detail .gtier small{font-size:12px;color:#6b4a2a}
#detail .slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}#detail .slot{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:#fff3;font-size:13px;min-height:44px}#detail .slot span{display:block;font-size:11.5px}#detail .slot b{display:block;line-height:1.15}
#detail .slot i{font-style:normal;text-align:center}#detail .slot span{color:#6b4a2a}#detail .slot b{font-weight:600}#detail .gtier small:last-child{font-size:11.5px}
#dpt .pt{width:34px;height:46px}
@media(max-width:600px){body #detail{left:0;right:0;bottom:0;top:auto;width:auto;height:40vh;max-height:40vh;min-height:300px;border-radius:14px 14px 0 0;border-bottom:0;padding-top:0;z-index:6;transition:transform .2s}
  #detail .grab{display:flex;justify-content:center;padding:6px 0 0;touch-action:none;cursor:grab}#detail .grab i{width:44px;height:5px;border-radius:3px;background:#6b442388}}
@media(max-height:450px){body #detail{top:54px;right:6px;width:320px;height:calc(100vh - 60px)}}
/* Uitrusting on g.eq (smith): effect line, rank dots, item note, button to the Smidse */
body #detail .gfx{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;margin-top:2px}body #detail .gfx b{color:#2f6a22}
body #detail .slot em{font-style:normal;color:#b8892f;font-size:10px;letter-spacing:1px}body #detail .slot small{display:block;font-size:10.5px;color:#6b4a2a;font-style:italic;line-height:1.2}
body #detail #dsmid{width:100%;margin-top:8px;min-height:44px}
body #detail .gfx .wt{color:#8a3a1a}