:root{--ink:#eafdf4;--muted:#9abbb7;--mint:#b6f272;--lime:#c7f66e;--navy:#10283b;--glass:#1b4050;--border:#376173;--gold:#ffe37c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b2230;color:var(--ink);font-family:'Trebuchet MS',Verdana,Arial,sans-serif}body{overflow-x:hidden;background:radial-gradient(ellipse 1000px 560px at 15% -20%,#31576d 0,transparent 70%),radial-gradient(ellipse 950px 560px at 99% 80%,#143e41 0,transparent 72%),#0b2230}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ambient{pointer-events:none;position:fixed;border-radius:50%;filter:blur(100px);opacity:.22}.ambient-a{width:440px;height:440px;background:#68ca7b;top:-240px;left:-150px}.ambient-b{width:340px;height:340px;background:#e5cc4e;bottom:-250px;right:0}.app{max-width:1370px;width:calc(100% - 48px);margin:auto;position:relative}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{width:51px;height:51px;border:2px solid #72d9a3;border-radius:15px;background:linear-gradient(145deg,#32775f,#205466);display:flex;align-items:center;justify-content:center;color:#d2ff90;font-size:42px;line-height:1;position:relative;transform:rotate(-7deg);box-shadow:0 6px 18px #0004}.brand-mark span{position:absolute;font-size:14px;color:#ffe581;top:-4px;right:-3px}.brand-name{font-weight:1000;font-size:21px;letter-spacing:1.1px;line-height:1;white-space:nowrap;text-shadow:0 2px 0 #102a38}.brand-name em{color:#b8f28c;font-style:normal}.brand-tag{font-family:Verdana,sans-serif;letter-spacing:2.2px;font-size:8px;font-weight:800;color:#91b9b6;margin-top:7px}.top-actions{display:flex;align-items:center;gap:9px}.status-chip{border-radius:20px;border:1px solid #396273;background:#153a49;padding:9px 14px;font-size:10px;font-weight:bold;letter-spacing:1.2px;color:#a8d9b5;white-space:nowrap;margin-right:7px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9f279;margin-right:7px;box-shadow:0 0 12px #b9f279}.head-btn{background:#1b4050;border:1px solid #386477;color:#ebf7e8;border-radius:12px;padding:12px 15px;font-size:12px;font-weight:900;letter-spacing:.3px;white-space:nowrap;transition:background .2s,transform .2s}.head-btn:hover,.canvas-pill:hover{background:#2d6570;transform:translateY(-2px)}.icon-btn{font-size:20px;width:42px;padding:8px}.hud{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px 13px}.hud-eyebrow{font-size:9px;font-weight:900;letter-spacing:2px;color:#8ab5ac;margin-bottom:7px}.level-name{font-size:22px;letter-spacing:1px;font-weight:1000;white-space:nowrap}.level-name span{color:#79a498;margin:0 4px}.hud-right{display:flex;align-items:center;gap:11px}.stat{background:#1a3949;border:1px solid #365d6a;border-radius:14px;display:flex;align-items:center;gap:11px;padding:10px 14px;min-width:128px;box-shadow:0 6px 12px #0002}.stat-icon{display:flex;align-items:center;justify-content:center;background:#29566a;border-radius:12px;width:37px;height:37px;color:#d7f798;font-size:26px}.stat-icon.sun-icon{background:#70591f;color:#ffe37c;text-shadow:0 0 14px #efb432}.stat-meta{display:flex;flex-direction:column;gap:3px}.stat-meta small{font-size:9px;letter-spacing:1px;color:#a0c2bd;font-weight:900;white-space:nowrap}.stat-meta strong{font-size:22px;font-weight:1000;line-height:1;letter-spacing:1px;font-variant-numeric:tabular-nums}.sun-stat{border-color:#9a7943;background:linear-gradient(125deg,#634822,#3f382a);min-width:149px}.sun-stat small{color:#e8c98d}.sun-stat strong{color:#ffe89a}.progress-stat{min-width:168px;display:block}.wave-track{height:6px;background:#0d2b33;border-radius:9px;overflow:hidden;margin-top:9px}.wave-fill{height:100%;width:0%;background:linear-gradient(90deg,#70daaa,#d1f97d);border-radius:9px;transition:width .5s}.game-frame{position:relative;border:6px solid #3f6f7a;border-radius:25px;overflow:hidden;background:#4c9f6b;box-shadow:0 19px 0 #081c27,0 29px 42px #020e1aab,inset 0 2px 3px #f1ffc560;isolation:isolate}.game-frame canvas{display:block;width:100%;height:auto;aspect-ratio:1200/660;cursor:crosshair;touch-action:manipulation}.game-shine{position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 70px #052a3b43,inset 0 4px 0 #ffffff2b;border-radius:18px}.canvas-top-bar{position:absolute;z-index:3;inset:14px 16px auto 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;pointer-events:none}.tip-chip{pointer-events:none;font-size:12px;color:#f9fbdc;font-weight:900;background:#102e35dd;border:1px solid #a5d59b81;border-radius:30px;padding:10px 17px;box-shadow:0 3px 8px #0004;max-width:65%}.canvas-buttons{display:flex;gap:7px;pointer-events:auto}.canvas-pill{border:1px solid #ffffff6e;border-radius:12px;background:#16454de6;color:white;padding:10px 14px;font-size:12px;font-weight:900;transition:.2s}.screen-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;background:linear-gradient(90deg,#0d2938f2 0%,#123647ed 38%,#1439417a 61%,transparent 100%)}.screen-overlay.hidden{display:none}.menu-content{padding:26px 40px 33px 7%;width:59%;animation:menu-in .6s both}@keyframes menu-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.menu-kicker{letter-spacing:2px;font-size:11px;color:#b8edc8;font-weight:1000;white-space:nowrap}.sparkle{color:#ffdc70;padding:0 5px}.menu-content h1{font-size:clamp(45px,6.4vw,94px);line-height:.94;letter-spacing:-4px;margin:17px 0 10px;font-weight:1000;text-shadow:0 7px 0 #082332,4px 9px 25px #001a298e}.menu-content h1 span{color:#d0fb78}.menu-subtitle{font-size:18px;font-weight:1000;letter-spacing:7px;color:#ffdc79}.menu-subtitle span{color:#f9fbdf;letter-spacing:0}.menu-content p{max-width:420px;line-height:1.6;color:#c5e4df;font-size:15px;margin:21px 0 27px}.menu-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.big-btn{color:#163e31;background:linear-gradient(#e1ff9b,#a5ed64);border:0;border-bottom:5px solid #6bb748;border-radius:16px;padding:15px 24px;font-size:19px;font-weight:1000;white-space:nowrap;box-shadow:0 9px 18px #07191d8c;transition:transform .17s,filter .17s}.big-btn:hover{transform:translateY(-4px);filter:brightness(1.06)}.big-btn:active{transform:translateY(1px);border-bottom-width:2px}.big-btn span{display:inline-flex;margin-left:13px;border-radius:50%;width:31px;height:31px;background:#4b9b48;color:#fff;align-items:center;justify-content:center}.subtle-btn{border:1px solid #82b4a5;background:#143e44e8;color:#f2f7d6;padding:16px 17px;border-radius:13px;font-weight:900;font-size:12px;letter-spacing:1px}.subtle-btn:hover{background:#2a5b59}.menu-foot{margin-top:27px;display:flex;flex-wrap:wrap;gap:22px;font-size:10px;letter-spacing:.6px;color:#c1dfb8;font-weight:900}.toast,.float-message{position:absolute;pointer-events:none;z-index:4;color:white;font-size:18px;font-weight:1000;left:50%;top:24%;transform:translate(-50%,-12px);background:#133c46e9;border:2px solid #b5f195;border-radius:14px;padding:14px 22px;opacity:0;transition:opacity .2s,transform .2s;text-align:center;white-space:nowrap;box-shadow:0 8px 20px #0017}.toast.visible,.float-message.visible{opacity:1;transform:translate(-50%,0)}.float-message{top:45%;font-size:26px;background:transparent;border:0;text-shadow:0 5px 3px #123b3e,0 0 20px #103d41;box-shadow:none}.toolbar{background:#15394b;border:1px solid #3b6874;border-radius:20px;margin-top:34px;padding:14px;display:flex;align-items:stretch;gap:10px;box-shadow:0 10px 20px #0003}.seed-label{width:130px;min-width:130px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding-left:3px}.seed-label>span{font-weight:1000;letter-spacing:1px;font-size:17px}.seed-label small{color:#a8c5c0;font-size:11px;line-height:1.5}.seeds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;flex:1;min-width:0}.seed-card,.shovel-card{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:2px;min-width:0;min-height:112px;border:2px solid #42717a;background:linear-gradient(150deg,#285c63,#1b4a58);border-radius:14px;padding:5px 5px 8px;color:#f1fbeb;box-shadow:inset 0 2px 0 #ffffff12,0 5px 0 #0b2634;transition:border .12s,transform .12s,background .2s}.seed-card:hover:not(:disabled),.shovel-card:hover{transform:translateY(-4px);border-color:#cfeb8f}.seed-card.selected,.shovel-card.selected{border-color:#ffef91;background:linear-gradient(160deg,#5d8651,#286a60);box-shadow:0 0 0 3px #f9e58944,inset 0 2px 0 #fff4,0 5px 0 #163d31}.seed-card:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.58}.seed-card.cant-afford:not(:disabled){background:linear-gradient(150deg,#2d4a54,#203a49)}.seed-card .portrait{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 4px 2px #041f2959)}.seed-card strong,.shovel-card strong{font-size:12px;line-height:1.1;white-space:nowrap}.seed-card .cost{font-size:12px;color:#ffe48c;font-weight:1000}.seed-card .lock-tag{position:absolute;top:5px;right:5px;font-size:9px;border-radius:6px;padding:3px;background:#132e3d;color:#ffe79c;letter-spacing:.3px}.seed-card .cooldown-shade{position:absolute;inset:0;pointer-events:none;border-radius:11px;background:linear-gradient(0deg,#051d28a6 var(--cooldown),transparent var(--cooldown));z-index:1}.shovel-card{width:92px;min-width:78px;background:linear-gradient(#5e6752,#344c4b);justify-content:center;gap:6px}.shovel-card span{font-size:38px;line-height:1;transform:rotate(-25deg)}.shovel-card small{font-size:9px;color:#afccc8;font-weight:900;letter-spacing:1px}.bottom-ribbon{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#92bcb4;padding:15px 4px 8px}.bottom-ribbon strong{color:#bbddab}.bottom-ribbon #saveNotice{color:#8bafa9}footer{border-top:1px solid #34566350;display:flex;justify-content:space-between;gap:10px;color:#658b8f;padding:18px 5px 25px;font-size:10px;font-weight:800;letter-spacing:1.4px}footer span{color:#fcaa87}.dialog-backdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#061b28cd;backdrop-filter:blur(9px);animation:fade .15s}.dialog-backdrop.hidden{display:none}@keyframes fade{from{opacity:0}to{opacity:1}}.dialog{position:relative;max-width:580px;width:min(100%,580px);max-height:calc(100vh - 42px);overflow:auto;border-radius:28px;background:linear-gradient(155deg,#264f5d,#132e40 67%);border:2px solid #77b6a3;box-shadow:0 28px 80px #001923,0 6px 0 #0c2631;padding:37px}.dialog-close{position:absolute;right:16px;top:15px;border:1px solid #729397;border-radius:50%;background:#173c4b;color:white;width:35px;height:35px;font-size:24px}.dialog h2{font-size:37px;letter-spacing:-1px;margin:0 0 9px;line-height:1.1}.dialog h2 span{color:#c8f778}.dialog .lead{color:#c0ddd5;line-height:1.6;font-size:15px;margin:10px 0 23px}.dialog .dialog-kicker{font-weight:1000;font-size:11px;color:#ffdb80;letter-spacing:2px;margin:0 0 10px}.dialog .dialog-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.dialog .dialog-actions button{flex:1}.instructions{display:flex;flex-direction:column;gap:13px;margin-top:20px}.instruction{display:flex;gap:14px;align-items:flex-start;padding:13px;background:#ffffff0b;border-radius:13px}.instruction .number{display:flex;align-items:center;justify-content:center;flex:none;width:33px;height:33px;border-radius:10px;color:#183828;background:#bff188;font-size:17px;font-weight:1000}.instruction strong{display:block;font-size:15px}.instruction p{margin:5px 0 0;font-size:13px;color:#b0d1cc;line-height:1.55}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.level-choice{border:1px solid #4d7c7c;border-radius:13px;text-align:left;background:#234953;color:white;padding:12px;min-height:85px;display:flex;gap:12px;align-items:center}.level-choice:hover:not(:disabled){background:#336c60;border-color:#ccfa8e}.level-choice:disabled{opacity:.48;cursor:not-allowed}.level-choice .num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#538053;color:#ecffbb;font-size:21px;font-weight:1000;flex:none}.level-choice strong{display:block;font-size:13px}.level-choice small{color:#f1d67f;font-size:13px;display:block;margin-top:5px}.result-stars{font-size:53px;letter-spacing:10px;color:#ffdb72;text-shadow:0 4px 0 #8f752d,0 7px 14px #0009;margin:8px 0 18px}.result-numbers{display:flex;gap:10px}.result-numbers>div{background:#0b2c3a70;flex:1;padding:13px;border-radius:12px}.result-numbers strong{display:block;font-size:22px;color:#d8ff9a}.result-numbers small{color:#abc4bb;font-size:10px;letter-spacing:1px;font-weight:900}.switch-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #55747b}.switch-row button{border:1px solid #9bd8b5;border-radius:20px;background:#306e5a;color:#e6ffdc;padding:9px 17px;font-weight:900}.dialog .small-note{color:#9abbb4;font-size:11px;line-height:1.5;margin-top:19px}@media(max-width:1040px){.app{width:calc(100% - 24px)}.site-header{height:78px}.status-chip{display:none}.seed-label{width:96px;min-width:96px}.seed-label>span{font-size:13px}.seed-label small{font-size:10px}.toolbar{gap:6px;padding:10px}.seeds{gap:5px}.seed-card{min-height:100px}.seed-card strong{font-size:10px}.seed-card .portrait{width:39px;height:39px}.shovel-card{width:68px;min-width:64px}.menu-content p{margin:13px 0}.menu-foot{margin-top:13px}.menu-content h1{font-size:clamp(44px,6vw,75px)}.menu-content{width:64%}}@media(max-width:690px){.app{width:calc(100% - 16px)}.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 0;gap:8px}.brand-name{font-size:15px}.brand-tag{font-size:6px;letter-spacing:1px}.brand-mark{width:39px;height:39px;font-size:33px}.top-actions{gap:5px}.head-btn{padding:8px 9px;font-size:11px}.head-btn span{display:none}.icon-btn{width:34px}.hud{min-height:66px;padding:7px 0;flex-wrap:wrap;gap:5px}.hud-eyebrow{font-size:7px;margin-bottom:3px}.level-name{font-size:14px}.hud-right{gap:4px}.stat{padding:6px 7px;min-width:auto;gap:5px;border-radius:9px}.stat-icon{width:24px;height:24px;font-size:19px;border-radius:7px}.stat-meta small{font-size:6px}.stat-meta strong{font-size:13px}.sun-stat{min-width:auto}.progress-stat{min-width:71px}.wave-track{margin-top:5px;height:4px}.game-frame{border:3px solid #3f6f7a;border-radius:12px;box-shadow:0 8px 0 #081c27,0 13px 20px #020e1aab}.canvas-top-bar{inset:5px 5px auto 5px;gap:3px}.tip-chip{padding:4px 6px;font-size:7px;max-width:63%}.canvas-buttons{gap:3px}.canvas-pill{padding:4px 5px;font-size:8px;border-radius:6px}.screen-overlay{background:linear-gradient(90deg,#0d2938f6,#123647e8 70%,#14394147)}.menu-content{padding:6px 6px 6px 5%;width:86%}.menu-kicker{font-size:6px;letter-spacing:1px}.menu-content h1{font-size:clamp(32px,9vw,63px);letter-spacing:-2px;margin:5px 0}.menu-subtitle{font-size:10px;letter-spacing:3px}.menu-content p{font-size:9px;max-width:270px;line-height:1.5;margin:6px 0 10px}.big-btn{font-size:12px;padding:7px 10px;border-bottom-width:3px;border-radius:8px}.big-btn span{width:20px;height:20px;margin-left:3px}.subtle-btn{font-size:9px;padding:9px;border-radius:8px}.menu-actions{gap:6px}.menu-foot{font-size:6px;gap:8px;margin-top:9px}.toolbar{padding:7px 5px;margin-top:18px;flex-wrap:wrap;border-radius:12px}.seed-label{width:100%;min-width:0;flex-direction:row;justify-content:space-between;align-items:center;padding:2px 3px}.seed-label small{font-size:9px}.seeds{order:2;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.seed-card{min-height:70px;padding:3px 1px 5px;border-radius:9px;gap:1px;box-shadow:0 3px 0 #0b2634}.seed-card .portrait{height:29px;width:29px}.seed-card strong{font-size:8px}.seed-card .cost{font-size:9px}.seed-card .lock-tag{font-size:6px;padding:2px;right:1px;top:1px}.shovel-card{order:1;width:75px;min-height:27px;height:27px;flex-direction:row;padding:3px;gap:2px;border-radius:7px;box-shadow:none}.shovel-card span{font-size:20px}.shovel-card strong{font-size:9px}.shovel-card small{display:none}.bottom-ribbon{display:block;font-size:9px;line-height:1.5}.bottom-ribbon #saveNotice{display:none}footer{font-size:7px;letter-spacing:.3px;line-height:1.4}.dialog{padding:25px 18px}.dialog h2{font-size:29px}.level-grid{gap:7px}.level-choice{padding:7px;min-height:70px}.level-choice .num{width:30px;height:30px;font-size:16px}.level-choice strong{font-size:11px}.level-choice small{font-size:10px}}@media(max-width:360px){.brand-name{font-size:12px}.brand{gap:6px}.top-actions{gap:2px}.head-btn{padding:7px}.stat-meta strong{font-size:11px}.seed-card .portrait{height:23px;width:23px}.seed-card strong{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.game-frame:fullscreen{background:#183c4b;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:none}.game-frame:fullscreen canvas{width:min(100vw,181.818vh);max-height:100vh;height:auto}.game-frame:fullscreen .canvas-top-bar{inset:12px 18px auto 18px}.game-frame:fullscreen .screen-overlay{width:100%;height:100%}
/* Keep the plant palette visible on ordinary desktop screens without scrolling. */
@media (min-width:900px) and (min-height:700px){
 .hud,.game-frame,.toolbar,.bottom-ribbon{width:min(100%,max(860px,calc(181.818vh - 581.82px)));margin-left:auto;margin-right:auto}
 .toolbar{margin-top:18px}
 .game-frame:fullscreen{width:100%;height:100%}
}

/* TURBO: always-visible arcade tools */
.power-zone{display:flex;gap:10px;align-items:stretch;margin:13px auto 0;width:min(100%,980px)}
.bonk-info{flex:1;min-width:150px;display:flex;gap:11px;align-items:center;background:linear-gradient(135deg,#244c5c,#1d3847);border:2px solid #437687;border-radius:14px;padding:8px 14px;box-shadow:0 4px 0 #102938}
.bonk-icon{display:grid;place-items:center;background:#ed9d70;border-radius:13px;width:42px;height:42px;font-size:23px}
.bonk-info b{display:block;font-size:13px;color:#fff4c3;letter-spacing:1px}.bonk-info small{display:block;font-size:11px;color:#c0d7cd;margin:3px 0}.bonk-info #boopHint{font-size:10px;font-weight:900;color:#bdf18f;letter-spacing:.6px}
.power-btn{flex:1.08;max-width:310px;min-width:0;display:flex;position:relative;gap:10px;align-items:center;text-align:left;padding:11px 14px 16px;border-radius:14px;border:2px solid #476c7c;background:linear-gradient(125deg,#355064,#233b4c);color:white;box-shadow:0 4px 0 #102938;transition:transform .14s,border-color .14s,filter .14s}
.power-btn:disabled{filter:saturate(.53);opacity:.79}.power-btn.ready{border-color:#f2d56b;box-shadow:0 3px 0 #132f38,0 0 20px #ffd45c50;animation:powerGlow 1.8s infinite alternate}.power-btn.armed{background:linear-gradient(110deg,#bb553a,#804a3e);border-color:#fff3a6;transform:translateY(-3px)}
@keyframes powerGlow{from{box-shadow:0 3px 0 #132f38,0 0 8px #ffd45c33}to{box-shadow:0 3px 0 #132f38,0 0 25px #ffd45c8a}}
.power-emoji{font-size:28px;filter:drop-shadow(0 3px 2px #0005)}.power-copy{display:grid;gap:3px}.power-copy strong{font-size:15px;letter-spacing:.4px}.power-copy small{font-size:10px;color:#f7dfb0;font-weight:800}.power-track{position:absolute;left:12px;right:12px;bottom:6px;height:5px;background:#0006;border-radius:10px;overflow:hidden}.power-track span{display:block;height:100%;width:100%;border-radius:10px;background:linear-gradient(90deg,#fdb468,#ffe788);transition:width .18s}.power-btn.freeze .power-track span{background:linear-gradient(90deg,#6fc5f3,#d6ffff)}.power-btn.freeze.ready{border-color:#a8eafd;box-shadow:0 3px 0 #132f38,0 0 21px #8ad9ff6b}
.menu-actions{flex-wrap:wrap}.menu-foot{flex-wrap:wrap}.bottom-ribbon{padding-top:12px}.dialog .lead{margin-bottom:12px}footer a{color:#a6ddce}
@media(max-width:690px){.power-zone{gap:5px;margin-top:10px}.bonk-info{padding:5px;border-radius:9px;gap:3px;min-width:78px}.bonk-icon{height:26px;width:25px;font-size:16px}.bonk-info b{font-size:8px}.bonk-info small{display:none}.bonk-info #boopHint{font-size:7px;line-height:1.2}.power-btn{border-radius:9px;padding:5px 4px 12px;gap:2px}.power-emoji{font-size:17px}.power-copy strong{font-size:8px}.power-copy small{font-size:7px}.power-track{bottom:3px;left:5px;right:5px;height:3px}.menu-actions .subtle-btn{padding:7px}.menu-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){.power-btn.ready{animation:none}}

.play-shell{display:block}.mobile-sun{display:none;color:#fff3af;font-size:13px;font-weight:1000;text-shadow:0 2px #0008;white-space:nowrap}.play-shell:fullscreen{overflow:hidden}
/* Landscape/touch arcade layout: battlefield, powers and plant palette all visible together. */
@media(max-height:500px) and (orientation:landscape){
 html,body{height:100dvh;overflow:hidden}.ambient,.site-header,.hud,.bottom-ribbon,footer{display:none!important}.app{width:100%;max-width:none;margin:0}.app main{margin:0;padding:0}
 .play-shell{display:grid;grid-template-columns:minmax(0,1fr) min(24vw,195px);grid-template-rows:minmax(0,1fr) 65px;gap:5px;height:100dvh;padding:5px;background:#0d2732;overflow:hidden}
 .play-shell .game-frame{grid-column:1;grid-row:1;margin:0;min-height:0;width:100%;height:100%;border-width:3px;border-radius:9px;box-shadow:none;display:flex;align-items:center;justify-content:center}
 .play-shell .game-frame canvas{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:1200/660;object-fit:contain;flex:0 1 auto}
 .play-shell .screen-overlay{inset:0;width:100%;height:100%}
 .play-shell .tip-chip{font-size:8px;max-width:40%}.play-shell .mobile-sun{display:block;font-size:11px;margin-right:auto;margin-left:5px}.play-shell .canvas-top-bar{display:flex;gap:3px}.play-shell .canvas-pill{font-size:9px;padding:5px}
 .play-shell .power-zone{grid-column:1;grid-row:2;margin:0;width:100%;height:100%;gap:4px}
 .play-shell .power-btn{max-width:none;border-radius:8px;padding:4px 7px 11px}.play-shell .bonk-info{min-width:80px;border-radius:8px;padding:3px 6px;gap:6px}.play-shell .bonk-info b{font-size:10px}.play-shell .bonk-info small{font-size:8px}.play-shell .power-emoji{font-size:22px}.play-shell .power-copy strong{font-size:11px}.play-shell .power-copy small{font-size:8px}
 .play-shell .toolbar{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:3px;margin:0;padding:4px;overflow:hidden;border-radius:9px;height:100%;box-shadow:none}
 .play-shell .seed-label{display:none}.play-shell .seeds{order:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;flex:1;min-height:0;width:100%}
 .play-shell .seed-card{min-height:0;height:100%;padding:2px 0 3px;gap:0;border-width:1px;box-shadow:none;border-radius:6px;justify-content:center}.play-shell .seed-card .portrait{width:27px;height:27px}.play-shell .seed-card strong{font-size:9px}.play-shell .seed-card .cost{font-size:9px}.play-shell .shovel-card{order:1;width:100%;height:25px;min-height:25px;padding:2px;box-shadow:none;border-radius:5px;flex-direction:row}.play-shell .shovel-card span{font-size:16px}
 .menu-content{padding:5px 3%;width:95%}.menu-content h1{font-size:clamp(30px,6.5vw,62px);line-height:.95}.menu-content p{font-size:10px;max-width:320px;margin:5px 0}.menu-foot{margin-top:7px;font-size:6px}.menu-actions .big-btn{font-size:11px;padding:7px}.menu-actions .subtle-btn{font-size:9px;padding:7px}
}
/* All controls remain available when fullscreen is requested on desktop too. */
.play-shell:fullscreen{width:100vw;height:100dvh;padding:7px;background:#0d2732;display:grid;grid-template-columns:minmax(0,1fr) min(24vw,275px);grid-template-rows:minmax(0,1fr) 80px;gap:7px}
.play-shell:fullscreen .game-frame{grid-column:1;grid-row:1;width:100%;height:100%;min-height:0;margin:0;box-shadow:none;border-radius:10px;display:flex;align-items:center;justify-content:center}
.play-shell:fullscreen .game-frame canvas{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:1200/660;object-fit:contain}
.play-shell:fullscreen .power-zone{grid-column:1;grid-row:2;width:100%;height:100%;margin:0;gap:5px}
.play-shell:fullscreen .toolbar{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:5px;margin:0;padding:7px;overflow:hidden;height:100%}
.play-shell:fullscreen .seed-label{display:none}.play-shell:fullscreen .seeds{order:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));min-height:0;width:100%}
.play-shell:fullscreen .seed-card{min-height:0;height:100%;justify-content:center}.play-shell:fullscreen .shovel-card{order:1;width:100%;height:32px;min-height:32px;flex-direction:row}
.play-shell:fullscreen .mobile-sun{display:block;margin-left:6px;margin-right:auto}.play-shell:fullscreen .tip-chip{max-width:44%}
@media(max-height:500px) and (orientation:landscape){.play-shell:fullscreen{grid-template-rows:minmax(0,1fr) 65px;padding:4px;gap:4px}.play-shell:fullscreen .seed-card{padding:1px}.play-shell:fullscreen .seed-card .portrait{width:27px;height:27px}}