.hh-app{--hh-ink:#3b2410;--hh-honey:#f5a623;--hh-deep:#9a5a0c;--hh-cream:#fff8e6;--hh-glass:rgba(255,248,230,0.9);--hh-line:#e9b65a;--play-accent:#c9790f;--play-ink:#3b2410;--play-paper:#fff8e6;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#a9d8f2;color:var(--hh-ink)}.hh-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.hh-app:not([data-phase=play]) :is(.hh-head,.hh-status,.hh-controls,.hh-keys,.hh-hint,.hh-level,.hh-speed,.hh-dial,.hh-jargauge){display:none}.hh-app:is([data-phase=menu],[data-phase=result],[data-phase=loading]) .hh-toast{display:none}.hh-app:not([data-step=bottle]) .hh-w-bottle,.hh-app:not([data-step=lift]) .hh-w-lift,.hh-app:not([data-step=spin]) .hh-w-spin{display:none}.hh-buzz,.hh-dial,.hh-hint,.hh-icon-btn,.hh-jargauge,.hh-level,.hh-panel,.hh-pill,.hh-speed,.hh-tally{background:var(--hh-glass);border:2px solid #fff;box-shadow:0 3px 0 rgba(154,90,12,.35),0 6px 16px rgba(60,40,10,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hh-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;padding:0 12px;pointer-events:none}.hh-head>*{pointer-events:auto}.hh-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--hh-ink);padding:0}.hh-icon-btn .off,.hh-icon-btn[aria-pressed=true] .on{display:none}.hh-icon-btn[aria-pressed=true] .off{display:inline}.hh-pill{justify-self:center;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 7px 0 16px;border-radius:22px;pointer-events:none}.hh-pill span{font:800 16px/1 Playful,sans-serif;white-space:nowrap}.hh-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--hh-ink);color:#ffe6a6;border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.hh-pill b.low{background:#e5482a;color:#fff;animation:hh-pulse 1s infinite}@keyframes hh-pulse{50%{transform:scale(1.1)}}.hh-status{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 62px);display:flex;gap:8px;justify-content:center;pointer-events:none}.hh-buzz{flex:1 1;max-width:250px;display:flex;align-items:center;gap:6px;padding:5px 10px 6px 6px;border-radius:16px}.hh-buzz-face{flex:none;display:grid;place-items:center;transition:transform .2s}.hh-buzz .m-cross{display:none}.hh-buzz:is([data-level=cross],[data-level=angry]) .m-cross{display:inline}.hh-buzz:is([data-level=cross],[data-level=angry]) .m-calm{display:none}.hh-buzz[data-level=angry] .hh-buzz-face{animation:hh-shake .25s infinite}@keyframes hh-shake{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.hh-buzz-body{flex:1 1;min-width:0}.hh-buzz-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.hh-buzz-top span{font:800 10px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.7}.hh-buzz-top em{font:800 14px/1 Playful,sans-serif;font-style:normal;color:#4f8a2a}.hh-buzz[data-level=busy] em{color:#c98a0c}.hh-buzz[data-level=cross] em{color:#e0601a}.hh-buzz[data-level=angry] em{color:#d32a1a}.hh-buzz-bar{position:relative;height:11px;border-radius:7px;overflow:hidden;background:rgba(59,36,16,.12)}.hh-buzz-bar .warn{position:absolute;left:70%;top:0;bottom:0;right:0;background:repeating-linear-gradient(-45deg,rgba(211,42,26,.18) 0 4px,transparent 4px 8px)}.hh-buzz-bar b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:7px;background:linear-gradient(90deg,#8fd05a,#ffd23e 45%,#ff8a2a 70%,#e5302a);background-size:220px 100%;transition:width .15s linear}.hh-tally{flex:none;flex-direction:column;align-items:center;justify-content:center;padding:5px 10px;border-radius:16px;min-width:86px}.hh-frames,.hh-tally{display:flex;gap:3px}.hh-frames u{width:13px;height:15px;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(59,36,16,.18)}.hh-frames u[data-s=now]{background:var(--hh-honey);animation:hh-pulse .9s infinite}.hh-frames u[data-s=good]{background:#6cc04a}.hh-frames u[data-s=torn]{background:#e07a3a}.hh-frames u[data-s=skip]{background:rgba(59,36,16,.08)}.hh-tally b{font:800 14px/1 Playful,sans-serif}.hh-tally small{font:700 10px/1 Playful,sans-serif;color:var(--hh-deep);min-height:10px}.hh-toast{position:absolute;z-index:7;left:50%;top:26%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 25px/1.1 Playful,sans-serif;color:#fff;text-align:center;white-space:nowrap;-webkit-text-stroke:6px var(--hh-deep);paint-order:stroke fill;text-shadow:0 4px 0 var(--hh-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.hh-toast.show{opacity:1;transform:translate(-50%)}.hh-toast.good{-webkit-text-stroke-color:#3e8a2a;text-shadow:0 4px 0 #3e8a2a}.hh-toast.bad{color:#fff1e8;-webkit-text-stroke-color:#b5260f;text-shadow:0 4px 0 #b5260f}.hh-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 122px);transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:14px;font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 40px);opacity:0;transition:opacity .3s;pointer-events:none}.hh-hint.show{opacity:1}.hh-level{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 122px);padding:5px 10px 7px;border-radius:14px;text-align:center;pointer-events:none}.hh-dial span,.hh-jargauge span,.hh-level span,.hh-speed span{display:block;font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.7;margin-bottom:4px}.hh-level-tube{position:relative;width:120px;height:20px;border-radius:10px;background:linear-gradient(180deg,#d8f5b8,#a8de7a);border:2px solid rgba(59,36,16,.35);overflow:hidden}.hh-level-tube .mark{position:absolute;left:50%;top:2px;bottom:2px;width:24px;transform:translateX(-50%);border-left:2px solid rgba(59,36,16,.5);border-right:2px solid rgba(59,36,16,.5)}.hh-level-tube b{position:absolute;left:calc(50% - 9px);top:3px;width:18px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e8ffe0 60%,#b8e8a0);box-shadow:0 0 0 1px rgba(59,36,16,.25);transition:transform .08s linear}.hh-level[data-state=warn] .hh-level-tube{background:linear-gradient(180deg,#fff1b0,#ffd76a)}.hh-level[data-state=bad] .hh-level-tube{background:linear-gradient(180deg,#ffc2a8,#ff8a6a)}.hh-level[data-state=bad]{animation:hh-shake .3s infinite}.hh-speed{position:absolute;z-index:4;right:12px;top:42%;transform:translateY(-50%);padding:6px 7px;border-radius:14px;text-align:center;pointer-events:none}.hh-speed-tube{position:relative;width:22px;height:130px;margin:0 auto;border-radius:11px;background:rgba(59,36,16,.12);overflow:hidden}.hh-speed-tube .calm{position:absolute;left:0;right:0;bottom:0;height:50%;background:rgba(108,192,74,.28);border-top:2px dashed #4f8a2a}.hh-speed-tube b{position:absolute;left:3px;right:3px;bottom:3px;height:0;border-radius:8px;background:#6cc04a;transition:height .1s linear}.hh-speed[data-state=warn] b{background:#ffc23e}.hh-speed[data-state=bad] b{background:#ff5a2a}.hh-dial{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 122px);width:132px;padding:6px 8px;border-radius:18px;text-align:center;pointer-events:none}.hh-dial svg{display:block;width:112px;height:82px;margin:0 auto -6px}.hh-needle{transform-box:view-box;transform-origin:50px 54px;transition:transform .08s linear}.hh-dial span{margin:0}.hh-dial b{font:800 16px/1 Playful,sans-serif;color:var(--hh-deep)}.hh-dial[data-state=ok]{border-color:#8fd05a}.hh-dial[data-state=bad]{border-color:#ff6a3d;animation:hh-shake .25s infinite}.hh-jargauge{position:absolute;z-index:4;right:12px;top:40%;transform:translateY(-50%);padding:6px 8px;border-radius:14px;text-align:center;pointer-events:none}.hh-jar-glass{position:relative;width:40px;height:120px;margin:0 auto;border-radius:8px 8px 12px 12px;background:rgba(220,240,255,.6);border:2px solid rgba(59,36,16,.4);overflow:hidden}.hh-jar-glass b{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,#ffc84a,#e8890c)}.hh-jar-glass i{position:absolute;left:-2px;right:-2px;height:3px;margin-bottom:-1.5px;background:#3b2410;box-shadow:0 0 0 1px #ffe066}.hh-jargauge[data-state=ok]{border-color:#8fd05a}.hh-jargauge[data-state=bad]{border-color:#ff6a3d}.hh-controls{position:absolute;z-index:5;left:0;right:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);display:flex;align-items:flex-end;justify-content:space-between;padding:0 14px;pointer-events:none}.hh-controls>*{pointer-events:auto}.hh-hush{width:92px;height:92px;border-radius:50%;border:3px solid #fff;padding:0;cursor:pointer;touch-action:none;color:#fff;background:radial-gradient(circle at 50% 30%,#b3a2ef,#6a55c2 72%);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 6px 0 #43358a,0 10px 22px rgba(40,30,80,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .08s,box-shadow .08s}.hh-hush span{font:800 12px/1.05 Playful,sans-serif;letter-spacing:.6px}.hh-hush.down{transform:translateY(5px);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 1px 0 #43358a,0 0 24px rgba(180,160,255,.8)}.hh-hush.down svg{animation:hh-sway .8s ease-in-out infinite}@keyframes hh-sway{50%{transform:rotate(-12deg) translateY(-2px)}}.hh-bottle-now,.hh-valve{border:3px solid #fff;border-radius:22px;cursor:pointer;color:#fff;padding:0 16px;font:800 20px/1 Playful,sans-serif;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hh-bottle-now small,.hh-valve small{font:700 11px/1 Playful,sans-serif;letter-spacing:.4px;opacity:.92}.hh-valve{height:76px;min-width:150px;background:linear-gradient(180deg,#ffbe3a,#e8890c);box-shadow:inset 0 3px 0 #ffe29a,0 6px 0 #9a5a0c,0 10px 20px rgba(0,0,0,.2)}.hh-valve.open{background:linear-gradient(180deg,#ff7a4a,#e0461a);box-shadow:inset 0 3px 0 #ffb69a,0 6px 0 #8a2a0a,0 0 24px rgba(255,120,60,.6)}.hh-bottle-now{display:none;height:56px;min-width:128px;font-size:16px;background:linear-gradient(180deg,#7bc8f0,#3a8fc8);box-shadow:inset 0 3px 0 #c2e8ff,0 5px 0 #1f5a85}.hh-bottle-now.show{display:flex}.hh-bottle-now:active,.hh-valve:active{transform:translateY(3px)}.playful-game .hh-valve:disabled{opacity:.5;cursor:default}.hh-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:760px){.hh-keys{display:block;position:absolute;z-index:5;left:50%;bottom:10px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(59,36,16,.75);white-space:nowrap;pointer-events:none}.hh-scene{cursor:-webkit-grab;cursor:grab}.hh-app[data-step=spin] .hh-scene{cursor:crosshair}.hh-app[data-step=bottle] .hh-scene{cursor:pointer}}.playful-game .hh-menu,.playful-game .hh-results{background:linear-gradient(180deg,rgba(255,248,230,0) 30%,rgba(120,80,20,.28));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:33vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .hh-results{padding-top:30vh}.hh-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--hh-cream);color:var(--hh-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #d9a25a,0 20px 50px rgba(80,50,10,.3);text-align:center}.hh-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--hh-deep);background:#ffe8b0;border-radius:10px;padding:5px 10px}.hh-logo{margin:4px 0 8px;font:800 38px/.95 Playful,sans-serif;letter-spacing:1px;color:#ffd04a;-webkit-text-stroke:3px var(--hh-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--hh-deep);transform:rotate(-2deg)}.hh-hives{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.hh-hive{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:16px;cursor:pointer;background:#fff;border:2px solid #f0dcb0;color:var(--hh-ink);transition:transform .15s,border-color .15s}.hh-hive strong{font:800 12.5px/1.05 Playful,sans-serif}.hh-hive small{font-size:11px;color:var(--hh-honey);letter-spacing:.5px}.hh-hive small span{color:#e8dcc6}.hh-hive em{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#9a7a5a}.hh-hive.on{border-color:var(--hh-honey);background:#fff3d6;transform:translateY(-2px);box-shadow:0 3px 0 var(--hh-honey),0 0 14px rgba(245,166,35,.4)}.hh-blurb{margin:8px 0 6px;font:700 13px/1.3 Playful,sans-serif;color:#7a5530;min-height:2.6em}.hh-rules{list-style:none;margin:0 0 10px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.hh-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a3a1c}.hh-rules li span{flex:none;width:18px;text-align:center}.hh-rules li p{margin:0}.playful-game .hh-card button.big{width:100%;background:linear-gradient(180deg,#ffc94a,#f5a623);color:var(--hh-ink);border-color:var(--hh-deep);box-shadow:inset 0 3px 0 #ffe9a8,0 5px 0 var(--hh-deep);font-size:23px}.hh-best{margin:10px 0 0;font:700 12px/1.25 Playful,sans-serif;color:#9a7a5a}.hh-r-head{display:flex;align-items:center;justify-content:center;gap:14px}.hh-r-hive{width:64px;height:64px;flex:none;background:#fff3d6;border-radius:16px;display:grid;place-items:center}.hh-r-title{margin:0;font:800 27px/1 Playful,sans-serif;color:var(--play-accent)}.hh-results.lost .hh-r-title{color:#c0260f}.hh-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.hh-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--hh-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hh-r-score span{font:800 16px/1 Playful,sans-serif;color:#b89a76}.hh-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.hh-stars i{width:28px;height:28px;background:#eadcc6;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.hh-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.hh-r-line{margin:6px 0;font:700 13px/1.3 Playful,sans-serif;color:#7a5530}.hh-r-jars{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:30px;margin:0 0 8px}.hh-r-jars span{font:700 12px/30px Playful,sans-serif;color:#9a7a5a}.hh-jar-icon{position:relative;width:20px;height:28px;border-radius:4px 4px 6px 6px;border:2px solid rgba(59,36,16,.45);background:rgba(220,240,255,.7);overflow:hidden}.hh-jar-icon:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--fill);background:linear-gradient(180deg,#ffc84a,#e8890c)}.hh-jar-icon:after{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:6px;background:repeating-linear-gradient(90deg,#d6343c 0 3px,#fff 3px 6px)}.hh-jar-icon.perfect{box-shadow:0 0 0 2px #ffd23e,0 0 10px #ffd23e}.hh-jar-icon.sticky{border-color:#c0260f}.hh-r-parts{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-gap:6px;gap:6px}.hh-r-parts li{display:grid;grid-template-columns:92px 1fr 40px;align-items:center;grid-gap:8px;gap:8px;font:700 13px/1 Playful,sans-serif;text-align:left}.hh-r-parts i{height:10px;background:#f0e2c8;overflow:hidden}.hh-r-parts b,.hh-r-parts i{display:block;border-radius:6px}.hh-r-parts b{height:100%;width:0;background:linear-gradient(90deg,#ffd04a,#e8890c);transition:width .7s cubic-bezier(.2,.8,.3,1)}.hh-r-parts em{font-style:normal;text-align:right;color:#9a7a5a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hh-r-notes{margin:0 0 4px;font:700 12px/1.25 Playful,sans-serif;color:var(--hh-deep);min-height:12px}.hh-r-best{margin:0 0 10px;font:800 13px/1 Playful,sans-serif;color:#3e8a2a;min-height:13px}.hh-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .hh-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.hh-link-btn{margin-top:10px;background:#f6e6c6;color:var(--hh-ink);border:2px solid #e8cf9e;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .hh-loading{background:radial-gradient(ellipse at 50% 40%,#fff3c8,#f2c25a)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .hh-menu,.playful-game .hh-results{background:linear-gradient(90deg,rgba(255,248,230,0) 45%,rgba(120,80,20,.22));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.hh-card{margin:auto 0}.hh-logo{font-size:48px}.hh-controls{padding:0 32px;bottom:34px}.hh-hint{bottom:140px}.hh-jargauge,.hh-speed{right:32px}.hh-buzz{max-width:300px}}@media (max-height:700px) and (max-width:759px){.playful-game .hh-menu,.playful-game .hh-results{padding-top:20vh}.hh-rules{display:none}}