:root{--honey:#ffc23a;--honey-deep:#e08a00;--ink:#2b1a0c;--leaf:#2f5a22;--cream:#fff6dc;--danger:#e8402a;--panel:#2e1e0cd1;--panel-edge:#ffd26e8c;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);color:var(--cream);-webkit-tap-highlight-color:transparent;background:#2c4a1e;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:#2c4a1e}#app{position:relative}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.num{font-variant-numeric:tabular-nums}#flash{pointer-events:none;opacity:0;background:radial-gradient(#e8402a00 40%,#e8402a99 100%);position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}.hud-top{top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));align-items:flex-start;gap:8px;display:flex;position:absolute}.spacer{flex:1}.icon-btn{pointer-events:auto;border:2px solid var(--panel-edge);background:var(--panel);width:44px;height:44px;color:var(--cream);cursor:pointer;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.icon-btn svg{width:22px;height:22px;fill:var(--cream);stroke:var(--cream);stroke-width:0}.icon-btn .wave,.icon-btn .cross{fill:none;stroke-width:2px;stroke-linecap:round}.icon-btn .cross,.icon-btn.muted .wave{display:none}.icon-btn.muted .cross{display:inline}.icon-btn:active{background:#5a3a14eb;transform:scale(.94)}.icon-btn:focus-visible,button:focus-visible{outline:3px solid var(--honey);outline-offset:2px}.sun-cluster{background:var(--panel);border:2px solid var(--panel-edge);border-radius:14px;width:104px;height:58px;padding:4px 6px 0;position:relative}.sun-arc{width:90px;height:34px;display:block;overflow:visible}.arc-track{fill:none;stroke:#fff6dc40;stroke-width:4px;stroke-dasharray:3 4}.arc-fill{fill:none;stroke:var(--honey);stroke-width:4px;stroke-linecap:round}#sun-dot{fill:#fff2a8;stroke:var(--honey-deep);stroke-width:2px}.horizon{stroke:#fff6dc80;stroke-width:1.5px}#timer-value{text-align:center;font-size:16px;line-height:18px;position:absolute;bottom:2px;left:0;right:0}.sun-cluster.late #timer-value{color:#ffb08a}.score-cluster{background:var(--panel);border:2px solid var(--panel-edge);text-align:right;border-radius:14px;min-width:100px;height:58px;padding:5px 10px}.score-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.hex-icon{width:20px;height:20px;fill:var(--honey);stroke:var(--honey-deep);stroke-width:1.5px}#score-value{min-width:3ch;color:var(--honey);font-size:26px;line-height:28px;display:inline-block}.best-row{opacity:.8;font-size:12px}.banner{top:calc(84px + var(--safe-t));border:2px solid var(--honey);max-width:calc(100% - 32px);color:var(--cream);white-space:nowrap;opacity:0;background:#2e1e0ce0;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;transition:opacity .25s;position:absolute;left:50%;transform:translate(-50%)}.banner.show{opacity:1}.load{left:50%;bottom:calc(14px + var(--safe-b));background:var(--panel);border:2px solid var(--panel-edge);text-align:center;border-radius:16px;width:min(340px,100% - 24px);padding:8px 12px;position:absolute;transform:translate(-50%)}.load-cells{justify-content:center;gap:3px;height:22px;display:flex}.cell{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#fff6dc29;width:19px;height:22px;transition:background .12s}.cell.on{background:var(--honey)}.cell.heavy{background:#ff8a2a}.load-text{margin-top:4px;font-size:13px}.load.heavy #load-speed{color:#ffb08a}.load-hint{color:var(--honey);opacity:0;height:16px;margin-top:3px;font-size:13px;font-weight:700}.load.carrying .load-hint{opacity:1}.hive-arrow{width:64px;color:var(--cream);text-shadow:0 1px 2px #000;flex-direction:column;align-items:center;margin-top:-32px;margin-left:-32px;font-size:12px;font-weight:700;display:none;position:absolute;top:0;left:0}.hive-arrow svg{width:34px;height:34px;fill:var(--honey);stroke:var(--ink);stroke-width:2.5px}.hive-arrow.show{display:flex}.hive-arrow.urgent svg{animation:.6s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.18)}}#floaters{position:absolute;inset:0;overflow:hidden}.floater{color:var(--honey);text-shadow:0 2px 0 var(--ink), 0 0 6px #0006;white-space:nowrap;font-size:18px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.floater.big{font-size:26px}.floater.bad{color:#ff8a7a}.overlay{padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:#1e140859;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.visible{display:flex}.panel{border:2px solid var(--panel-edge);text-align:center;background:linear-gradient(#40280ef0,#281808f0);border-radius:22px;width:min(360px,100%);padding:22px 20px 18px;box-shadow:0 10px 30px #00000059}.panel.small{width:min(280px,100%)}.panel h1{color:var(--honey);margin:6px 0 4px;font-size:30px;line-height:1.1}.panel h2{color:var(--honey);margin:4px 0 10px;font-size:26px}.title-mark svg{width:64px;height:64px;fill:var(--honey);stroke:var(--honey-deep);stroke-width:3px}.title-mark circle{fill:var(--ink);stroke:none}.lead{opacity:.9;margin:0 0 12px;font-size:15px}.rules{text-align:left;margin:0 0 16px;padding:0;font-size:14px;list-style:none}.rules li{border-top:1px solid #ffd26e26;align-items:center;gap:10px;padding:6px 0;display:flex}.ico{border-radius:50%;flex:none;width:26px;height:26px;display:inline-block}.ico.finger{background:radial-gradient(circle at 50% 40%,#fff6dc 30%,#0000 34%),#fff6dc33}.ico.pollen{background:radial-gradient(circle,#ffd23a 35%,#ffae004d 60%,#0000 70%)}.ico.hive{background:repeating-linear-gradient(#c99a4b 0 4px,#8a6238 4px 6px);border-radius:50% 50% 20% 20%}.ico.danger{clip-path:polygon(50% 0,100% 90%,0 90%);background:repeating-linear-gradient(90deg,#ffd21a 0 5px,#141008 5px 10px);border-radius:0}button.primary,button.secondary{pointer-events:auto;width:100%;min-height:52px;font:inherit;cursor:pointer;border-radius:14px;margin-top:8px;font-size:20px;font-weight:800;display:block}button.primary{color:var(--ink);background:linear-gradient(#ffd45a,#f0a010);border:2px solid #fff0b0;box-shadow:0 4px #a86400}button.primary:active{transform:translateY(3px);box-shadow:0 1px #a86400}button.secondary{border:2px solid var(--panel-edge);color:var(--cream);background:0 0;font-size:17px}.best-line{opacity:.85;margin-top:10px;font-size:14px}.final-score{flex-direction:column;align-items:center;display:flex}#final-score{color:var(--honey);font-size:58px;font-weight:800;line-height:1}.final-score small{opacity:.8;font-size:14px}.record-badge{background:var(--danger);color:#fff;border-radius:8px;width:fit-content;margin:8px auto 0;padding:4px 14px;font-weight:800;display:none;transform:rotate(-3deg)}.record-badge.show{display:block}.stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 4px;display:grid}.stats div{background:#fff6dc14;border-radius:12px;flex-direction:column;padding:8px 4px;display:flex}.stats b{color:var(--cream);font-size:22px}.stats span{opacity:.75;font-size:12px}.sunset-mark{background:linear-gradient(#ffd45a,#ff6a3a);border-bottom:3px solid #fff0b0;border-radius:90px 90px 0 0;width:90px;height:45px;margin:0 auto 4px;box-shadow:0 0 30px #ff8c3c99}@media (width>=700px){.banner{font-size:18px}}@media (pointer:coarse){.load{bottom:auto;top:calc(74px + var(--safe-t));padding:5px 10px 6px}.banner{top:calc(160px + var(--safe-t))}}