/* Stage-scoped UI; both stages share the normalized fixed hiker artwork. */
.bee-shell{background:radial-gradient(ellipse at 50% 30%,#32613c,#091f19 76%)}
.bee-game{background:#246b3f;min-height:0}
#forest{position:absolute;inset:0;background:#2d7142 url('/assets/bee-v1/forest.webp') left center/auto 100% no-repeat;filter:saturate(.81) contrast(.9)}
.bee-atmosphere{position:absolute;inset:0;background:linear-gradient(#193f2910 20%,#e5efd222 45%,#091c2060 100%)}
#beeCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bee-hud{grid-template-columns:1.65fr .8fr;gap:5px;left:7px;right:7px}
.bee-hud .stage{font-size:clamp(16px,4.5vw,22px);gap:3px;padding:6px 3px}
.bee-hud .stage span{font-size:.75em}.bee-hud .stage b{font-size:1.03em}
.bee-hud .time small{font-size:clamp(10px,2.8vw,13px)}
.bee-section{position:absolute;top:108px;left:13px;max-width:76%;font-size:16px;font-weight:900;color:#fff7d1;text-shadow:2px 2px #0c2518;background:#15442dda;border:2px solid #92b66e;border-radius:5px;padding:6px 10px}
.bee-warning{position:absolute;top:177px;left:14px;right:14px;max-width:330px;margin:auto;display:grid;gap:3px;text-align:center;color:#102216;background:#fff5cde8;border:3px solid #171a10;border-radius:13px;padding:9px 10px;box-shadow:3px 4px #1118;pointer-events:none}
.bee-warning strong{font-size:23px;line-height:1.15}.bee-warning span{font:800 15px/1.3 system-ui,sans-serif}
.bee-warning.warning{background:#ffe55a}.bee-warning.swarm{background:#ffb74f}.bee-warning.safe{background:#dcf6b9}.bee-warning.hit{background:#ffe8d5;color:#8f281a}
.bee-status{position:absolute;top:36%;left:10px;right:10px;text-align:center;font-size:32px;font-weight:1000;line-height:1.1;color:#fff1b1;text-shadow:3px 3px #111,-1px -1px #111;pointer-events:none}
.bee-legend{position:absolute;left:12px;right:12px;bottom:150px;padding:7px 8px;color:#fff9d5;background:#163322e8;border:2px solid #a6bd7a;border-radius:9px;text-align:center;font-size:14px;font-weight:900}
.bee-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;background:#9bea64;border:2px solid #e9ffca;margin-right:3px}.bee-legend span{display:block;color:#ffe28d;font-size:12px;margin-top:2px}
.bee-card h1{font-size:clamp(34px,10vw,48px);color:#ffbd24;line-height:1.12}.bee-card h2{font-size:19px}
.bee-eyebrow{font-size:14px;letter-spacing:2px;color:#28502d;margin:0 0 7px!important}
.bee-rule{border-block:2px dashed #af8747;padding:10px 0;margin:10px 0;font:800 14px/1.8 system-ui,sans-serif;text-align:left}.bee-rule b{color:#a34c12}
.bee-stage-link{display:inline-block;margin-top:12px;color:#315b38;font-size:14px;font-weight:900;text-underline-offset:3px}
.bee-game .controls,.bee-game .ctrl{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.bee-game .ctrl.go.dashing{box-shadow:inset 0 0 0 4px #ffeaa3,0 8px #080b0e,0 0 18px #f6d155a0}
.bee-game .ctrl.go{padding:4px 2px;gap:0}
.bee-game .ctrl.go span{font-size:31px;line-height:.75}
.bee-game .ctrl.go b{font-size:clamp(24px,6.5vw,30px);line-height:1.12;margin-top:5px}
.bee-game .ctrl.go small{position:relative;z-index:1;font:900 clamp(12px,3.3vw,15px)/1.3 system-ui,sans-serif;color:#fff5b6;text-shadow:1px 2px #174325;margin-top:3px;white-space:nowrap}
.bee-game .ctrl.go[data-level="2"]{box-shadow:inset 0 0 0 4px #ffe36b,0 8px #080b0e,0 0 15px #f6d1559a}
.bee-game .ctrl.go[data-level="3"]{box-shadow:inset 0 0 0 5px #fff7c4,0 8px #080b0e,0 0 20px #ffd13cbb}
@media(max-height:730px){.bee-warning{top:152px;padding:6px 9px}.bee-warning strong{font-size:21px}.bee-status{top:37%}.bee-legend{bottom:130px;padding:4px}.bee-card{padding:12px 14px}.bee-card h1{font-size:32px}.bee-rule{margin:6px 0;padding:5px 0}.bee-card p{font-size:14px}.bee-stage-link{margin-top:5px}}