#topbar{position:absolute;top:max(7px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:flex;gap:5px;align-items:center;pointer-events:none;filter:drop-shadow(0 5px 12px #0008)}
.resource-pill,.day-pill{background:linear-gradient(180deg,#1f1922f2,#130f16f2);color:#eee8e5;border:1px solid #625b6c;border-radius:12px;padding:5px 8px;min-width:68px;box-shadow:inset 0 0 0 1px #7b64744a;font-size:12px;line-height:1.08;font-variant-numeric:tabular-nums}.resource-pill b{color:#dbcfe0;font-size:13px}.xp-wrap{min-width:148px}.xpbar{height:6px;border-radius:7px;background:#080609;overflow:hidden;margin-top:3px;box-shadow:inset 0 1px 2px #000}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#4b3156,#76273f 64%,#b0896c)}
#questbox{position:absolute;left:max(9px,env(safe-area-inset-left));top:61px;width:min(300px,40vw);padding:10px 11px;pointer-events:auto}#questbox h3{margin:0 28px 3px 0;font-size:14px;letter-spacing:.02em}.quest-step{font-size:12.5px;line-height:1.28}.quest-step strong{color:#c06d83}
#toast-stack{position:absolute;left:50%;top:74px;transform:translateX(-50%);display:grid;gap:7px;pointer-events:none}.toast{background:#17131bee;color:#eee8e5;border:1px solid #76516f;border-radius:9px;padding:8px 13px;box-shadow:0 7px 18px #000a,inset 0 0 0 1px #9b718044;animation:toastIn .22s ease;font-size:13px}@keyframes toastIn{from{opacity:0;transform:translateY(-7px)}}
#debug{position:absolute;right:max(8px,env(safe-area-inset-right));top:61px;background:#08070bd9;color:#c6b5cf;padding:8px;font:11px monospace;pointer-events:none;white-space:pre}.quest-close{position:absolute;right:7px;top:7px;width:30px;height:30px;border-radius:50%;border:1px solid #62546a;background:#19141d;color:#eee8e5;display:grid;place-items:center;padding:0;font:700 20px/1 Arial,sans-serif;pointer-events:auto}.quest-close:active{transform:scale(.96)}