:root{--bg-top: #effcf8;--bg-bottom: #d9f5ec;--panel: rgba(255, 255, 255, .84);--line: rgba(94, 185, 157, .2);--text: #2f6557;--muted: #5f8f80;--aqua: #67b6a5;--pond: #9cdff1;--sun: #ffe79c;--grass: #97d574;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow:hidden;color:var(--text);font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;background:radial-gradient(circle at top,rgba(255,236,160,.38),transparent 32%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}button{font:inherit}button:focus-visible{outline:2px solid rgba(103,182,165,.85);outline-offset:3px}.ambient{position:fixed;inset:0;pointer-events:none;filter:blur(28px);opacity:.75}.ambient-a{background:radial-gradient(circle at 16% 14%,rgba(255,234,163,.45),transparent 24%)}.ambient-b{background:radial-gradient(circle at 82% 78%,rgba(153,229,198,.42),transparent 28%)}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom))}.device-shell{width:min(100%,460px);display:grid;gap:12px}.chrome-bar,.cta-panel{background:linear-gradient(180deg,#fffffff0,#f3fcf6f0);border:1px solid var(--line);box-shadow:0 24px 60px #529a7f29}.chrome-bar{padding:16px 18px;border-radius:24px;display:grid;gap:10px}.chrome-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.eyebrow{display:inline-block;color:var(--aqua);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}h1,h2{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;text-transform:uppercase;letter-spacing:.04em}h1{font-size:clamp(1.9rem,7vw,2.5rem);line-height:.94}.chrome-bar p,.cta-panel p{margin:0;color:var(--muted);line-height:1.38}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.mini-chip,.cta-stats span{border-radius:999px;padding:8px 11px;background:#ffffffb8;border:1px solid rgba(94,185,157,.12);color:#5c8d7a;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.sound-toggle,.primary-button,.secondary-button{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.sound-toggle{min-width:118px;padding:10px 14px;border-radius:999px;border:1px solid rgba(103,182,165,.2);background:radial-gradient(circle at top,rgba(255,243,181,.65),transparent 60%),#ffffffdb;color:var(--text)}.sound-toggle:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.sound-toggle.is-muted{color:var(--muted);background:#f6fcf8e6}.game-shell{position:relative;border-radius:32px;padding:12px;background:radial-gradient(circle at top,rgba(255,245,194,.3),transparent 42%),linear-gradient(180deg,#ffffffe6,#e9f9f1f5);border:1px solid rgba(94,185,157,.18);box-shadow:0 28px 80px #529a7f2e}.game-badge{position:absolute;top:22px;left:24px;z-index:5;padding:8px 12px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(94,185,157,.16);color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hud{position:absolute;top:62px;left:18px;right:18px;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hud>div{padding:10px 10px 11px;border-radius:18px;background:#ffffffa3;border:1px solid rgba(94,185,157,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-label{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.hud strong{display:block;font-size:.95rem;line-height:1.1}#gameCanvas{display:block;width:100%;aspect-ratio:390 / 844;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#d8f4ff,#8fd7e8 48%,#a0d973 48%,#8fd373);cursor:pointer}.toast{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:4;width:min(320px,calc(100% - 36px));padding:12px 16px;border-radius:18px;text-align:center;background:#ffffffb8;border:1px solid rgba(94,185,157,.14);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .22s ease,transform .22s ease}.cta-panel{position:absolute;left:18px;right:18px;bottom:22px;z-index:6;padding:18px;border-radius:24px;display:grid;gap:12px;transform-origin:bottom center;animation:pond-pop .38s ease}.cta-panel.is-hidden{display:none}.cta-stats,.cta-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.secondary-button{min-height:46px;border-radius:999px;padding:0 18px}.primary-button{border:none;background:linear-gradient(135deg,#67b6a5,#97d574);color:#fff;box-shadow:0 12px 28px #67b6a547}.secondary-button{border:1px solid rgba(94,185,157,.22);background:#ffffffd6;color:var(--text)}@keyframes pond-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:460px){.hud{top:58px}.hud>div{padding:9px 8px 10px}.hud strong{font-size:.85rem}}