/* Compact, consistent game HUD. Detailed objectives stay one tap away. */
body{--hud-bg:rgba(24,28,37,.88);--hud-line:rgba(255,255,255,.13);--hud-muted:#bcc3cd;--hud-accent:#ff90b4}
body.playing .vignette{background:linear-gradient(0deg,rgba(17,21,29,.18),transparent 24%)}
header{top:16px;left:20px;right:20px;gap:16px}.brand{font-size:13px;letter-spacing:1px}.brand .logo{width:36px;height:36px;border-radius:10px;font-size:27px}.brand small{font-size:10px;letter-spacing:1px;margin-top:3px}.topright{gap:8px;letter-spacing:.4px}#day{font-size:12px;color:#eef0f5;max-width:190px}
#pause,#leaderboardButton,#musicToggle{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--hud-line);border-radius:12px;background:var(--hud-bg);color:#f5f6fa;font-size:18px}#musicToggle[aria-pressed=true]{border-color:var(--hud-accent);color:var(--hud-accent)}
.metrics{top:70px;left:50%;right:auto;transform:translateX(-50%);width:min(680px,calc(100% - 40px));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:10px 4px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:12px;box-shadow:0 4px 18px #0002;backdrop-filter:blur(12px)}.metrics div{min-width:0;padding:0 10px;text-align:center;border-color:var(--hud-line)}.metrics small{font-size:11px;letter-spacing:.4px;margin-bottom:4px;color:var(--hud-muted)}.metrics strong{font-size:18px;font-variant-numeric:tabular-nums;font-weight:600}
#gameWallet{top:131px;left:50%;transform:translateX(-50%);padding:5px 12px;border:0;border-radius:8px;background:var(--hud-bg);color:#e5dfcf;font-size:12px;max-width:calc(100% - 40px);white-space:normal;text-align:center}
.mission{top:172px;left:20px;right:auto;width:230px;max-height:calc(100dvh - 360px);padding:14px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:12px;box-shadow:0 4px 18px #0002;backdrop-filter:blur(12px);overflow:auto}.mission>.eyebrow{display:none}.mission h2{font-size:16px;line-height:1.35;letter-spacing:0;margin:0 0 10px;font-weight:600}.mission .progress{height:3px}.mission .progress i{background:var(--hud-accent)}#objectiveCount{font-size:12px;margin:7px 0;color:var(--hud-muted)}#hudSafety{margin-top:9px;font-size:12px;color:#d9dedf;line-height:1.4}.objectives{margin-top:5px}.objectives summary{font-size:14px;color:var(--hud-accent);padding:8px 0;min-height:36px}.mission .objectives p{display:block;font-size:14px;line-height:1.5;margin:8px 0;color:#d7dce5}.objectives li{font-size:14px}#survivalStatus{display:block;font-size:12px;color:#e5cfb4}.objectives:not([open]){margin-bottom:-5px}
#eventPanel{top:172px;bottom:auto;right:20px;width:220px;max-height:calc(100dvh - 360px);padding:14px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:12px;box-shadow:0 4px 18px #0002}#eventPanel .eyebrow{font-size:10px;letter-spacing:1px;color:var(--hud-muted)}#eventPanel h2{font-size:15px;line-height:1.4;margin:7px 0;font-weight:600}#eventPanel p{font-size:14px;line-height:1.4;margin:0 0 7px}#eventTime{font-size:12px;color:#f2d1a4}
.touch{left:20px;bottom:52px}.lookControls{right:20px;bottom:52px}.touch button,.lookControls button{width:44px;height:44px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:12px;box-shadow:0 2px 10px #0002}.controlLabel{font-size:10px;letter-spacing:1px;color:#d5dbe4}.lookControls #actionTouch{background:#be426c}.lookControls #runToggle{font-size:12px}.location{left:20px;bottom:192px;font-size:12px;letter-spacing:1px}.location small{display:none}#finish{bottom:192px;right:20px;min-height:36px;border:1px solid var(--hud-line);background:var(--hud-bg);border-radius:10px;font-size:12px}
#prompt{bottom:82px;width:max-content;max-width:calc(100vw - 355px)}#interact{border:1px solid #ff90b477;background:var(--hud-bg);border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.4;white-space:normal}#crosshair{font-size:17px;opacity:.55}.bottom{bottom:22px;left:20px;right:20px}.bottom #inventory{font-size:12px;color:#f1e5d1;max-width:42vw}#saveStatus{bottom:18px;font-size:11px;padding:5px 10px;max-width:45vw;border:0;border-radius:8px;background:var(--hud-bg);color:var(--hud-muted)}#toast{top:170px;bottom:auto;border-radius:12px;padding:12px 18px;font-size:14px}
@media(max-width:700px){header{top:max(10px,env(safe-area-inset-top));left:12px;right:12px}.brand{font-size:11px}.brand small{display:none}.brand .logo{width:30px;height:30px;font-size:23px}.brand{gap:6px}.topright{gap:5px}#day{font-size:10px;max-width:85px}#pause,#leaderboardButton,#musicToggle{width:36px;height:40px;font-size:17px}.metrics{top:64px;left:12px;right:12px;transform:none;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0;padding:10px 3px}.metrics div:nth-child(3){border:0}.metrics small{font-size:11px}.metrics strong{font-size:16px}#gameWallet{top:173px;font-size:11px;padding:4px 9px;max-width:94vw}.mission{top:208px;left:12px;right:auto;width:calc(50% - 18px);max-height:calc(100dvh - 405px);padding:10px}.mission h2{font-size:14px;margin-bottom:8px}#hudSafety,#objectiveCount{font-size:12px}.objectives summary{font-size:13px;line-height:1.4;min-height:44px}#eventPanel{top:208px;bottom:auto;right:12px;width:calc(50% - 18px);max-height:calc(100dvh - 405px);padding:10px}#eventPanel h2{font-size:14px}#eventPanel p{font-size:12px}#eventPanel .eyebrow{display:none}.touch{left:12px;bottom:62px}.lookControls{right:12px;bottom:62px}#prompt{bottom:178px;max-width:calc(100vw - 24px)}#interact{font-size:13px;padding:10px 14px}#finish{bottom:12px;right:12px;min-height:38px}.bottom{bottom:58px;left:12px}.bottom #inventory{font-size:12px;max-width:90vw}#saveStatus{bottom:16px;left:12px;transform:none;max-width:60vw;font-size:11px}#toast{top:auto;bottom:225px;max-width:92vw}.location{display:none}}
@media(max-height:500px) and (orientation:landscape){header{top:8px;left:10px;right:10px}.brand>div{display:none}#day{max-width:105px;font-size:10px}.metrics{top:8px;left:62px;right:275px;width:auto;transform:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:8px 0}.metrics div{padding:0 3px}.metrics small{font-size:9px;letter-spacing:0}.metrics strong{font-size:13px}#gameWallet{top:65px;font-size:11px}.mission{top:95px;left:10px;width:205px;max-height:calc(100dvh - 240px);padding:10px}.mission h2{font-size:14px}#hudSafety{display:none}#eventPanel{top:95px;right:10px;width:185px;max-height:calc(100dvh - 240px);padding:10px}.touch,.lookControls{bottom:46px}.touch button,.lookControls button{height:40px;width:42px}#prompt{bottom:73px;max-width:calc(100vw - 350px)}#finish{bottom:8px;min-height:34px}.bottom{bottom:10px}.bottom #inventory{max-width:35vw;font-size:11px}#saveStatus{bottom:10px;left:50%;transform:translateX(-50%);max-width:35vw}.controlLabel{display:none}#toast{top:95px;bottom:auto}}

#helperProgress{font-size:11px;line-height:1.4;color:#ffc1d7;margin-top:8px;border-top:1px solid #ffffff20;padding-top:7px}#helperProgress:empty{display:none}

/* Opening and closing use the existing short-lived toast. */
#toast.shopNotice{background:#fff7fb;color:#873052;border:1px solid #e9b9cd;border-left:5px solid #ca477e;border-radius:14px;padding:16px 24px;box-shadow:0 10px 35px #30203530;max-width:calc(100vw - 24px);text-align:left;pointer-events:none;z-index:30}#toast.shopNotice strong{display:block;font-size:17px;letter-spacing:1.5px;margin-bottom:6px}#toast.shopNotice span{display:block;color:#66505d;font-size:13px;line-height:1.4}@media(max-width:700px){#toast.shopNotice{padding:13px 16px}#toast.shopNotice strong{font-size:15px}#toast.shopNotice span{font-size:12px}}

#stockAction{position:fixed;right:24px;bottom:250px;z-index:8;min-height:44px;padding:10px 16px;background:#a62f63;color:white;border:1px solid #ffc9e1;border-radius:12px;font-weight:bold}body:not(.playing) #stockAction{display:none}@media(max-width:700px){#stockAction{right:12px;bottom:145px;font-size:12px;padding:8px 12px}}