*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;font-family:SF Pro Display,system-ui,sans-serif;background:#1a2e1a;color:#f4f6fb}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}#atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.sky-glow{position:absolute;top:-10%;right:5%;width:45vmin;height:45vmin;background:radial-gradient(circle,var(--sky-glow, rgba(255, 230, 120, .35)),transparent 65%);animation:sun-pulse 6s ease-in-out infinite}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,var(--vignette, rgba(20, 50, 30, .35)) 100%)}@keyframes sun-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#78c86459,#1e3c28eb);transition:opacity .5s ease,visibility .5s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.main-card{text-align:center;max-width:420px;padding:2rem 2.5rem;border-radius:28px;background:linear-gradient(155deg,#fffcebf7,#d2f5c8f2);border:4px solid rgba(255,200,80,.55);box-shadow:0 24px 60px #28502859;color:#2a4a2e}.main-card h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(90deg,#e85d5d,#f0b429,#5cb85c);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0 0 1.5rem;opacity:.85;line-height:1.45}.qr-wrap{padding:12px;background:#fff;border-radius:16px;display:inline-block;box-shadow:0 8px 32px #00000059}.hint{margin:1.25rem 0 .5rem;font-size:1.05rem;opacity:.75}.chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.chip{padding:.35rem .75rem;border-radius:999px;font-size:.9rem;font-weight:600;background:#ffffff14;border:2px solid var(--c, #888)}.overlay-corner{position:fixed;z-index:30;bottom:1.25rem;right:1.25rem;pointer-events:none}.overlay-corner[hidden]{display:none!important}.corner-card{pointer-events:auto;padding:1rem 1.1rem;border-radius:20px;background:#fffcf0f7;border:3px solid rgba(255,180,60,.7);color:#2a4a2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-shadow:0 8px 32px #0006}.corner-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:.35rem}.corner-card canvas{display:block;border-radius:8px;background:#fff;padding:4px}.corner-code{display:block;margin-top:.35rem;font-size:.85rem;font-weight:700;letter-spacing:.15em}#harvest-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.harvest-panel{position:absolute;top:4.5rem;bottom:1.25rem;width:min(11rem,22vw);display:flex;flex-direction:column;gap:.5rem;padding:.75rem .65rem;border-radius:20px;background:linear-gradient(165deg,#fffcf0eb,#dcf5d2e0);border:3px solid color-mix(in srgb,var(--player-color, #7dce82) 55%,white);box-shadow:0 12px 40px #00000040;color:#1a3320}.harvest-panel.side-left{left:.75rem}.harvest-panel.side-right{right:.75rem}.harvest-panel.bump-good{animation:panel-bump .45s ease-out}.harvest-panel.bump-bad{animation:panel-shake .4s ease-out}@keyframes panel-bump{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes panel-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.panel-head{font-size:1.05rem;font-weight:800;color:#2d5a34;border-bottom:2px dashed rgba(45,90,52,.25);padding-bottom:.35rem}.panel-stats{display:flex;flex-direction:column;gap:.2rem;font-size:.95rem;font-weight:700}.stat-bad{color:#6b4a12}.fruit-stack-good{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.2rem;padding:.35rem;border-radius:14px;background:#ffffff8c;scrollbar-width:thin}.fruit-stack-bad{display:flex;flex-wrap:wrap;gap:.15rem;min-height:1.6rem;padding:.25rem .35rem;border-radius:10px;background:#7850281f}.aim-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.aim-reticle{position:fixed;width:64px;height:64px;margin:-32px 0 0 -32px;border:3px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 2px #00000047}.aim-reticle.shot{animation:reticle-shot .18s ease-out}@keyframes reticle-shot{0%{transform:scale(1.55)}to{transform:scale(1)}}.juice-drop{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;animation:juice-fly .6s ease-out forwards;box-shadow:0 0 8px #ffc83ccc}.juice-drop-soft{width:8px;height:8px;margin:-4px 0 0 -4px}.shot-ring{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border:4px solid #fff;border-radius:50%;animation:shot-ring .45s ease-out forwards}.shot-ring-soft{border-width:2px;animation-duration:.28s}@keyframes juice-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}@keyframes shot-ring{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(16)}}.aim-reticle:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #00000059}.fruit-chip{display:inline-flex;align-items:center;justify-content:center;width:clamp(1.6rem,3.5vw,2rem);height:clamp(1.6rem,3.5vw,2rem);animation:fruit-in .35s ease-out backwards;animation-delay:calc(var(--i, 0) * .02s);filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.fruit-chip img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.fruit-chip.bad{opacity:.92;filter:drop-shadow(0 1px 2px rgba(80,40,0,.25)) hue-rotate(-18deg) saturate(1.1)}@keyframes fruit-in{0%{opacity:0;transform:scale(.2) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sound-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#14281e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sound-gate[hidden]{display:none!important}.sound-gate-card{text-align:center;padding:2rem 2.5rem;border-radius:24px;background:linear-gradient(160deg,#fff9e8,#e8f8d8);color:#2d5a34;box-shadow:0 20px 60px #00000040;max-width:360px}.btn-sound-start{margin-top:1rem;font-size:1.2rem;font-weight:800;padding:.75rem 1.5rem;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,#ffd93d,#7dffb3);color:#1a3a22}#shared-garden{position:fixed;top:4.5rem;left:50%;transform:translate(-50%);z-index:6;text-align:center;pointer-events:none;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}.garden-label{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.9}.garden-flower{position:relative;width:72px;height:72px;margin:.25rem auto}.garden-flower .petal{position:absolute;left:50%;top:50%;width:18px;height:28px;margin:-14px -9px;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,#ffb3d9,#ff6b9d);opacity:0;transform:scale(.3);transition:opacity .35s,transform .35s}.garden-flower .petal.on{opacity:.95;transform:scale(1)}.garden-flower .p1{transform:rotate(0) translateY(-22px)}.garden-flower .p2{transform:rotate(45deg) translateY(-22px)}.garden-flower .p3{transform:rotate(90deg) translateY(-22px)}.garden-flower .p4{transform:rotate(135deg) translateY(-22px)}.garden-flower .p5{transform:rotate(180deg) translateY(-22px)}.garden-flower .p6{transform:rotate(225deg) translateY(-22px)}.garden-flower .p7{transform:rotate(270deg) translateY(-22px)}.garden-flower .p8{transform:rotate(315deg) translateY(-22px)}.garden-flower .petal.on.p1{transform:rotate(0) translateY(-22px) scale(1)}.garden-flower.bloom .garden-core{animation:core-pulse 1.2s ease-in-out infinite}.garden-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem}@keyframes core-pulse{50%{transform:translate(-50%,-50%) scale(1.15)}}.garden-bar{width:120px;height:8px;margin:.2rem auto;border-radius:999px;background:#ffffff40;overflow:hidden}.garden-fill{height:100%;width:0;background:linear-gradient(90deg,#7dffb3,#ffd93d);border-radius:999px;transition:width .25s ease-out}.garden-total-wrap{font-size:.85rem;font-weight:700}.sound-btn{pointer-events:auto;border:none;border-radius:999px;width:2.75rem;height:2.75rem;font-size:1.25rem;cursor:pointer;background:#ffffffd9;box-shadow:0 4px 16px #0003;position:absolute;left:1rem;top:0}.sound-btn:active{transform:scale(.94)}#hud{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;padding:1.25rem 2rem;pointer-events:none;font-size:1.35rem;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.8)}#hud:empty{display:none}#hit-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--fx-x, 50%) var(--fx-y, 42%),rgba(255,250,210,.75),rgba(255,170,40,.28) 16%,transparent 48%);opacity:0;transition:opacity .04s ease-out}#hit-flash.on{opacity:1}#hit-flash.good{background:radial-gradient(circle at var(--fx-x, 50%) var(--fx-y, 42%),rgba(255,255,220,.9),rgba(255,140,40,.4) 14%,transparent 46%)}#hit-flash.bad{background:radial-gradient(circle at var(--fx-x, 50%) var(--fx-y, 42%),rgba(160,100,40,.55),transparent 50%)}html.shot-hit{animation:view-punch .22s ease-out}html.shot-miss{animation:view-punch .12s ease-out}@keyframes view-punch{0%{transform:scale(1.03);filter:brightness(1.35)}to{transform:none;filter:none}}#confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;font-size:clamp(1.2rem,3vw,2rem);animation:confetti-fly .9s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes confetti-fly{0%{opacity:0;transform:translate(0) rotate(0) scale(.3)}20%{opacity:1;transform:translate(calc(var(--dx, 0px) * .3),-30px) rotate(calc(var(--spin, 0deg) * .2)) scale(1.1)}to{opacity:0;transform:translate(var(--dx, 0px),120px) rotate(var(--spin, 180deg)) scale(.8)}}.score-pop-bad{color:#c38022!important}#fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;overflow:hidden}.score-pop{position:absolute;margin-left:-1.2em;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:900;letter-spacing:.04em;color:hsl(var(--hue, 200),95%,72%);text-shadow:0 0 12px hsl(var(--hue, 200),100%,60%),0 3px 0 rgba(0,0,0,.45);animation:score-pop .85s ease-out forwards}@keyframes score-pop{0%{opacity:0;transform:scale(.4) translateY(12px)}15%{opacity:1;transform:scale(1.15) translateY(0)}to{opacity:0;transform:scale(1) translateY(-48px)}}.level-banner{position:fixed;left:50%;top:38%;z-index:14;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:level-banner 1.6s ease-out forwards}.level-banner b,.level-banner span{display:block}.level-banner b{font-size:clamp(3.2rem,11vw,7.5rem);font-weight:900;line-height:.95;color:#fff6c8;text-shadow:0 6px 0 #e07a1a,0 0 36px rgba(255,210,70,.9)}.level-banner span{margin-top:.35rem;font-size:clamp(1.5rem,4.5vw,2.8rem);font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35)}@keyframes level-banner{0%{opacity:0;transform:translate(-50%,-40%) scale(.4)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1.12)}}#countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;font-size:clamp(4rem,18vw,10rem);font-weight:900;color:#fff8e0;text-shadow:0 4px 0 #c9a030,0 0 50px rgba(255,220,100,.7);pointer-events:none;animation:countdown-pop .5s ease-out}@keyframes countdown-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#debug{position:fixed;bottom:0;left:0;right:0;z-index:20;font:12px/1.4 monospace;background:#000000bf;padding:.5rem}