/* Compact field notebook + bottom tool belt leave the middle of the town open. */
.roaming .roam-hud{width:276px;padding:11px 12px;left:18px;top:16px;border-width:2px}
.roam-hud .roam-heading strong{font-size:18px}
.roam-hud>#roam-status{font-size:8px;margin-top:9px;padding-top:7px}
.roam-hud>#scene-selector-wrap{margin-top:9px}
.roam-hud .roam-objective{margin-top:9px;padding:8px 9px}
.roam-hud .roam-objective>strong{font-size:11px;line-height:1.65}
#hud-toggle{font:10px var(--pixel);color:#6d7b60;margin-top:8px;padding:3px 0}
.night #hud-toggle{color:#c3b4ce}
.hud-compact #roam-status,.hud-compact #scene-selector-wrap{display:none!important}
.roaming .roam-tools{position:absolute;z-index:4;bottom:57px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:4px;background:#fff9e8f2;border:2px solid #7e8d73;padding:5px;box-shadow:3px 3px 0 #263e3733;margin:0}
.roam-tools button{min-height:38px;font-size:12px;padding:5px 10px;gap:6px}
.roam-tools #guard-progress,.roam-tools #journal-progress{font:9px monospace}
.roam-tools kbd{padding:2px 3px;border:1px solid #b8c2a8}
.night .roam-tools{background:#242636f2;border-color:#776b82}
.roaming .mini-map{top:16px;right:18px;width:136px}
.roaming .mini-map canvas{width:130px;height:90px}
.roaming .mini-clock{padding:6px 8px;display:grid;grid-template-columns:1fr auto;align-items:center}
.mini-clock time{font-size:22px}.mini-clock small{display:none}
.roaming .map-controls{top:191px;right:18px}
.roaming .enter-hint{bottom:121px;max-width:calc(100% - 40px)}
.roaming .enter-hint>span{overflow:hidden;text-overflow:ellipsis}
.roaming .interact-button{bottom:59px}
.duty-summary{display:flex;gap:14px;align-items:center;border:2px solid var(--act-edge,#bdc9ad);background:var(--act-soft,#edf1e3);padding:14px;margin:14px 0}
.duty-summary strong{font:19px/1.5 var(--pixel);color:var(--act-ink,#293c30)}
.duty-summary p{font-size:12px;margin:3px 0;color:var(--act-muted,#64715b)}
.duty-seal{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;color:#f8df9f;background:#344e60;border:3px solid #bda56e;font:18px var(--pixel);box-shadow:inset 0 0 0 3px #344e60,inset 0 0 0 4px #7e939c}
.duty-route{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}
.duty-route li{display:flex;align-items:center;gap:12px;border:1px solid var(--act-edge,#bdc9ad);padding:10px;background:var(--act-paper,#fffef8)}
.duty-route li>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;background:#344e60;color:#f9dda1;font:16px var(--pixel)}
.duty-route li>div{flex:1;min-width:0}.duty-route strong{display:block;font:16px var(--pixel)}
.duty-route small{display:block;font-size:11px;color:var(--act-muted,#64715b);line-height:1.6;margin-top:4px}
.duty-route .done>span{background:#5c785a}.duty-route .act-button{flex:0 0 auto;font-size:11px;padding:7px}
.duty-stamp{width:190px;margin:15px auto 22px;border:4px double #6a8974;text-align:center;color:#5d7966;padding:16px;transform:rotate(-3deg);font:15px/1.8 var(--pixel)}
.duty-stamp strong{display:block;font-size:23px}.duty-stamp small{display:block;font:12px monospace}
.night .duty-stamp{color:#b5d1b8;border-color:#91ad94}
@media(hover:hover) and (pointer:fine) and (min-width:761px){.roaming #walking-pad{display:none!important}}
@media(max-width:760px){
  .roaming .roam-hud{top:10px;left:10px;width:calc(100% - 128px);max-width:280px;padding:9px}
  .roam-hud .roam-heading{gap:7px}.roam-hud .roam-heading strong{font-size:15px}
  .roam-hud>#roam-status{display:none}.roam-hud>#scene-selector-wrap{gap:4px;font-size:8px;margin-top:8px}
  .roam-hud select{font-size:10px!important;padding:5px}
  .roam-hud .roam-objective{padding:6px;margin-top:8px}.roam-hud .roam-objective>strong{font-size:10px}
  .roaming .mini-map{top:10px;right:10px;width:100px}.roaming .mini-map canvas{width:94px;height:65px}
  .roaming .mini-clock{display:flex;padding:4px;gap:1px}.mini-clock time{font-size:20px}
  .roaming .map-controls{top:171px;right:10px}
  .roaming .roam-tools{left:12px;right:12px;bottom:165px;transform:none;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:3px}
  .roam-tools button{min-height:36px;font-size:10px;padding:5px 2px;gap:3px}.roam-tools svg{width:12px;height:12px}.roam-tools kbd{display:none}
  .roaming .enter-hint{bottom:224px;padding:8px;gap:6px;max-width:calc(100% - 24px)}
  .roaming .enter-hint>span{font-size:14px}.roaming .enter-hint button{font-size:9px;margin-left:3px}
  .duty-route li{gap:8px;padding:8px;flex-wrap:wrap}.duty-route li>div{flex-basis:calc(100% - 50px)}.duty-route .act-button{margin-left:38px}
  .duty-summary{padding:10px;gap:10px}.duty-summary strong{font-size:17px}.duty-summary p{font-size:11px}
}
@media(max-height:600px){.roaming .roam-objective{display:block}.roaming .roam-tools{bottom:49px;left:50%;right:auto;transform:translateX(-50%);width:310px}.roaming .enter-hint{bottom:104px}.roaming .mini-clock{display:none}.roaming .map-controls{top:125px}}