/* v0.41 shared playability: readable controls, unobstructed play and dialogs. */
.hq-dialog-open{overflow:hidden}
.modal-panel{scrollbar-width:thin;scrollbar-color:#62826c #06241e}
.modal-panel input,.modal-panel select,.modal-panel textarea{max-width:100%}
.world-target-label{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 0 auto;color:var(--muted);font-size:11px}
#world-target-select{width:220px;max-width:100%;min-width:0;min-height:36px;padding:6px 9px;font-size:12px!important}
.world-toolbar #map-presence-count{font-size:11px;white-space:nowrap}
#main-content .button,#main-content summary,.modal-panel .button{transition:background-color .12s,border-color .12s,box-shadow .12s}
#main-content .button:focus-visible,.modal-panel :focus-visible{outline:2px solid #f0d48a;outline-offset:3px}
.journal-tabs,.protocol-tabs,.workshop-tabs{scroll-padding-inline:10px;scrollbar-color:#5d7560 transparent}
.hq-encounter-result:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.storage-filters label,.recipe-search label{line-height:1.4}
.player-row,.guild-item,.market-card,.raid-boss-card{min-width:0}
.chat-form button,.form-actions .button{flex-shrink:0}
.empty .button,.storage-empty .button{margin-top:10px}
.content-grid{scroll-margin-top:80px}
@media(min-width:1100px){
  .page-heading h1{line-height:1.15}
  #world-play-panel .world-toolbar{flex-wrap:wrap}
}
@media(max-width:1099px){
  #world-play-panel .world-toolbar{flex-wrap:wrap}
  .world-target-label{flex:1 1 170px;justify-content:flex-end}
  #world-target-select{width:190px}
}
@media(max-width:780px){
  input,select,textarea{font-size:16px!important}
  #world-play-panel .world-toolbar>div{flex:1 1 100%}
  .world-target-label{margin:0;justify-content:flex-start;flex:1 1 100%;gap:8px}
  .world-target-label>span{font-size:11px}
  #world-target-select{flex:1;width:100%;min-height:38px;font-size:12px!important}
  .world-toolbar #map-presence-count{display:none}
  .hq-encounter-next .button{min-height:44px}
  .chat-form input,.chat-form textarea{min-height:44px}
  #main-content>.page-heading .pill{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  #main-content .button,#main-content summary,.modal-panel .button{transition:none}
}
/* Keep each balance readable as a whole number. Currency pills and their
   group can move to another line instead of splitting a balance's digits. */
@media(max-width:780px){
 .topbar{flex-wrap:wrap!important;align-content:center}
 #game-menu-toggle{order:0;flex:none}
 .topbar .ui-mobile-brand{order:1;flex:1 0 auto;margin-right:0}
 .topbar .top-actions{order:2;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
 .topbar .currency{flex:0 0 auto;max-width:100%;white-space:nowrap;overflow:auto;scrollbar-width:thin}
 .topbar .currency b{flex:none;max-width:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}
 .topbar .currency small{display:inline;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}