/* Corner controls use the same dark pixel panels as the town. */
.site-header,.roaming .site-header{max-width:calc(100% - 390px)}
.site-header #online-status{height:30px;font-size:9px}
.jlu-corner-nav.town-primary-actions{max-width:calc(100% - 280px);overflow:visible;flex-wrap:nowrap;padding:0;gap:5px}
.town-primary-actions>button{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;min-width:64px}
.town-primary-actions>button svg{width:14px;height:14px}
.town-primary-actions>#header-walk{min-width:90px;padding:4px 9px;font:12px/16px var(--pixel);background:var(--jlu-gold);color:#27212a;border:2px solid var(--jlu-edge);box-shadow:inset 0 0 0 1px #fff3c4;transform:none}
.town-primary-actions>#growth-wallet{position:static;min-width:92px;gap:3px}
.town-primary-actions #growth-coin-count{min-width:16px;font-size:10px}
#town-more-toggle svg{width:12px;height:12px;transform:rotate(90deg)}
#town-more-toggle[aria-expanded="true"]{background:#5a4e65;color:#f2d38e}
#town-more-toggle[aria-expanded="true"] svg{transform:rotate(-90deg)}
.town-more-panel{position:absolute;z-index:10;top:46px;right:8px;width:340px;max-width:calc(100% - 16px);max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain;padding:8px;background:var(--jlu-panel);color:var(--jlu-text);border:2px solid var(--jlu-edge);box-shadow:inset 0 0 0 1px var(--jlu-light),3px 3px 0 #201a2b55;scrollbar-width:thin;scrollbar-color:#a895b4 #2b2533}
.town-more-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;padding-left:5px;font:15px var(--pixel)}
.town-more-heading strong{font-weight:400}
.town-more-heading button{display:grid;place-items:center;width:44px;height:44px;color:var(--jlu-text);background:#484052;border:1px solid #81748c}
.town-more-heading svg{width:16px;height:16px}
.town-more-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.town-more-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:0;padding:8px 6px;border:1px solid #81748c;background:#484052;color:var(--jlu-text);font:12px/1.5 var(--pixel);white-space:normal}
.town-more-actions>button:hover,.town-more-heading button:hover{background:#5a4e65}
.town-more-actions .favorites-label{display:inline}
.town-more-actions svg{width:15px;height:15px}
.town-more-actions .count-badge{min-width:18px;background:#302939;color:#e9d599}
.town-primary-actions>button:focus-visible,.town-more-panel button:focus-visible,.town-mini-map summary:focus-visible,#hud-toggle:focus-visible{outline:2px solid #f2cc76;outline-offset:2px}
.roaming .roam-hud{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
.roam-hud .roam-heading strong{overflow:hidden;text-overflow:ellipsis}
.roam-hud #hud-toggle{min-height:32px;width:100%;text-align:left;padding:6px 2px}
#map-shell.hud-compact #roam-objective{margin-top:4px;padding:4px 2px 0;border:0;background:none}
#map-shell.hud-compact #roam-objective>span,#map-shell.hud-compact #quest-action{display:none}
#map-shell.hud-compact #quest-objective{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.6}
#map-shell.hud-compact .roam-heading>div>span{display:none}
.roaming .town-mini-map,.night.roaming .town-mini-map{width:164px;top:46px}
.town-mini-map>summary{display:flex;align-items:center;gap:6px;min-height:36px;padding:7px;color:var(--jlu-text);font:11px var(--pixel);cursor:pointer;list-style:none}
.town-mini-map>summary::-webkit-details-marker{display:none}
.town-mini-map>summary>svg{width:14px;height:14px}
.town-mini-map>summary>time{margin-left:auto;font:14px/1 var(--pixel);font-variant-numeric:tabular-nums;color:#f0d494}
.town-mini-map:not([open])>summary{background:#484052}
.roaming .town-mini-map>.town-mini-details{display:block;padding:0}
.town-mini-map:not([open])>.town-mini-details{display:none}
.roaming .town-mini-map canvas{width:158px;height:109px}
.town-mini-meta{display:flex;align-items:center;gap:5px;padding:5px;font:9px var(--pixel);color:#d0c4d6}
.town-mini-meta #zoom-level{margin-left:auto}
.town-mini-details .map-weather{display:flex;gap:5px;border:0;padding:0;background:none;color:#5f4d48;font:10px var(--pixel)}
.town-mini-details .map-weather svg{width:14px;height:14px}
.roaming .town-mini-details .mini-clock{display:grid;grid-template-columns:1fr auto;gap:4px;padding:7px}
.roaming .map-controls,.night.roaming .map-controls{top:282px}
.town-mini-map[hidden],.town-more-panel[hidden]{display:none!important}
@media(max-width:760px){
  .site-header,.roaming .site-header,.night.roaming .site-header{top:6px;left:6px;right:6px;width:auto;max-width:none;height:30px;justify-content:space-between}
  .site-header .brand strong,.site-header .brand strong .pixel{font-size:12px}
  .jlu-corner-nav.town-primary-actions{top:42px;left:6px;right:6px;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;justify-content:stretch}
  .town-primary-actions>button,.town-primary-actions>#header-walk,.town-primary-actions>#growth-wallet{height:44px;min-height:44px;min-width:0;padding:6px 3px;font-size:11px;gap:4px}
  .town-primary-actions>#header-walk>svg{display:none}
  .town-primary-actions #growth-coin-count{font-size:9px;max-width:31px;overflow:hidden;text-overflow:ellipsis}
  .town-primary-actions>#growth-wallet{gap:2px}
  .town-more-panel{top:94px;right:6px;width:340px;max-width:calc(100% - 12px);max-height:calc(100dvh - 280px)}
  .roaming .roam-hud,.night.roaming .roam-hud{top:94px;left:6px;width:calc(100% - 134px);max-width:300px;max-height:calc(100dvh - 280px);padding:6px}
  .roam-hud .roam-heading{gap:5px}
  .roam-hud .roam-heading strong{font-size:13px}
  .roam-hud .roam-heading>.roam-avatar{display:none}
  .roam-hud .roam-heading>#roam-help{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;font-size:16px}
  .roam-hud #hud-toggle{min-height:44px;margin-top:1px;font-size:11px}
  .roam-hud #scene-exit{min-height:44px;width:100%;margin-top:4px}
  .roam-hud #scene-selector{min-height:44px}
  .roam-hud #scene-selector-wrap>span{display:none}
  .roaming .town-mini-map,.night.roaming .town-mini-map{top:94px;right:6px;width:116px}
  .town-mini-map>summary{min-height:44px;gap:4px;padding:6px 4px;font-size:10px}
  .town-mini-map>summary>svg{width:12px;height:12px}
  .town-mini-map>summary>time{font-size:12px}
  .roaming .town-mini-map canvas{width:110px;height:76px}
  .town-mini-meta{font-size:8px;padding:4px}
  .town-mini-meta #zoom-level{display:none}
  .roaming .town-mini-details .mini-clock{grid-template-columns:1fr;padding:5px;gap:3px}
  .town-mini-details #mini-location{display:none}
  .town-mini-details .map-weather{font-size:9px}
  .roaming .map-controls,.night.roaming .map-controls{top:148px;right:6px;display:grid;grid-template-columns:repeat(2,44px);gap:2px;padding:3px;z-index:4}
  .roaming .map-controls button{width:44px;height:44px}
  .roaming .town-map-expanded .map-controls,.night.roaming .town-map-expanded .map-controls{top:302px}
  .roaming .roam-tools,.night .roam-tools{bottom:120px;left:12px;right:12px;transform:none;width:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
  .roaming #roam-tools:has(#home-decorate:not([hidden])){grid-template-columns:repeat(5,minmax(0,1fr))}
  .roam-tools button{min-height:44px;font-size:11px}
  .roam-tools .roam-backpack{display:none}
  .roaming .walking-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}
}
@media(max-width:760px) and (max-height:650px){
  .roaming .town-mini-map canvas{width:73px;height:50px;margin:auto}
  .roaming .town-map-expanded .map-controls,.night.roaming .town-map-expanded .map-controls{top:260px}
}