/* v1.4 - hotbar + stamina, weather chip, goods, horses, buzz. Same glass / teal / gold look. */
#hotbar{position:absolute;right:14px;bottom:76px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
#hotbar .hb{display:flex;gap:5px;align-items:center;padding:5px 7px;border-radius:14px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px)}
#hotbar button{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--ink);font-size:19px;padding:0;transition:transform .1s,border-color .15s,background .15s}
#hotbar button:hover{transform:translateY(-2px);border-color:var(--teal)}
#hotbar button b{position:absolute;left:3px;top:1px;font:700 9.5px var(--font);color:var(--ink-dim)}
#hotbar button.on{border-color:var(--gold);background:rgba(255,207,92,.18);box-shadow:0 0 12px rgba(255,207,92,.35)}
#hotbar button.locked{opacity:.38;filter:grayscale(.8)}
#hotbar .sep{width:1px;height:26px;background:var(--line);margin:0 2px}
#hotbar .stam{width:200px;height:7px;border-radius:7px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12);overflow:hidden;opacity:0;transition:opacity .4s}
#hotbar .stam.show{opacity:1}
#hotbar .stam i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7dffb0,#ffe27a);transition:width .08s linear}
#hotbar .stam i.low{background:linear-gradient(90deg,#ff8a5a,#ffc45c)}
@media (max-width:820px){#hotbar{bottom:62px}#hotbar button{width:32px;height:32px;font-size:16px}#hotbar .stam{width:150px}}

/* the bear says no */
#cavePop{position:fixed;left:50%;top:26%;transform:translateX(-50%);z-index:25;text-align:center;pointer-events:none;display:none;flex-direction:column;gap:10px;align-items:center}
#cavePop.on{display:flex}
#cavePop .cl2{padding:8px 20px;border-radius:99px;background:rgba(40,16,8,.82);border:2px solid #ffb35c;font:700 22px var(--font);color:#ffe9c4;text-shadow:0 2px 4px #000;box-shadow:0 0 22px rgba(255,140,60,.45);opacity:0;animation:cpop 2.6s ease both}
#cavePop .cl2:first-child{font-size:38px;color:#ff9b5a;letter-spacing:.06em}
@keyframes cpop{0%{opacity:0;transform:scale(.6) translateY(14px)}12%{opacity:1;transform:scale(1.08)}22%{transform:scale(1)}85%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
#cavePop,#cavePop *{pointer-events:none}