/* Map access lives next to gold on every screen. The compact history opens the
   existing pause-safe dialog, so the live combat viewport keeps its full size. */
.wallet-tools{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.wallet-tools button{display:flex;align-items:center;justify-content:center;min-height:28px;padding:4px 8px;border:1px solid #8a92746b;border-radius:3px;background:#14271ee6;font-size:12px;line-height:18px;white-space:nowrap;color:#dddcc4}
.wallet-tools button:hover{border-color:#cebf8c;background:#354432}
.wallet-tools #mobile-log-button,.wallet-tools #mobile-guide-button{display:none}
.wallet-tools #world-map-button.map-attention{padding:3px 7px}
.combat-log-history{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.combat-log-history p{padding:7px 0;border-bottom:1px solid #46543b66;color:#cbd7bd}
.combat-log-history p.loot{color:#e6d39e}.combat-log-history p.rare{color:#b1dceb}.combat-log-history p.warn,.combat-log-history .xp-limit{color:#f29487}
.combat-log-history time{display:inline-block;margin-right:10px;color:#a0ae94;font-size:11px;font-variant-numeric:tabular-nums}
#modal[data-view="log"]{width:min(620px,calc(100vw - 28px))}
#modal[data-view="log"] #modal-body{overscroll-behavior:contain;touch-action:pan-y}
#modal[data-view="guide"] .help-row{gap:16px;padding:14px 0}
#modal[data-view="guide"] .help-row>span{flex:0 0 120px;min-width:0;color:#dcc38e;line-height:1.8}
#modal[data-view="guide"] .help-row>div{line-height:1.8}
.guide-credits{font-size:11px;line-height:1.8;color:#a4b099;margin-top:18px}
@media(max-width:1200px){.wallet-tools #mobile-log-button{display:flex}}
@media(max-width:1050px){.wallet-tools #mobile-guide-button{display:flex}}
@media(max-width:760px),(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #game-ui .wallet{height:30px;gap:5px;margin-bottom:4px}
 #game-ui .wallet>span{display:none}#game-ui .wallet>b{margin-left:0;margin-right:auto;font-size:14px}
 #game-ui .wallet-tools{gap:4px}#game-ui .wallet-tools button{min-height:30px;padding:5px 7px;font-size:12px}
 #game-ui .wallet-tools #mobile-log-button,#game-ui .wallet-tools #mobile-guide-button{display:flex}
 #game-ui .wallet-tools #world-map-button.map-attention{padding:4px 6px}
 #game-ui>footer .quickbar{padding-top:4px;padding-bottom:4px}
 #modal[data-view="guide"] .help-row{display:block;padding:12px 0}
 #modal[data-view="guide"] .help-row>span{display:block;font-size:14px;margin-bottom:5px}
 .combat-log-history{font-size:13px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #game-ui .wallet{height:26px;margin-bottom:2px}#game-ui .wallet-tools button{min-height:26px;padding-block:3px}
 #game-ui .wallet-tools #world-map-button.map-attention{padding-block:2px}
 #game-ui .wallet-tools{gap:3px}#game-ui .wallet-tools button{padding-inline:5px;font-size:12px}
 #game-ui .wallet-tools #world-map-button.map-attention{padding-inline:4px}
}