@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{color-scheme:light;--ink:#263e35;--cream:#fff9ed;--pink:#d97c87;font-family:'Nunito Sans',sans-serif;color:var(--ink);background:#f5efe3}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.65}button:focus-visible{outline:3px solid #d65b81;outline-offset:4px}main{width:min(1480px,100%);margin:auto;padding:0 32px}.masthead{height:88px;display:flex;align-items:center;gap:14px}.brand-mark{font-size:32px;color:#b86575}h1{font:500 30px 'Cormorant Garamond',Georgia,serif;letter-spacing:.02em;margin:0}.edition{margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#777d6d}.garden{position:relative;width:100%;height:min(calc(var(--garden-viewport-height,100svh) - 146px),860px);min-height:380px;overflow:hidden;border-radius:20px;background:#a1c4d4;box-shadow:0 14px 50px #253f3520;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:22px 24px auto;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.score-panel{background:#fff9eded;border:1px solid #fff8;box-shadow:0 4px 20px #34413712;border-radius:15px;padding:13px 22px;display:grid;grid-template-columns:auto auto;gap:0 8px}.score-panel>span{font-size:10px;letter-spacing:.15em;grid-column:1/-1}.score-panel strong{font:600 38px 'Cormorant Garamond',Georgia,serif;line-height:1.1;font-variant-numeric:tabular-nums}.score-panel small{font-size:12px;align-self:end;padding-bottom:5px}.hud-right{display:flex;align-items:center;gap:10px}#lives{background:#fff9eded;padding:9px 15px;border-radius:14px;font-size:24px;color:#d45369;letter-spacing:3px;white-space:nowrap;text-shadow:0 1px white}.icon-button{pointer-events:auto;width:43px;height:43px;border-radius:50%;border:1px solid #fff9;background:#fff9edec;color:var(--ink);font-size:23px;box-shadow:0 3px 14px #243a3020}#sound[aria-pressed=false]{color:#8d9384}.veil{position:absolute;inset:0;background:#183d2e18;display:grid;place-items:center;padding:24px;backdrop-filter:blur(2px);transition:opacity .3s}.veil[hidden]{display:none}.paper{width:min(440px,100%);padding:35px 34px 26px;text-align:center;border:1px solid #fff;border-radius:22px;background:linear-gradient(150deg,#fffbedf7,#fff5e5f0);box-shadow:0 20px 80px #12302230}.eyebrow{font-size:10px;letter-spacing:.17em;color:#9c6570;font-weight:800}h2{font:500 clamp(42px,4vw,62px)/.98 'Cormorant Garamond',Georgia,serif;margin:20px 0;color:#29453a}#panel-text{font-size:15px;line-height:1.75;color:#687363;margin:20px 0}.prizes{display:flex;justify-content:center;gap:22px;margin:20px 0 25px}.prizes>span{display:flex;align-items:center;flex-direction:column;font-size:26px;gap:5px;width:34px}.prizes b{font-size:13px;color:#67715e}.prizes img{width:32px;height:32px;object-fit:contain}.prizes i{font-style:normal;color:#dd739b}.primary{display:block;width:100%;padding:16px 20px;border-radius:12px;background:#274d3d;color:#fffbed;border:0;box-shadow:0 5px 0 #193b2c;font-weight:700;font-size:16px;transition:background .2s,transform .2s}.primary:hover{background:#396650;transform:translateY(-1px)}.instructions{font-size:12px;color:#7d8275;line-height:1.6;margin:19px 0 0}.touch-controls{position:absolute;bottom:20px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.touch-controls button{pointer-events:auto;width:68px;height:57px;border:1px solid #fff9;border-radius:20px;background:#fff9edcf;color:#3f5545;font-size:25px;touch-action:none;user-select:none;box-shadow:0 3px 14px #243a3018}.touch-controls button:active,.touch-controls button.held{background:#f7cbd7;transform:scale(.95)}#phase{font:italic 16px 'Cormorant Garamond',Georgia,serif;background:#fff8e8b8;padding:5px 15px;border-radius:20px;color:#40503f}.veil:not([hidden])~.touch-controls{opacity:.35}.veil:not([hidden])~.touch-controls button{pointer-events:none}#toast{position:absolute;top:105px;left:50%;transform:translateX(-50%);font-size:15px;color:#933f53;background:#fff6e9eb;padding:8px 18px;border-radius:30px;opacity:0;transition:opacity .15s;white-space:nowrap;pointer-events:none}footer{height:58px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6d7969;gap:20px}footer i{font-style:normal;padding:0 8px;color:#bba98e}footer b{color:#314f3a;margin-left:4px}.footer-note{font:italic 16px 'Cormorant Garamond',Georgia,serif;white-space:nowrap}@media(max-width:650px){main{padding:0 10px}.masthead{height:61px;justify-content:center;gap:10px}h1{font-size:26px}.brand-mark{font-size:26px}.edition{display:none}.garden{height:calc(var(--garden-viewport-height,100svh) - 111px - env(safe-area-inset-bottom));min-height:430px;border-radius:15px}.hud{inset:13px 12px auto}.score-panel{padding:10px 13px}.score-panel>span{font-size:9px;letter-spacing:.08em}.score-panel strong{font-size:32px}.score-panel small{font-size:10px}.hud-right{gap:5px}#lives{font-size:19px;padding:8px 9px;letter-spacing:1px}.icon-button{height:34px;width:34px;font-size:20px}.touch-controls{bottom:14px;left:15px;right:15px}.touch-controls button{width:61px;height:54px}.paper{padding:26px 24px 22px}h2{font-size:48px}.eyebrow{font-size:9px}.prizes{gap:18px}.instructions{font-size:12px}footer{height:50px;justify-content:center;text-align:center;font-size:10px;line-height:1.8;padding:0 5px}.footer-note{display:none}footer i{padding:0 1px}footer b{margin-left:0}#phase{font-size:14px}#toast{top:90px;font-size:13px}}@media(max-height:540px) and (min-width:651px){.masthead{height:46px}.garden{height:calc(var(--garden-viewport-height,100svh) - 78px);min-height:270px}footer{height:32px}.paper{padding:16px 24px;width:500px}h2{font-size:36px;margin:8px 0}h2 br{display:none}#panel-text{margin:8px;font-size:13px;line-height:1.3}.prizes{margin:8px;gap:28px;float:left}.primary{width:175px;display:inline-block;margin-top:8px}.instructions{clear:both;margin:8px 0 0}.hud{inset:12px}.score-panel{padding:8px 14px}.touch-controls{bottom:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}

.prizes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.prizes>span{width:auto;min-width:0}

.prizes img{max-width:100%}

.footer-scores{min-width:0;max-width:100%;white-space:nowrap;overflow-x:auto}

/* Same icon and score rows for emoji, loaded images and loading fallback. */
.prizes>span{display:grid;grid-template-rows:32px 20px;row-gap:6px;justify-items:center;align-items:center}
.prizes .prize-icon{display:flex;align-items:center;justify-content:center;width:32px;max-width:100%;height:32px;line-height:1;font-size:26px;grid-row:1}
.prizes .prize-icon img{display:block;width:32px;height:32px;object-fit:contain}
.prizes>span>b{display:block;grid-row:2;margin:0;line-height:20px;font-variant-numeric:tabular-nums}

/* Portrait tablets use the full available height from the first layout. */
@media (orientation:portrait) and (min-width:651px){
 .garden{height:calc(var(--garden-viewport-height,100svh) - 146px - env(safe-area-inset-bottom));min-height:380px}
}