*,:before,:after{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}button{font-family:inherit}#root{min-height:100vh}:root{--color-bg-top:#dff3df;--color-bg-bottom:#b9e4c0;--color-surface:#fff;--color-surface-alt:#f4faf3;--color-ink:#2a3f2a;--color-muted:#6b7a6b;--color-accent:#4caf50;--color-accent-dark:#357a3a;--color-warn:#f4a742;--color-danger:#e05a5a;--radius-lg:18px;--radius-md:12px;--shadow-lg:0 12px 40px #0040201f;--shadow-sm:0 2px 10px #00402014;--font-display:"Fredoka", "Nunito", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{background:linear-gradient(180deg, var(--color-bg-top) 0%, var(--color-bg-bottom) 100%);height:100%;min-height:100%;font-family:var(--font-display);color:var(--color-ink);-webkit-font-smoothing:antialiased;margin:0;padding:0}.app-shell{flex-direction:column;align-items:center;min-height:100vh;padding:10px 12px 12px;display:flex}.app-header{text-align:center;justify-content:center;align-items:center;width:100%;max-width:1400px;min-height:34px;margin-bottom:8px;display:flex;position:relative}.app-title{letter-spacing:-.3px;color:var(--color-accent-dark);margin:0;font-size:24px;font-weight:700;line-height:1.1}.app-title-sprout{margin-right:4px;display:inline-block;transform:translateY(1px)}.home-icon-button{width:38px;height:34px;box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffdb;border:2px solid #cfe2cf;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:20px;line-height:1;transition:transform 80ms,background .12s,border .12s;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-icon-button:hover{background:#fffdf1;border-color:#f4c48a;transform:translateY(-50%)translateY(-1px)}.auth-panel{z-index:50;color:var(--color-ink);font-size:13px;font-weight:700;position:absolute;top:50%;right:0;transform:translateY(-50%)}.auth-panel-loading{color:var(--color-muted)}.auth-panel-details summary{min-width:74px;min-height:34px;box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffe0;border:2px solid #cfe2cf;border-radius:8px;justify-content:center;align-items:center;list-style:none;display:inline-flex}.auth-panel-details summary::-webkit-details-marker{display:none}.auth-popover{width:min(300px,100vw - 24px);box-shadow:var(--shadow-lg);text-align:left;background:#fff;border:2px solid #dbe4db;border-radius:8px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.auth-google-button,.auth-email-actions button,.auth-panel-signed-in button{background:var(--color-surface-alt);min-height:32px;color:var(--color-ink);cursor:pointer;border:2px solid #dbe4db;border-radius:8px;font-family:inherit;font-size:13px;font-weight:800}.auth-google-button{width:100%}.auth-email-form{flex-direction:column;gap:8px;margin-top:10px;display:flex}.auth-email-form label{color:var(--color-muted);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.auth-email-form input{width:100%;min-height:34px;color:var(--color-ink);font:inherit;border:2px solid #dbe4db;border-radius:8px;padding:7px 9px}.auth-email-actions{display:flex}.auth-email-actions button{width:100%}.auth-error{color:#8a2d2d;background:#fff2f2;border:1px solid #e9aaaa;border-radius:8px;margin-top:8px;padding:8px;font-size:12px;font-weight:700}.auth-panel-signed-in{max-width:min(260px,40vw);min-height:34px;box-shadow:var(--shadow-sm);background:#ffffffe0;border:2px solid #cfe2cf;border-radius:8px;align-items:center;gap:8px;padding:4px 5px 4px 10px;display:inline-flex}.auth-user-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;max-width:720px;display:flex;position:relative}.app-main-garden{max-width:min(100vw - 24px,1400px)}.garden-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2a3f2a57;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.garden-modal-panel{width:min(640px,100%);max-height:100%;overflow:auto}.app-footer{color:var(--color-muted);text-align:center;margin-top:10px;font-size:11px}.start-screen{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);text-align:center;padding:32px}.start-screen h2{color:var(--color-accent-dark);margin:0 0 8px;font-size:28px}.lede{color:var(--color-muted);max-width:440px;margin:0 auto 24px;font-size:16px}.tables-picker{margin:24px 0}.tables-picker-label{margin-bottom:12px;font-weight:600}.tables-picker-grid{grid-template-columns:repeat(6,1fr);gap:8px;max-width:420px;margin:0 auto;display:grid}.table-chip{border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-muted);cursor:pointer;border:2px solid #dbe4db;padding:10px 0;font-family:inherit;font-size:16px;font-weight:600;transition:transform 80ms,background .12s,border .12s,color .12s}.table-chip:hover{transform:translateY(-1px)}.table-chip-on{background:var(--color-accent);color:#fff;border-color:var(--color-accent-dark)}.input-toggle{max-width:420px;margin:20px auto 16px}.input-toggle-label{margin-bottom:12px;font-weight:600}.input-toggle-options{justify-content:center;gap:8px;display:flex}.toggle-chip{border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-muted);cursor:pointer;border:2px solid #dbe4db;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:600;transition:transform 80ms,background .12s,border .12s,color .12s;display:inline-flex}.toggle-chip:hover:not(:disabled){transform:translateY(-1px)}.toggle-chip:disabled{opacity:.5;cursor:not-allowed}.toggle-chip-on{background:var(--color-accent);color:#fff;border-color:var(--color-accent-dark)}.toggle-icon{font-size:18px}.input-toggle-note{color:var(--color-muted);text-align:center;margin-top:10px;font-size:13px}.garden-picker{max-width:420px;margin:18px auto 8px}.garden-picker-label{margin-bottom:12px;font-weight:600}.garden-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.garden-choice-button{background:var(--color-surface-alt);min-height:64px;color:var(--color-ink);cursor:pointer;border:2px solid #dbe4db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;transition:transform 80ms,background .12s,border .12s;display:flex}.garden-choice-button:hover{border-color:var(--color-accent);background:#edf8ee;transform:translateY(-1px)}.garden-choice-button span{font-size:14px;font-weight:700}.garden-choice-button strong{color:var(--color-accent-dark);font-size:16px}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:999px;padding:14px 28px;font-family:inherit;font-size:18px;font-weight:600;transition:transform 80ms,box-shadow .12s,background .12s}.primary-button{background:var(--color-accent);color:#fff;box-shadow:0 4px 14px #4caf5059}.primary-button:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#b7c9b6}.secondary-button{background:var(--color-surface-alt);color:var(--color-ink);border:2px solid #d7e2d7}.secondary-button:hover{background:#e7efe6}.start-button{min-width:220px;margin-top:12px}.link-button{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-family:inherit;font-size:14px}.link-button:hover{color:var(--color-ink)}.burst-round{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;min-height:360px;padding:24px;display:flex}.burst-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.score-track{gap:8px;display:flex}.score-dot{background:#e0ece0;border-radius:50%;width:14px;height:14px;transition:background .2s,transform .2s}.score-dot-correct{background:var(--color-accent)}.score-dot-wrong{background:var(--color-danger)}.score-dot-current{background:var(--color-warn);transform:scale(1.25);box-shadow:0 0 0 4px #f4a74233}.countdown{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.countdown-label{color:var(--color-muted);font-size:20px}.countdown-number{color:var(--color-accent-dark);font-size:120px;font-weight:700;line-height:1;animation:.4s ease-out countPulse}@keyframes countPulse{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.question-display{flex-direction:column;flex:1;align-items:center;gap:20px;display:flex}.question-meta{color:var(--color-muted);letter-spacing:.5px;text-transform:uppercase;font-size:14px}.timer-bar{background:#e9f1e9;border-radius:999px;width:100%;max-width:420px;height:10px;overflow:hidden}.timer-bar-fill{border-radius:999px;height:100%;transition:width .1s linear,background-color .2s linear}.question-text{color:var(--color-accent-dark);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:64px;font-weight:700;line-height:1.1;display:flex}.question-text .times,.question-text .equals{color:var(--color-muted);font-weight:500}.answer-input{width:140px;color:var(--color-accent-dark);background:var(--color-surface-alt);border-radius:var(--radius-md);text-align:center;border:3px solid #cde0cd;outline:none;padding:4px 8px;font-family:inherit;font-size:60px;font-weight:700;transition:border .12s,box-shadow .12s}.answer-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #4caf5026}.submit-button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600}.submit-button:disabled{cursor:not-allowed;background:#b7c9b6}.voice-status{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.mic-indicator{background:#eef6ee;border-radius:50%;padding:12px;font-size:36px;line-height:1;transition:background .2s,box-shadow .2s}.mic-indicator-live{background:#e8f6e8;animation:1.4s ease-out infinite micPulse;box-shadow:0 0 #4caf5099}@keyframes micPulse{0%{box-shadow:0 0 #4caf508c}70%{box-shadow:0 0 0 18px #4caf5000}to{box-shadow:0 0 #4caf5000}}.voice-hint{color:var(--color-muted);font-size:14px}.voice-transcript{color:var(--color-accent-dark);min-height:1.4em;font-size:16px;font-style:italic}.submit-button-secondary{color:var(--color-muted);background:0 0;padding:8px 14px;font-size:13px;font-weight:500}.submit-button-secondary:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-ink)}.voice-error{color:#8a5418;border-radius:var(--radius-md);background:#fff1e6;border:1px solid #f4c48a;margin-bottom:12px;padding:10px 14px;font-size:14px}.feedback{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;animation:.2s ease-out feedbackIn;display:flex}@keyframes feedbackIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.feedback-icon{font-size:80px;line-height:1}.feedback-title{font-size:32px;font-weight:700}.feedback-detail{color:var(--color-muted);font-size:20px}.feedback-correct .feedback-icon,.feedback-correct .feedback-title{color:var(--color-accent)}.feedback-wrong .feedback-icon,.feedback-wrong .feedback-title{color:var(--color-danger)}.feedback-timeout .feedback-icon,.feedback-timeout .feedback-title{color:var(--color-warn)}.burst-complete{flex:1;justify-content:center;align-items:center;display:flex}.reward-reveal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:24px;padding:32px;display:flex}.reward-stats{gap:32px;display:flex}.stat{text-align:center}.stat-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-muted);font-size:12px}.stat-value{color:var(--color-accent-dark);font-size:28px;font-weight:700}.reward-card{background:var(--color-surface-alt);border-radius:var(--radius-lg);text-align:center;border:3px solid #cde0cd;min-width:280px;padding:32px 48px;animation:.5s cubic-bezier(.18,1.2,.4,1) rewardPop}@keyframes rewardPop{0%{opacity:0;transform:scale(.5)translateY(20px)}60%{opacity:1;transform:scale(1.08)translateY(0)}to{transform:scale(1)}}.reward-tier{letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:700}.reward-sprite{font-size:96px;line-height:1;animation:3s ease-in-out infinite rewardSway}@keyframes rewardSway{0%,to{transform:translate(-4px)rotate(-2deg)}50%{transform:translate(4px)rotate(2deg)}}.reward-name{margin-top:8px;font-size:24px;font-weight:700}.reward-description{color:var(--color-muted);max-width:260px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:14px}.bonus-reward{color:#5b4213;background:#fff7d8;border:2px solid #d6c68e;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;max-width:420px;padding:12px 14px;display:grid}.bonus-reward-icon{background:#f7df8f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;font-weight:700;display:inline-flex}.bonus-reward-label{letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.bonus-reward-name{font-size:17px;font-weight:700}.bonus-reward-description{color:#806329;font-size:13px}.reward-queue-note{color:var(--color-muted);font-size:14px;font-weight:600}.reward-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.start-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.garden-view{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;display:flex}.garden-view-canvas{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#56b057;height:calc(100vh - 225px);min-height:390px;position:relative;overflow:hidden}.garden-canvas{position:absolute;inset:0;overflow:hidden}.garden-tile{pointer-events:none;position:absolute}.tile-sprite{overflow:visible}.garden-tile-face{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:0 0;transition:background .15s,transform .15s;position:absolute;inset:0}.garden-tile-face-hit-testable{pointer-events:auto}.garden-tile-face-clickable{pointer-events:auto;cursor:pointer}.garden-plant-drag-hitbox{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:auto;cursor:grab;touch-action:none;position:absolute;inset:0}.garden-plant-drag-hitbox:active{cursor:grabbing}.garden-tile-highlight-valid .garden-tile-face{background:#ffffb459;animation:1.2s ease-in-out infinite tileHighlight}.garden-tile-highlight-valid:hover .garden-tile-face{background:#ffffb48c;transform:scale(1.04)}.garden-tile-highlight-invalid .garden-tile-face{background:#14141447}.garden-tile-drop-target .garden-tile-face{background:#fff87e9e;transform:scale(1.05);box-shadow:0 0 0 4px #fff87e61}.garden-tile-drop-target.garden-tile-highlight-invalid .garden-tile-face{background:#e05a5a52;box-shadow:0 0 0 4px #e05a5a33}@keyframes tileHighlight{0%,to{background:#ffffb447}50%{background:#ffffb480}}.tile-sprite{pointer-events:none}.tile-sprite-plant{transform-box:view-box;transform-origin:64px 128px}.tile-sprite-plant-has-plant{animation-name:plantSway;animation-duration:var(--plant-sway-duration,4s);animation-timing-function:ease-in-out;animation-delay:var(--plant-sway-delay,0s);animation-iteration-count:infinite}@keyframes plantSway{0%,to{transform:rotate(var(--plant-sway-min,-.8deg))}50%{transform:rotate(var(--plant-sway-max,.8deg))}}.tile-sprite-plant.tile-sprite-just-grew{animation-name:plantSway,growPulse;animation-duration:var(--plant-sway-duration,4s), 1.2s;animation-timing-function:ease-in-out,ease-out;animation-delay:var(--plant-sway-delay,0s), 0s;animation-iteration-count:infinite,1}@keyframes growPulse{0%{filter:brightness();transform:scale(.92)}45%{filter:brightness(1.2);transform:scale(1.08)}to{filter:brightness();transform:scale(1)}}.tile-sprite-tier-exotic{filter:drop-shadow(0 0 10px #f4a742a6)}.tile-sprite-tier-rare{filter:drop-shadow(0 0 7px #b06cd680)}.tile-sprite-tier-uncommon{filter:drop-shadow(0 0 4px #4aa3df66)}.sprite-fountain-frame{opacity:.5;animation-duration:1s;animation-delay:var(--fountain-delay,0s);will-change:opacity;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sprite-fountain-frame-0{animation-name:fountainFrame0}.sprite-fountain-frame-1{animation-name:fountainFrame1}.sprite-fountain-frame-2{animation-name:fountainFrame2}.sprite-fountain-frame-3{animation-name:fountainFrame3}@keyframes fountainFrame0{0%,to{opacity:1}25%,75%{opacity:.5}}@keyframes fountainFrame1{0%,50%,to{opacity:.5}25%{opacity:1}}@keyframes fountainFrame2{0%,25%,75%,to{opacity:.5}50%{opacity:1}}@keyframes fountainFrame3{0%,50%,to{opacity:.5}75%{opacity:1}}.garden-toast{color:#fff;box-shadow:var(--shadow-sm);text-align:center;background:#2a3f2aeb;border-radius:999px;max-width:90%;padding:10px 16px;font-size:14px;font-weight:500;animation:.25s ease-out toastIn;position:absolute;top:12px;left:50%;transform:translate(-50%)}.compost-panel{width:148px;box-shadow:var(--shadow-sm);text-align:center;z-index:4;cursor:default;-webkit-user-select:none;user-select:none;background:#ffffffe6;border:2px solid #523a2247;border-radius:8px;padding:8px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.bin-drop-zone{border:2px solid #0000;border-radius:8px;padding:2px;transition:border-color .14s,box-shadow .14s,transform .14s}.bin-drop-zone-active{box-shadow:0 0 0 4px #f4a74233, var(--shadow-sm);border-color:#f4a742;transform:scale(1.03)}.recycle-drop-zone{margin-top:6px}.recycle-drop-zone-active{box-shadow:0 0 0 4px #4aa3df33, var(--shadow-sm);border-color:#4aa3df}.compost-bin-image,.recycle-bin-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;max-height:72px;margin-top:6px;margin-bottom:4px;display:block}.compost-title{color:var(--color-ink);text-align:center;letter-spacing:.02em;margin:0 0 6px;font-size:13px;font-weight:800}.fertilizer-pill,.shovel-pill,.coin-pill{border:2px solid #0000;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;width:100%;min-height:44px;padding:6px 8px;font-family:inherit;font-size:11px;font-weight:700;transition:opacity .15s,border-color .15s,background-color .15s;display:grid;position:relative}.fertilizer-pill{color:#5b4213;cursor:grab;background:#fff7d8;border-color:#d6c68e;margin-top:2px}.fertilizer-pill:disabled{cursor:not-allowed;opacity:.55}.fertilizer-pill-armed{background:#fff2c6;border-color:#b9954a;box-shadow:inset 0 0 0 1px #b9954a38}.fertilizer-pill-icon{background:linear-gradient(#f7df8f 0%,#d5ad4f 100%);border:2px solid #b9954a;border-radius:4px 4px 6px 6px;width:18px;height:22px;box-shadow:inset 0 4px #ffffff61}.fertilizer-pill-label{text-align:left;line-height:1}.shovel-pill{color:#555c66;opacity:.82;cursor:default;-webkit-user-select:none;user-select:none;background:#eceef1;border-color:#c2c6cc;margin-top:10px}.shovel-pill-armed{color:#2e3642;opacity:1;background:#e3e8ee;border-color:#6b7683;box-shadow:inset 0 0 0 1px #6b768326}.shovel-icon{width:18px;height:22px;display:block;position:relative}.shovel-icon-handle{background:linear-gradient(#b88854 0%,#8e5f32 100%);border:1px solid #6d4418;border-bottom:none;border-radius:2px 2px 0 0;width:4px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.shovel-icon-blade{background:linear-gradient(#cdd1d6 0%,#8a91a0 100%);border:1px solid #5c6270;border-radius:2px 2px 8px 8px/2px 2px 100% 100%;width:14px;height:13px;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:inset 0 3px #ffffff4d}.shovel-pill-label{text-align:left;line-height:1}.coin-pill{color:#5b4213;background:#fff7d8;border-color:#d6c68e;margin-top:10px}.coin-pill-armed{background:#fff2c6;border-color:#b9954a;box-shadow:inset 0 0 0 1px #b9954a38}.coin-pill-icon{color:#6b4a11;background:linear-gradient(#ffe28a 0%,#d7a732 100%);border:2px solid #b9954a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 2px #ffffff73}.coin-pill-label{text-align:left;line-height:1}.coin-pill-count{color:#fff;background:#a8791f;border-radius:8px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 6px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.progress-meter{flex-shrink:0;align-items:flex-end;gap:2px;width:22px;height:16px;display:inline-flex}.progress-meter-bar{background:#d4d7dc;border:1px solid #00000014;border-radius:2px;flex:1;min-width:4px;transition:background .25s,border-color .25s,box-shadow .25s}.progress-meter-bar-filled{background:linear-gradient(#a4abb5 0%,#6d7580 100%);border-color:#5c6270;box-shadow:inset 0 1px #ffffff59}.progress-meter-celebrate .progress-meter-bar{background:linear-gradient(#7fd67a 0%,#3fa33a 100%);border-color:#2b7f27;animation:1.2s ease-out meterCelebrate;box-shadow:0 0 6px #48b4428c,inset 0 1px #ffffff73}@keyframes meterCelebrate{0%{transform:scaleY(1)}30%{transform:scaleY(1.12)}to{transform:scaleY(1)}}.pill-count-badge{color:#fff;background:#4a5665;border:2px solid #fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-8px;right:-8px;box-shadow:0 1px 3px #0000002e}.fertilizer-pill .pill-count-badge{background:#a8791f}.garden-drag-preview{z-index:20;pointer-events:none;color:var(--color-ink);box-shadow:var(--shadow-sm);background:#fffffff0;border:2px solid #2a3f2a29;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:inline-flex;position:fixed;transform:translate(-50%,-70%)}.garden-drag-preview span{font-size:24px;line-height:1}.garden-drag-plant-preview{z-index:20;pointer-events:none;filter:drop-shadow(0 6px 8px #00000040);position:fixed;transform:translate(-50%,-64%)}.garden-drag-plant-svg{display:block}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.garden-toolbar{background:var(--color-surface);box-shadow:var(--shadow-lg);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.garden-dev-clear{align-self:center;margin-top:-4px;display:block}.inventory-section{background:var(--color-surface-alt);border:1px solid #dce8dc;border-radius:8px;min-width:0;padding:10px}.inventory-heading{color:var(--color-accent-dark);margin-bottom:8px;font-size:16px;font-weight:600}.inventory-count{color:var(--color-muted);font-weight:500}.inventory-empty{color:var(--color-muted);text-align:center;background:#fff;border:1px dashed #cbdccb;border-radius:8px;padding:12px;font-size:14px}.inventory-grid{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:112px;padding-right:4px;display:grid;overflow-y:auto}.inventory-item{cursor:pointer;background:#fff;border:2px solid #dbe4db;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:8px 6px;font-family:inherit;transition:transform 80ms,box-shadow .15s,border .15s;display:flex;position:relative}.inventory-item:hover{transform:translateY(-2px)}.inventory-item-selected{background:#fff}.inventory-quantity{background:var(--color-accent-dark);color:#fff;min-width:26px;height:22px;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:6px;right:6px}.inventory-emoji{font-size:30px;line-height:1}.inventory-tier{letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.inventory-name{color:var(--color-ink);text-align:center;font-size:12px}.garden-toolbar-actions{flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;min-width:150px;display:flex}.garden-play-button{white-space:nowrap;border-radius:8px}.garden-shop-panel{width:190px;max-height:calc(100% - 28px);box-shadow:var(--shadow-sm);z-index:4;background:#ffffffeb;border:2px solid #357a3a38;border-radius:8px;padding:10px;position:absolute;top:50%;right:14px;overflow:auto;transform:translateY(-50%)}.garden-shop-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.garden-shop-title{color:var(--color-accent-dark);font-size:15px;font-weight:800;line-height:1}.garden-shop-subtitle{color:var(--color-muted);font-size:11px;font-weight:700}.coin-balance{color:#5b4213;background:#fff7d8;border:2px solid #d6c68e;border-radius:8px;justify-content:center;align-items:center;gap:3px;min-width:48px;min-height:30px;padding:6px 8px;font-size:14px;font-weight:800;display:inline-flex}.garden-shop-list{flex-direction:column;gap:8px;display:flex}.garden-shop-item{background:#fff;border:2px solid #dbe4db;border-radius:8px;grid-template-columns:34px 1fr;gap:7px;padding:8px;display:grid}.garden-shop-item-selected{border-color:var(--color-accent);box-shadow:0 0 0 3px #4caf5033}.garden-shop-icon{background:var(--color-surface-alt);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:inline-flex}.garden-shop-copy{min-width:0}.garden-shop-name{color:var(--color-ink);font-size:12px;font-weight:800;line-height:1.15}.garden-shop-meta{color:var(--color-muted);margin-top:3px;font-size:10px;font-weight:700;line-height:1.2}.garden-shop-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;display:grid}.shop-place-button,.shop-buy-button{background:var(--color-surface-alt);min-height:30px;color:var(--color-ink);cursor:pointer;border:2px solid #dbe4db;border-radius:8px;font-family:inherit;font-size:11px;font-weight:800}.shop-buy-button{color:var(--color-accent-dark);background:#edf8ee;border-color:#b9d9ba}.shop-place-button:disabled,.shop-buy-button:disabled{cursor:not-allowed;opacity:.5}@media (width<=480px){.app-title{font-size:20px}.question-text{font-size:44px}.answer-input{width:100px;font-size:40px}.countdown-number{font-size:80px}.feedback-icon{font-size:56px}.tables-picker-grid{grid-template-columns:repeat(4,1fr)}.garden-picker-grid{grid-template-columns:1fr}.home-icon-button{width:34px;height:32px;font-size:18px}.app-header{padding-top:38px}.auth-panel{top:0;transform:none}.auth-panel-signed-in{max-width:calc(100vw - 70px)}.garden-toolbar{grid-template-columns:1fr}.compost-panel{width:118px;left:8px}.garden-shop-panel{width:138px;padding:8px;right:8px}.garden-shop-item{grid-template-columns:1fr}.garden-shop-icon{display:none}.garden-shop-actions{grid-template-columns:1fr}.garden-toolbar-actions{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;min-width:0}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));max-height:154px}.garden-view-canvas{height:calc(100vh - 300px);min-height:340px}}