/* One layout container keeps artwork, status dots and captions on shared baselines. */
:root{--hud-size:44px;--hud-icon:32px;--hud-height:calc(var(--hud-size) + 22px);--hud-left:max(14px,env(safe-area-inset-left));--hud-bottom:max(16px,env(safe-area-inset-bottom));--quest-mobile-height:70dvh}
#game-hud{position:fixed;left:var(--hud-left);bottom:var(--hud-bottom);z-index:50;display:grid;grid-template-columns:repeat(3,52px);align-items:start;gap:8px}
#world-button.hud-icon,#chat-toggle.hud-icon,#quest-toggle.hud-icon{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:52px;height:var(--hud-height);min-width:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:none;color:#eddbb9;box-shadow:none;font:10px/14px ui-monospace,monospace;text-align:center;cursor:pointer}
.hud-art{position:relative;display:grid;place-items:center;flex:none;width:var(--hud-size);height:var(--hud-size);border:0;border-radius:0;background:none;box-shadow:none}
.hud-art img{display:block;width:var(--hud-icon);height:var(--hud-icon);object-fit:contain;image-rendering:pixelated;pointer-events:none}
.hud-caption{display:block;flex:none;height:14px;line-height:14px;white-space:nowrap;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000,0 0 5px #000}
#game-hud .hud-icon:hover{background:none}#game-hud .hud-icon:hover img{filter:brightness(1.12)}.hud-icon:focus-visible{outline:2px solid #e5bd7b;outline-offset:4px}.hud-icon[aria-expanded=true] .hud-caption{color:#ffe3a7;text-decoration:underline;text-underline-offset:3px}
#game-hud .world-dot{position:absolute;right:2px;bottom:2px;width:8px;height:8px;border:1px solid #28232e;box-shadow:0 0 0 1px #121019}
.hud-unread{position:absolute;right:1px;top:1px;width:9px;height:9px;border:1px solid #f6a49e;border-radius:50%;background:#dd424d;box-shadow:0 0 0 2px #28232e}.hud-unread[hidden]{display:none}
#chat-panel{left:var(--hud-left);bottom:calc(var(--hud-bottom) + var(--hud-height) + 14px);width:min(350px,calc(100vw - 28px));border:1px solid #7c624c;border-top-color:#b79566;border-radius:8px;overflow:hidden;background:#211e29f5;box-shadow:0 8px 28px #0007}
#chat-panel[hidden]{display:none}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:#332a35;border-bottom:1px solid #63513e;font-size:12px}
#chat-close{display:grid;place-items:center;min-width:32px;min-height:32px;padding:0;border:0;background:none;color:#d3baa0;font:23px/1 monospace;cursor:pointer}
#chat-messages{height:140px;max-height:24dvh}#chat-input{min-height:50px}.chat-header #chat-title{font-weight:700}
#quest-panel.quest-dialog{position:fixed;inset:0;margin:auto;width:min(500px,90vw);max-height:min(650px,80dvh);padding:20px;z-index:auto}
#quest-panel.quest-dialog[open]{display:flex;flex-direction:column}
#quest-panel.quest-dialog header{flex:none;align-items:center;padding-bottom:14px;border-bottom:1px solid #72543f;gap:12px}
#quest-panel.quest-dialog h1{margin:0;font-size:22px;letter-spacing:.02em}
#quest-total{font-size:12px;margin-left:8px;font-weight:400;color:#b49b7a}
#quest-list{padding:0;max-height:none;min-height:0;overflow:auto;flex:1;overscroll-behavior:contain}
#quest-list h2{font-size:10px;margin:18px 0 9px;color:#b89c78;font-weight:700;letter-spacing:.12em}
#quest-panel .quest-row{display:block;width:100%;padding:14px;margin:0 0 9px;background:#181820a8;border:1px solid #5c483d;border-radius:6px;text-align:left;font:13px/1.55 ui-monospace,monospace;cursor:default}
.quest-row-heading{display:flex;align-items:flex-start;gap:10px}.quest-label{overflow-wrap:anywhere}.quest-mark{flex:none;font-size:16px;line-height:21px}
.quest-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.quest-actions button{min-height:40px;flex:1;font-size:12px!important}
.quest-actions [data-action=follow],#quest-detail-follow{background:#674131;border-color:#ad8452;color:#f7e1b8}
#quest-panel .quest-row[data-complete=true]{background:#1b211f70;border-color:#435044}.quest-row[data-complete=true] .quest-actions button:disabled{opacity:.35}
#quest-follow-status{font-size:12px;color:#e4af92;margin:12px 0 0;flex:none}#quest-follow-status:empty{display:none}
#quest-detail{width:min(470px,90vw);max-height:80dvh;border-radius:8px}#quest-detail h1{font-size:20px}
#quest-panel .quest-close,#quest-detail .quest-close{min-width:36px;min-height:36px;flex:none;font:26px/1 monospace}
.asset-editor-open #chat-toggle,.asset-editor-open #quest-toggle{visibility:hidden}
@media(max-width:600px){
  :root{--hud-left:max(12px,env(safe-area-inset-left));--hud-bottom:max(12px,env(safe-area-inset-bottom))}
  #quest-panel.quest-dialog,#quest-detail{width:90vw;max-width:90vw;max-height:var(--quest-mobile-height);padding:16px}
  #quest-panel.quest-dialog h1{font-size:19px}#quest-list h2{margin-top:14px}#quest-panel .quest-row{padding:11px;font-size:12px}
  .quest-actions{margin-top:10px}.quest-actions button{min-height:40px;padding:8px 10px!important}
  #quest-detail h1{font-size:18px}#quest-description{line-height:1.65;margin-bottom:15px}
  #chat-panel{width:min(330px,calc(100vw - 24px))}#chat-messages{height:105px}
  #coordinates{bottom:calc(var(--hud-bottom) + var(--hud-height) + 12px)}
}

.asset-editor-open #game-hud{visibility:hidden}
@media(orientation:landscape) and (max-height:450px){
  #game-hud{left:auto;bottom:auto;top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
}