:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-body:"Avenir Next", "Segoe UI", "Gill Sans", sans-serif;--cream:#f8f1df;--pond:#d9efe7;--leaf:#163127;--leaf-soft:#234940;--orange:#ef6c2f;--gold:#fff2b2;--mist:#f8f1dfc7;--line:#16312724;--shadow:0 20px 55px #1631271f}body:has(.life-game-page){background:#071c21;overflow:hidden}.life-game-page{width:100%;height:100svh;min-height:100svh;padding:0;overflow:hidden}.life-game-page .life-prototype{width:100%;height:100%;padding:0}.life-game-page .life-game-shell{width:100%;height:100%;box-shadow:none;background:linear-gradient(#fff2b224,#0000 26%),linear-gradient(#87cdc7 0%,#276b79 58%,#0f2f3a 100%);border:0;border-radius:0;position:relative;overflow:hidden}.life-game-page .life-game-canvas{aspect-ratio:auto;background:linear-gradient(#fff2b22e,#0000 22%),linear-gradient(#8bd0cb,#163e4c);width:100%;height:100%;min-height:0}.life-game-page .life-game-canvas canvas{width:100%!important;height:100%!important}.life-game-page .life-game-hud{top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));z-index:6;max-width:58rem}.life-game-page .life-game-hud span{background:#071c2180;border-color:#f8f1df38;box-shadow:0 8px 22px #071c211f}.life-game-page .life-hud-status{flex-basis:100%;max-width:min(42rem,100vw - 1.5rem)}.life-game-page .life-hud-status[data-result=won]{background:#c6ff6f57}.life-game-page .life-game-controls{z-index:7;left:50%;bottom:max(.8rem, env(safe-area-inset-bottom));grid-template-columns:repeat(7,minmax(3.8rem,auto));gap:.45rem;width:min(46rem,100% - 1.5rem);margin:0;display:grid;position:absolute;transform:translate(-50%)}.life-game-page .life-game-controls button{color:#163127;background:#f8f1dfcc;border-color:#f8f1df33;min-width:0;box-shadow:0 10px 24px #071c2129}.life-game-page .life-game-controls button:disabled{opacity:.38;cursor:default}.life-prototype-ready .life-game-hud,.life-prototype-intro .life-game-hud,.life-prototype-ready .life-game-controls,.life-prototype-intro .life-game-controls{opacity:0;pointer-events:none}.life-start-overlay{z-index:12;padding:max(1.2rem, env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) max(1.2rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));background:linear-gradient(#fff2b238,#0000 18%),linear-gradient(#87cdc7f5 0%,#276b79f5 56%,#0f2f3afa 100%);grid-template-columns:minmax(0,1fr) minmax(20rem,.64fr);align-items:center;gap:2rem;display:grid;position:absolute;inset:0;overflow:hidden}.life-start-overlay:before{content:"";pointer-events:none;background:linear-gradient(90deg,#071c2129,#0000 36%,#071c2166),repeating-linear-gradient(90deg,#f8f1df14 0 4rem,#0000 4rem 8rem);position:absolute;inset:0}.life-hatch-scene{z-index:1;justify-self:center;width:min(44rem,100%);height:min(32rem,64svh);min-height:22rem;position:relative}.life-hatch-scene:before{content:"";filter:blur(6px);background:#071c212e;border-radius:50%;height:4rem;position:absolute;bottom:7%;left:4%;right:4%}.life-hatch-scene:after{content:"";opacity:.75;background:linear-gradient(90deg,#16312757 0 1rem,#0000 1rem 3.2rem) 0 0/5.4rem 100%,linear-gradient(#0000,#071c2157);height:44%;position:absolute;inset:auto 0 0}.life-intro-egg-cluster{z-index:2;transform-origin:50% 84%;width:19rem;height:11rem;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.life-start-overlay-intro .life-intro-egg-cluster{animation:3.1s ease-in-out both hatchClusterShake}.life-intro-egg-cluster span{background:radial-gradient(circle at 62% 38%,#66703b6b 0 .36rem,#0000 .38rem),radial-gradient(circle at 38% 28%,#f8f1dfd1,#f8f1df4d 42%,#dbe6c633);border:1px solid #f8f1df9e;border-radius:54% 46% 50% 50%;width:5.3rem;height:3.9rem;display:block;position:absolute;box-shadow:inset 0 .4rem .8rem #f8f1df47,0 .8rem 2rem #071c2124}.life-intro-egg-cluster span:before{content:"";background:#16312785;width:1px;height:0;position:absolute;top:14%;left:46%}.life-start-overlay-intro .life-intro-egg-cluster span:nth-child(2):before,.life-start-overlay-intro .life-intro-egg-cluster span:nth-child(5):before{animation:1.35s ease-out .85s forwards eggCrack}.life-intro-egg-cluster span:first-child{bottom:1.2rem;left:1.4rem;transform:rotate(-14deg)}.life-intro-egg-cluster span:nth-child(2){bottom:3.7rem;left:5rem;transform:rotate(6deg)scale(1.08)}.life-intro-egg-cluster span:nth-child(3){bottom:1.5rem;left:9rem;transform:rotate(12deg)scale(.96)}.life-intro-egg-cluster span:nth-child(4){bottom:4.2rem;left:12.5rem;transform:rotate(-7deg)}.life-intro-egg-cluster span:nth-child(5){bottom:0;left:6.8rem;transform:rotate(-2deg)scale(1.12)}.life-intro-egg-cluster span:nth-child(6){bottom:4.5rem;left:0;transform:rotate(10deg)scale(.88)}.life-intro-tadpole{z-index:3;opacity:0;width:13.5rem;height:7rem;position:absolute;bottom:30%;left:45%;transform:translate(-24%,15%)scale(.68)}.life-start-overlay-intro .life-intro-tadpole{animation:2.8s ease-in-out 1.05s forwards introTadpoleSwim}.life-intro-tadpole span,.life-intro-tadpole span:before,.life-intro-tadpole span:after{content:"";display:block;position:absolute}.life-intro-tadpole span{background:radial-gradient(circle at 72% 31%,#f8f1df 0 .26rem,#071c21 .27rem .53rem,#b6a84a .54rem .7rem,#0000 .72rem),radial-gradient(at 62% 70%,#d9c46d8a,#0000 40%),linear-gradient(135deg,#7c884a,#2d3d2d);border:1px solid #1427205c;border-radius:58% 48% 52% 50%;width:4.5rem;height:3.15rem;top:2.1rem;right:1.25rem;box-shadow:inset 0 .55rem .7rem #f8f1df38,0 .65rem 1.6rem #071c212e}.life-intro-tadpole span:before{transform-origin:100%;background:repeating-linear-gradient(100deg,#16312738 0 1px,#0000 1px .7rem),linear-gradient(90deg,#e5ecd21a,#d6e2c06b 34%,#66703b80);border-radius:90% 12% 86% 16%;width:8.4rem;height:2.15rem;animation:.7s ease-in-out infinite introTailSwim;top:.38rem;right:3.55rem}.life-intro-tadpole span:after{background:#1631274d;width:7.6rem;height:1px;top:1.48rem;right:3rem}.life-intro-ripple{z-index:1;opacity:0;border:1px solid #f8f1df47;border-radius:50%;width:9rem;height:2.6rem;position:absolute;bottom:24%;left:50%;transform:translate(-50%)scale(.4)}.life-start-overlay-intro .life-intro-ripple{animation:1.7s ease-out .9s forwards hatchRipple}.life-start-overlay-intro .life-intro-ripple.ripple-two{animation-delay:1.45s}.life-start-copy{z-index:2;max-width:33rem;color:var(--cream);text-shadow:0 2px 18px #071c2175;justify-self:start;position:relative}.life-start-copy .life-kicker{color:var(--gold);letter-spacing:0}.life-start-copy h1{font-family:var(--font-display), serif;letter-spacing:0;margin:.35rem 0 .8rem;font-size:5.8rem;line-height:.9}.life-start-copy p:last-of-type{color:#f8f1dfe0;min-height:4.8rem;margin:0;font-size:1.18rem;line-height:1.42}.life-start-button{color:#163127;cursor:pointer;background:linear-gradient(#fff2b2fa,#ef6c2fb8);border:1px solid #f8f1df6b;border-radius:999px;margin-top:1.4rem;padding:.95rem 1.7rem;font-size:1rem;font-weight:900;box-shadow:0 16px 36px #071c213d}.life-start-button:hover{transform:translateY(-1px)}.life-start-button:active{transform:translateY(1px)}.life-hatch-progress{background:#f8f1df38;border-radius:999px;width:min(18rem,100%);height:.45rem;margin-top:1.6rem;overflow:hidden}.life-hatch-progress span{border-radius:inherit;background:var(--gold);transform-origin:0;width:100%;height:100%;animation:3.5s linear forwards hatchProgress;display:block}@keyframes hatchClusterShake{0%,40%,to{transform:translate(-50%)rotate(0)}48%{transform:translate(-50%)rotate(-2deg)}56%{transform:translate(-50%)rotate(2deg)}64%{transform:translate(-50%)rotate(-1deg)}}@keyframes eggCrack{0%{height:0;transform:rotate(0)}to{height:2.4rem;transform:rotate(12deg)}}@keyframes introTadpoleSwim{0%{opacity:0;transform:translate(-28%,18%)scale(.58)rotate(-5deg)}28%{opacity:1}to{opacity:1;transform:translate(30%,-20%)scale(.78)rotate(2deg)}}@keyframes introTailSwim{0%,to{transform:rotate(-9deg)scaleX(1)}50%{transform:rotate(11deg)scaleX(.96)}}@keyframes hatchRipple{0%{opacity:0;transform:translate(-50%)scale(.35)}22%{opacity:.75}to{opacity:0;transform:translate(-50%)scale(1.6)}}@keyframes hatchProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:820px){.life-start-overlay{grid-template-columns:1fr;align-content:center;gap:.5rem}.life-hatch-scene{height:42svh;min-height:17rem}.life-start-copy{justify-self:stretch;max-width:none;padding:0 .4rem 5.4rem}.life-start-copy h1{font-size:3.6rem}.life-start-copy p:last-of-type{min-height:4.2rem;font-size:1rem}.life-game-page .life-game-hud{align-content:flex-start}.life-game-page .life-game-hud span:not(.life-hud-status){padding:.38rem .52rem;font-size:.7rem}.life-game-page .life-game-controls{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 1rem)}.life-game-page .life-game-controls button{padding:.68rem .5rem;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.life-start-overlay-intro .life-intro-egg-cluster,.life-start-overlay-intro .life-intro-tadpole,.life-intro-tadpole span:before,.life-start-overlay-intro .life-intro-ripple,.life-hatch-progress span{animation-duration:.001ms;animation-iteration-count:1}}*{box-sizing:border-box}html{background:linear-gradient(180deg, var(--cream), var(--pond))}body{background:radial-gradient(circle at top left, #ef6c2f29, transparent 24rem), radial-gradient(circle at top right, #c6ff6f1f, transparent 28rem), linear-gradient(180deg, var(--cream), var(--pond));min-height:100vh;color:var(--leaf);font-family:var(--font-body), sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,video{max-width:100%;display:block}.page-shell{width:min(1280px,100% - 2rem);margin:0 auto;padding:.9rem 0 3rem}.site-header{border-bottom:1px solid #1631271a;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;padding:.35rem 0 1.25rem;display:flex}.brand-mark{align-items:center;gap:.4rem;display:inline-flex}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{font-family:var(--font-display), serif;letter-spacing:-.06em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:.9}.brand-mark span{letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:.2rem;font-size:.8rem}.header-links{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.header-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f1df94;border-radius:999px;padding:.65rem 1rem}.admin-dock{z-index:30;color:#163127b3;text-transform:lowercase;background:#16312714;border-radius:999px;padding:.45rem .7rem;font-size:.82rem;position:fixed;bottom:1rem;right:1rem}.profile-menu{position:relative}.profile-trigger{min-width:8rem}.profile-dropdown{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:12rem;box-shadow:var(--shadow);background:#f8f1dff7;border-radius:1.1rem;padding:.45rem;position:absolute;top:calc(100% + .55rem);right:0}.profile-dropdown-item{width:100%;color:var(--leaf);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.8rem;padding:.8rem .9rem}.profile-dropdown-item:hover{background:#16312714}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:stretch;gap:1.25rem;display:grid}.hero-poster,.panel-card,.feed-card,.status-banner,.empty-state{border:1px solid var(--line);background:var(--mist);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:2rem}.hero-poster{min-height:34rem;padding:2rem;position:relative;overflow:hidden}.hero-poster:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 12%,#ef6c2f2e,#0000 18rem),radial-gradient(circle at 88% 18%,#c6ff6f3d,#0000 16rem),linear-gradient(160deg,#f8f1dff5,#d9efe7eb);position:absolute;inset:0}.hero-stack{z-index:1;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;background:#16312714;border-radius:999px;align-items:center;gap:.55rem;width:fit-content;padding:.6rem .95rem;font-size:.72rem;display:inline-flex}.hero-single{min-height:28rem}.hero-topline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-copyblock{max-width:46rem}.hero-title{font-family:var(--font-display), serif;letter-spacing:-.08em;margin:1rem 0 .6rem;font-size:clamp(4.25rem,11vw,8.5rem);line-height:.88}.hero-title .dot,.accent{color:var(--orange)}.signed-in-line{opacity:.72;margin-top:1rem;font-size:.95rem}.hero-copy{max-width:32rem;margin:0;font-size:1.05rem;line-height:1.6}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.5rem;display:grid}.hero-metric{background:#f8f1dfa8;border:1px solid #1631271a;border-radius:1.25rem;padding:.95rem 1rem}.hero-metric strong{margin-bottom:.2rem;font-size:1.55rem;display:block}.frog-stage{grid-template-columns:1.2fr .8fr;align-items:end;gap:1rem;margin-top:2rem;display:grid}.frog-visual{min-height:14rem;position:relative}.frog-visual:before{content:"";filter:blur(16px);background:#1631271f;border-radius:999px;height:4.75rem;position:absolute;inset:auto 0 0}.frog-visual img{z-index:1;width:min(100%,22rem);margin-left:1rem;position:relative}.hero-note{color:#fff8eb;background:#163127e6;border-radius:1.3rem;align-self:end;padding:1rem 1.1rem;font-size:.95rem;line-height:1.5}.hero-note strong{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:.82rem;display:block}.panel-card h2,.feed-section h2,.admin-title{font-family:var(--font-display), serif;letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem)}.panel-card p,.status-banner p,.empty-state p,.admin-page p{line-height:1.6}.stack{gap:1rem;display:grid}.auth-box{background:#f8f1dfad;border-radius:1.5rem;gap:.85rem;padding:1rem;display:grid}.auth-box form,.upload-form{gap:.85rem;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16312747;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);width:min(100%,34rem);box-shadow:var(--shadow);background:#f8f1dff0;border-radius:1.75rem;padding:1.25rem}.modal-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-head h2{font-family:var(--font-display), serif;letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.field-grid{gap:.85rem;display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:.45rem;display:grid}.field label{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700}.field input,.field textarea,.field select{width:100%;color:var(--leaf);background:#fff;border:1px solid #16312729;border-radius:1.1rem;padding:.9rem 1rem}.field textarea{resize:vertical;min-height:7.5rem}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.button{background:var(--leaf);color:#fff8eb;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.95rem 1.2rem;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.64;cursor:wait;transform:none}.button.secondary{color:var(--leaf);background:#1631271a}.button.ghost{color:var(--leaf);background:0 0;border:1px solid #1631271f}.button.orange{background:var(--orange)}.tiny-note{opacity:.78;font-size:.88rem}.status-banner{margin-bottom:1rem;padding:1rem 1.1rem}.status-banner strong{margin-bottom:.25rem;display:block}.feed-section{padding-top:.35rem}.feed-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.feed-intro{opacity:.82;max-width:36rem;margin:.4rem 0 0;line-height:1.55}.feed-badge{letter-spacing:.08em;text-transform:uppercase;background:#f8f1df8f;border:1px solid #1631271f;border-radius:999px;flex-shrink:0;padding:.7rem .95rem;font-size:.82rem}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feed-card{overflow:hidden}.media-shell{aspect-ratio:4/5;background:linear-gradient(#16312729,#1631270a);position:relative}.media-shell img,.media-shell video{object-fit:cover;width:100%;height:100%}.feed-copy{gap:.8rem;padding:1rem 1rem 1.1rem;display:grid}.feed-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.feed-handle{opacity:.7;font-size:.88rem}.feed-caption{margin:0;line-height:1.55}.ribbit-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ribbit-count{font-weight:700}.empty-state{padding:2rem}.admin-page{width:min(1080px,100% - 2rem);margin:0 auto;padding:1rem 0 3rem}.admin-list{gap:1rem;margin-top:1.5rem;display:grid}.admin-card{border:1px solid var(--line);background:var(--mist);box-shadow:var(--shadow);border-radius:1.5rem;grid-template-columns:280px minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.admin-preview{aspect-ratio:4/5;background:#16312714;border-radius:1rem;overflow:hidden}.admin-preview img,.admin-preview video{object-fit:cover;width:100%;height:100%}.admin-form{align-content:start;gap:.9rem;display:grid}.admin-meta{gap:.25rem;display:grid}.admin-meta strong{font-size:1.1rem}.utility-link{text-underline-offset:.2em;font-weight:700;text-decoration:underline}.pond-screen{flex-direction:column;width:min(100% - 1rem,100%);max-width:1400px;height:100svh;margin:0 auto;padding:.6rem 0 .8rem;display:flex;overflow:hidden}.pond-navbar{flex:none;margin-bottom:.75rem}.pond-playfield{flex-direction:column;flex:auto;gap:.8rem;min-height:0;display:flex}.pond-stage-frame{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#c6ff6f29,#0000 20rem),radial-gradient(circle at 0 0,#ef6c2f1f,#0000 20rem),linear-gradient(#fff8e7fa,#cdf2e4f5);border-radius:1.7rem;flex:auto;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pond-stage-canvas{aspect-ratio:1120/640;flex:none;justify-content:center;align-items:center;width:100%;max-height:100%;display:flex}.pond-stage-canvas canvas{aspect-ratio:1120/640;width:100%;height:auto;max-height:100%;display:block}.pond-stage-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;padding:.85rem;display:flex;position:absolute;inset:0}.pond-hud-row{flex-wrap:wrap;align-items:flex-start;gap:.65rem;display:flex}.pond-hud-row-bottom{justify-content:space-between;align-items:flex-end}.pond-chip{color:var(--leaf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f1dfb8;border:1px solid #1631271a;border-radius:999px;padding:.58rem .9rem;font-size:.85rem}.pond-chip.strong,.pond-chip.status{background:#f8f1dfdb}.pond-chip.subtle{opacity:.88;background:#f8f1df80}.pond-touch-controls{pointer-events:none;position:absolute;inset:0}.pond-thumb-zone{pointer-events:auto;align-items:flex-end;gap:.75rem;display:flex;position:absolute;bottom:1rem}.pond-thumb-zone-left{left:1rem}.pond-thumb-zone-right{align-items:flex-end;right:1rem}.pond-control-button{min-height:4.2rem;color:var(--leaf);letter-spacing:.01em;touch-action:none;background:linear-gradient(#f8f1dff2,#e7f8eceb);border:1px solid #1631271f;border-radius:1.4rem;font-size:1rem;font-weight:700;box-shadow:0 10px 24px #16312714}.pond-control-button:active{transform:translateY(1px)scale(.995)}.pond-control-button-side{min-width:5.8rem}.pond-control-button-jump{background:linear-gradient(#fff2b2fa,#ef6c2f42);border-radius:50%;min-width:6.8rem;min-height:6.8rem}.pond-control-button-ribbit{background:linear-gradient(#d2ffb5f5,#5eaa7157);border-radius:50%;min-width:4.8rem;min-height:4.8rem;margin-bottom:1.1rem;margin-right:.2rem}.pond-desktop-hint{display:inline-flex}.life-page{width:min(1320px,100% - 2rem);margin:0 auto;padding:.9rem 0 4rem}.life-navbar{margin-bottom:1.5rem}.life-hero{grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1.15fr);align-items:stretch;gap:clamp(1.5rem,4vw,4rem);min-height:clamp(34rem,72svh,48rem);display:grid}.life-hero-copy{flex-direction:column;justify-content:center;gap:1rem;max-width:34rem;display:flex}.life-kicker{color:var(--orange);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.life-hero h1,.life-section h2{font-family:var(--font-display), serif;letter-spacing:0;margin:0;font-weight:700;line-height:.96}.life-hero h1{font-size:clamp(4rem,9vw,8rem)}.life-hero-copy p:last-child,.life-section-head{color:#163127c2;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.5}.life-hero-pond{min-height:28rem;box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(#fff2b242,#0000 18%),linear-gradient(#b9e9e1 0%,#3f918f 48%,#163e4c 100%);border:1px solid #1631271f;border-radius:.5rem;position:relative;overflow:hidden}.life-hero-pond:before,.life-hero-pond:after{content:"";opacity:.82;background:linear-gradient(90deg,#0c30372e 0 12%,#0000 12% 18%) 0 0/8rem 100%,linear-gradient(#0000,#07222775);height:42%;position:absolute;inset:auto -10% 0}.life-hero-pond:after{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 20% 72%,#fff2b229,#0000 8rem),radial-gradient(circle at 74% 34%,#ef6c2f24,#0000 10rem);height:auto;inset:0}.life-water-line{opacity:.8;background:repeating-linear-gradient(90deg,#f8f1dfb3 0 3rem,#0000 3rem 5rem);height:.35rem;animation:6s linear infinite lifeDrift;position:absolute;top:13%;left:0;right:0}.life-reed{transform-origin:bottom;z-index:2;background:linear-gradient(#6fa05f,#234940);border-radius:999px 999px 0 0;width:.8rem;height:45%;animation:4.8s ease-in-out infinite reedSway;position:absolute;bottom:0}.life-reed:before,.life-reed:after{content:"";background:#7fb56b;border-radius:999px;width:4rem;height:.7rem;position:absolute;bottom:28%}.life-reed:before{right:.2rem;transform:rotate(-28deg)}.life-reed:after{left:.2rem;transform:rotate(24deg)}.life-reed.r1{height:38%;left:9%}.life-reed.r2{height:54%;animation-delay:-1.5s;left:16%}.life-reed.r3{height:48%;animation-delay:-.8s;right:13%}.life-sprite{width:6.5rem;height:4rem;position:relative}.life-preview-tank .life-sprite{transform:scale(.9)}.life-sprite span,.life-sprite span:before,.life-sprite span:after{content:"";display:block;position:absolute}.life-sprite.tadpole span{background:radial-gradient(circle at 66% 38%,#071c21 0 .14rem,#0000 .15rem),radial-gradient(circle at 78% 46%,#f8f1df73 0 .18rem,#0000 .19rem),linear-gradient(135deg,#6c7d3e,#243b35);border-radius:55% 48% 52% 50%;width:2.4rem;height:1.85rem;animation:.9s ease-in-out infinite tadpolePulse;top:1rem;right:.7rem;box-shadow:inset 0 .35rem .5rem #f8f1df38}.life-sprite.tadpole span:before{transform-origin:100%;background:linear-gradient(90deg,#72844438,#496147 64%,#243b35);border-radius:85% 12%;width:4.8rem;height:.85rem;animation:.64s ease-in-out infinite tailSwim;top:.45rem;right:1.85rem}.life-sprite.tiny{width:5.4rem;transform:scale(.82)}.life-sprite.medium{width:6.1rem;transform:scale(.96)}.life-sprite.large{width:7rem;transform:scale(1.12)}.life-sprite.daphnia span{background:#fff2b238;border:2px solid #fff2b2eb;border-radius:48% 52% 58% 42%;width:1.5rem;height:1.9rem;animation:.7s steps(2,end) infinite daphniaWiggle;top:1.1rem;left:2.1rem}.life-sprite.daphnia span:before,.life-sprite.daphnia span:after{transform-origin:0;background:#fff2b2cc;width:2rem;height:1px;left:.1rem}.life-sprite.daphnia span:before{top:.35rem;transform:rotate(-22deg)}.life-sprite.daphnia span:after{top:1.1rem;transform:rotate(22deg)}.life-sprite.larva span{transform-origin:top;background:repeating-linear-gradient(#fff2b2 0 .32rem,#c7e88a .32rem .52rem);border-radius:999px;width:.9rem;height:3rem;animation:.72s ease-in-out infinite larvaWriggle;top:.75rem;left:2.6rem}.life-sprite.fish span{background:radial-gradient(circle at 72% 38%,#071c21 0 .12rem,#0000 .13rem),linear-gradient(135deg,#8ab0a1,#315c65);border-radius:60% 40% 42% 58%;width:3.8rem;height:1.8rem;animation:1.05s ease-in-out infinite fishCruise;top:1rem;left:1.1rem}.life-sprite.fish span:before{border:.62rem solid #0000;border-left-width:0;border-right:1.25rem solid #315c65;top:.28rem;left:-1.05rem}.life-sprite.fish span:after{background:#315c65d1;border-radius:80% 20% 0 0;width:.9rem;height:.8rem;top:-.45rem;right:1rem}.life-sprite.beetle span{background:radial-gradient(circle at 72% 36%,#071c21 0 .13rem,#0000 .14rem),linear-gradient(135deg,#72513e,#271f1d);border-radius:52% 48% 45% 55%;width:2.8rem;height:1.7rem;animation:1.3s ease-in-out infinite beetleLunge;top:1rem;left:1.9rem}.life-sprite.beetle span:before,.life-sprite.beetle span:after{transform-origin:100%;background:#271f1d;border-radius:999px;width:1.8rem;height:.24rem;left:-1.4rem}.life-sprite.beetle span:before{top:.35rem;transform:rotate(-28deg)}.life-sprite.beetle span:after{bottom:.35rem;transform:rotate(28deg)}.life-sprite.boatman span{background:linear-gradient(90deg,#2a2f2e,#746352);border-radius:999px;width:3.6rem;height:.9rem;animation:.85s linear infinite boatmanSkim;top:1.35rem;left:1.2rem}.life-sprite.boatman span:before,.life-sprite.boatman span:after{transform-origin:0;background:#271f1dd9;border-radius:999px;width:3.2rem;height:.16rem;left:1.1rem}.life-sprite.boatman span:before{top:-.65rem;transform:rotate(-24deg)}.life-sprite.boatman span:after{bottom:-.65rem;transform:rotate(24deg)}.hero-tadpole{z-index:3;animation:5.6s ease-in-out infinite heroSwim;position:absolute;top:45%;left:36%}.hero-food{z-index:3;animation:4.5s ease-in-out infinite foodDrift;position:absolute;top:34%;left:64%}.hero-fish{z-index:2;opacity:.82;animation:7s ease-in-out infinite predatorPatrol;position:absolute;top:66%;left:58%}.life-bubble{border:1px solid #f8f1dfcc;border-radius:50%;width:.55rem;height:.55rem;animation:5s linear infinite bubbleRise;position:absolute;bottom:-1rem}.life-bubble.b1{left:28%}.life-bubble.b2{animation-delay:-1.6s;left:48%}.life-bubble.b3{animation-delay:-3.2s;left:76%}.life-section{padding-top:clamp(3rem,8vw,6rem)}.life-prototype{padding-top:clamp(2rem,6vw,4.5rem)}.life-prototype-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem;display:flex}.life-prototype-head h2{font-family:var(--font-display), serif;letter-spacing:0;margin:.25rem 0 0;font-size:clamp(2.5rem,5.4vw,5rem);line-height:.96}.life-prototype-status{color:#163127c2;background:#f8f1dfb8;border:1px solid #1631271f;border-radius:999px;max-width:28rem;padding:.7rem .9rem;font-size:.9rem;font-weight:700}.life-prototype-status[data-result=won]{color:var(--leaf);background:#c6ff6f57}.life-game-shell{box-shadow:var(--shadow);background:#163e4c;border:1px solid #16312721;border-radius:.5rem;position:relative;overflow:hidden}.life-game-hud{z-index:4;pointer-events:none;flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.life-game-hud span{color:var(--cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1631276b;border:1px solid #f8f1df33;border-radius:999px;padding:.45rem .68rem;font-size:.78rem;font-weight:800}.life-game-canvas{aspect-ratio:16/9;place-items:center;width:100%;min-height:22rem;display:grid}.life-game-canvas canvas{width:100%;height:100%;display:block}.life-game-controls{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.life-game-controls button{min-width:4.5rem;color:var(--leaf);cursor:pointer;touch-action:none;background:#f8f1dfb8;border:1px solid #16312724;border-radius:999px;padding:.72rem .9rem;font-size:.86rem;font-weight:800}.life-game-controls button:active{transform:translateY(1px)}.life-section h2{max-width:50rem;color:var(--leaf);font-size:clamp(2.5rem,5.4vw,5rem)}.life-section-head{gap:.7rem;margin-bottom:1.4rem;display:grid}.life-sprite-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.life-asset-tile{background:#f8f1df8a;border:1px solid #16312721;border-radius:.5rem;overflow:hidden}.life-preview-tank{background:radial-gradient(circle at 72% 28%,#fff2b23d,#0000 5rem),linear-gradient(#b9e9e1e0,#3f918fcc);place-items:center;min-height:10rem;display:grid;overflow:hidden}.life-asset-copy{gap:.6rem;padding:.9rem;display:grid}.life-asset-copy p,.life-asset-copy h3{margin:0}.life-asset-copy h3{font-family:var(--font-display), serif;letter-spacing:0;font-size:1.35rem;line-height:1}.life-asset-copy p{color:#163127b8;font-size:.92rem;line-height:1.35}.life-asset-copy div p,.life-asset-copy span{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.life-map{box-shadow:var(--shadow);background:#d9efe7;border:1px solid #16312721;border-radius:.5rem;overflow:hidden}.life-map-surface{color:#163127a8;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#0000 0 42%,#271f1d47 42% 56%,#0000 56%),linear-gradient(#fff2b2e6,#b9e9e1eb);justify-content:space-between;align-items:center;height:3.6rem;padding:0 1rem;font-size:.78rem;font-weight:800;display:flex}.life-map-water{background:linear-gradient(90deg,#fff2b214 0 20%,#0000 20% 40%,#ef6c2f14 40% 61%,#0000 61% 82%,#fff2b21f 82%),linear-gradient(#8bd0cb,#2c737f 58%,#163e4c);height:clamp(18rem,42vw,31rem);position:relative;overflow:hidden}.life-map-water:after{content:"";background:radial-gradient(at 12% 100%,#6e5f41 0 16%,#0000 17%),radial-gradient(at 54% 100%,#796845 0 18%,#0000 19%),linear-gradient(#0000,#51452f);height:18%;position:absolute;bottom:0;left:0;right:0}.life-map-lane{color:#f8f1dfc7;letter-spacing:.08em;text-transform:uppercase;border-top:1px dashed #f8f1df8a;font-size:.75rem;font-weight:800;position:absolute;left:4%;right:4%}.life-map-lane.lane-top{top:23%}.life-map-lane.lane-mid{top:48%}.life-map-lane.lane-low{top:72%}.life-map-eggs,.life-map-drain,.life-map-shelter{z-index:3;min-width:4.6rem;min-height:2.6rem;color:var(--cream);text-transform:uppercase;background:#16312757;border:1px solid #f8f1df52;border-radius:999px;place-items:center;font-size:.78rem;font-weight:800;display:grid;position:absolute}.life-map-eggs{bottom:19%;left:4%}.life-map-drain{bottom:16%;left:53%}.life-map-shelter{background:#ef6c2f8a;bottom:12%;right:4%}.life-map-predator{z-index:3;position:absolute}.life-map-predator.fish{background:#315c65;border-radius:999px;width:5rem;height:1.5rem;animation:6s ease-in-out infinite mapFish;top:45%;left:30%}.life-map-predator.fish:before{content:"";border:.56rem solid #0000;border-left-width:0;border-right:1.1rem solid #315c65;position:absolute;top:.18rem;left:-1rem}.life-map-predator.beetle{background:#271f1d;border-radius:999px;width:3rem;height:1.4rem;animation:4s ease-in-out infinite mapBeetle;top:66%;left:72%}.life-map-food{z-index:2;background:var(--gold);border-radius:50%;width:.7rem;height:.7rem;animation:1.4s ease-in-out infinite foodTwinkle;position:absolute;box-shadow:0 0 0 .35rem #fff2b229,2rem 1rem #fff2b2e6,3.4rem -.7rem #fff2b2bf}.life-map-food.f1{top:44%;left:15%}.life-map-food.f2{top:58%;left:47%}.life-map-food.f3{top:28%;left:76%}.life-map-zones{border-top:1px solid #16312729;grid-template-columns:repeat(6,1fr);display:grid}.life-zone{background:#f8f1df9e;border-right:1px solid #1631271f;align-content:center;gap:.25rem;min-height:5rem;padding:.75rem;display:grid}.life-zone:last-child{border-right:0}.life-zone strong{color:var(--orange);font-size:.8rem}.life-zone span{font-weight:800}.life-zone-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.life-zone-list article{border-top:1px solid #16312729;gap:.35rem;padding:.9rem;display:grid}.life-zone-list strong{font-family:var(--font-display), serif;font-size:1.15rem;line-height:1.05}.life-zone-list span{color:var(--orange);text-transform:uppercase;font-size:.78rem;font-weight:800}.life-zone-list p{color:#163127b8;margin:0;font-size:.9rem;line-height:1.35}.life-manifest{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.life-manifest section{border-top:1px solid #1631272e;padding-top:.75rem}.life-manifest h3{font-family:var(--font-display), serif;text-transform:capitalize;margin:0 0 .65rem;font-size:1.5rem}.life-manifest ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.life-manifest li{color:#163127c7;border-bottom:1px solid #16312714;justify-content:space-between;gap:.7rem;padding:.45rem 0;font-size:.9rem;display:flex}.life-manifest em{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-style:normal;font-weight:800}@keyframes lifeDrift{0%{background-position:0 0}to{background-position:10rem 0}}@keyframes reedSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(4deg)}}@keyframes tadpolePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06,.94)}}@keyframes tailSwim{0%,to{transform:rotate(-13deg)scaleX(1)}50%{transform:rotate(14deg)scaleX(.96)}}@keyframes daphniaWiggle{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(8deg)translateY(-.2rem)}}@keyframes larvaWriggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(9deg)translateY(.18rem)}}@keyframes fishCruise{0%,to{transform:translate(-.16rem)}50%{transform:translate(.2rem)}}@keyframes beetleLunge{0%,72%,to{transform:translate(0)}82%{transform:translate(.8rem)}}@keyframes boatmanSkim{0%,to{transform:translate(-.16rem)rotate(-2deg)}50%{transform:translate(.18rem)rotate(2deg)}}@keyframes heroSwim{0%,to{transform:translate(0)scale(1.12)}50%{transform:translate(2rem,-1.1rem)scale(1.12)}}@keyframes foodDrift{0%,to{transform:translate(0)}50%{transform:translate(-1rem,.8rem)}}@keyframes predatorPatrol{0%,to{transform:translate(0)scaleX(-1)}50%{transform:translate(-9rem)scaleX(-1)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)}12%{opacity:.8}to{opacity:0;transform:translateY(-28rem)}}@keyframes mapFish{0%,to{transform:translate(0)scaleX(-1)}50%{transform:translate(13rem)scaleX(-1)}}@keyframes mapBeetle{0%,80%,to{transform:translate(0)}88%{transform:translate(-3rem)}}@keyframes foodTwinkle{0%,to{opacity:.72}50%{opacity:1}}@media (max-width:1080px){.hero-grid,.admin-card{grid-template-columns:1fr}.feed-grid,.life-hero,.life-sprite-grid,.life-manifest,.life-zone-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.page-shell,.admin-page{width:min(100% - 1rem,100%)}.pond-screen{width:100%;height:100svh;padding:.3rem 0 .5rem}.site-header,.feed-head,.ribbit-row,.field-grid.two,.frog-stage{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.hero-poster,.panel-card,.empty-state,.pond-stage-frame{border-radius:1.4rem}.hero-title{font-size:clamp(3.25rem,18vw,5.6rem)}.hero-meta,.feed-grid,.pond-touch-controls{grid-template-columns:1fr;display:grid}.pond-stage-overlay{padding:.65rem}.pond-chip{padding:.52rem .78rem;font-size:.8rem}.pond-hud-row-bottom{justify-content:flex-start}.pond-desktop-hint{display:none}.pond-control-button{min-height:3.9rem;font-size:.95rem}.pond-thumb-zone{gap:.55rem;bottom:.85rem}.pond-thumb-zone-left{left:.7rem}.pond-thumb-zone-right{right:.7rem}.pond-control-button-side{min-width:4.6rem}.pond-control-button-jump{min-width:5.8rem;min-height:5.8rem}.pond-control-button-ribbit{min-width:4.2rem;min-height:4.2rem;margin-bottom:.9rem;margin-right:0}.frog-visual img{margin-left:0}.life-page{width:min(100% - 1rem,100%);padding-top:.3rem}.life-hero,.life-sprite-grid,.life-manifest,.life-zone-list{grid-template-columns:1fr}.life-prototype-head{flex-direction:column;align-items:flex-start}.life-prototype-status{border-radius:.5rem;max-width:none}.life-hero{min-height:auto}.life-hero h1{font-size:clamp(3.25rem,16vw,5rem)}.life-hero-pond{min-height:23rem}.life-map-zones{grid-template-columns:1fr}.life-zone{border-bottom:1px solid #1631271f;border-right:0;min-height:auto}.life-map-water{height:22rem}.life-game-canvas{min-height:18rem}.life-game-controls{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.life-game-controls button{min-width:0}}.life-page.life-game-page{width:100%;height:100svh;min-height:100svh;margin:0;padding:0;overflow:hidden}body:has(.life-page.life-game-page){background:#071c21;overflow:hidden}.life-page.life-game-page .life-game-shell,.life-page.life-game-page .life-game-canvas{width:100vw;height:100svh;min-height:100svh}.life-page.life-game-page .life-game-canvas canvas{width:100%;height:100%;display:block}.life-page.life-game-page .life-start-overlay{text-align:center;grid-template-columns:1fr;place-items:center;gap:0;padding:0;display:grid}.life-page.life-game-page .life-hatch-scene{pointer-events:none;width:100%;height:100%;min-height:0;position:absolute;inset:0}.life-page.life-game-page .life-intro-egg-cluster{bottom:18%}.life-page.life-game-page .life-start-copy{z-index:3;text-align:center;justify-items:center;width:min(35rem,100vw - 2rem);max-width:none;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.life-page.life-game-page .life-start-copy h1{font-size:clamp(3.8rem,9vw,7rem)}.life-page.life-game-page .life-start-copy p:last-of-type{max-width:30rem;min-height:0}.life-joystick{display:none}.life-direction-buttons,.life-action-buttons{display:contents}.life-rotate-prompt{display:none}@media (max-width:940px) and (orientation:landscape){.life-page.life-game-page .life-game-controls{pointer-events:none;width:auto;height:auto;inset:0;transform:none}.life-page.life-game-page .life-direction-buttons{display:none}.life-page.life-game-page .life-joystick{left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#f8f1df38,#f8f1df0f 58%,#071c2147),#071c2147;border:1px solid #f8f1df33;border-radius:50%;place-items:center;width:7.2rem;height:7.2rem;display:grid;position:absolute;box-shadow:inset 0 0 0 .45rem #f8f1df0f,0 1rem 2.4rem #071c2138}.life-page.life-game-page .life-joystick:before,.life-page.life-game-page .life-joystick:after{content:"";background:#f8f1df29;position:absolute}.life-page.life-game-page .life-joystick:before{width:1px;height:58%}.life-page.life-game-page .life-joystick:after{width:58%;height:1px}.life-page.life-game-page .life-joystick-knob{z-index:1;background:linear-gradient(#fff2b2eb,#6fa05fc2);border:1px solid #f8f1df57;border-radius:50%;width:3.25rem;height:3.25rem;position:relative;box-shadow:0 .7rem 1.5rem #071c213d}.life-page.life-game-page .life-action-buttons{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,4.8rem);gap:.55rem;display:grid;position:absolute}.life-page.life-game-page .life-action-buttons button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.35rem;min-width:0;min-height:4.1rem;padding:.55rem;font-size:.82rem}.life-page.life-game-page .life-action-button-primary{background:linear-gradient(#fff2b2fa,#ef6c2fcc)}.life-page.life-game-page .life-action-button-reset{border-radius:999px;grid-column:span 2;min-height:2.9rem}.life-page.life-game-page .life-game-hud{max-width:calc(100vw - 2rem)}.life-page.life-game-page .life-game-hud span:not(.life-hud-status){padding:.34rem .5rem;font-size:.68rem}}@media (max-width:940px) and (orientation:portrait){.life-page.life-game-page .life-game-canvas,.life-page.life-game-page .life-game-hud,.life-page.life-game-page .life-game-controls,.life-page.life-game-page .life-start-overlay{visibility:hidden;pointer-events:none}.life-page.life-game-page .life-rotate-prompt{z-index:30;color:var(--cream);text-align:center;background:linear-gradient(#fff2b22e,#0000 24%),linear-gradient(#87cdc7 0%,#276b79 58%,#0f2f3a 100%);place-items:center;padding:1.2rem;display:grid;position:absolute;inset:0}.life-page.life-game-page .life-rotate-prompt div{justify-items:center;gap:.55rem;max-width:20rem;display:grid}.life-page.life-game-page .life-rotate-prompt span{border:2px solid #f8f1dfbf;border-radius:.75rem;width:4.5rem;height:2.8rem;transform:rotate(90deg)}.life-page.life-game-page .life-rotate-prompt strong{font-family:var(--font-display), serif;font-size:clamp(2.4rem,12vw,4rem);line-height:.9}.life-page.life-game-page .life-rotate-prompt p{color:#f8f1dfc7;margin:0;line-height:1.4}}:is(body:has(.life-page.life-game-page),html:has(.life-page.life-game-page)){overscroll-behavior:none}.life-page.life-game-page,.life-page.life-game-page *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.life-page.life-game-page{touch-action:none;height:100dvh;min-height:100dvh}.life-page.life-game-page .life-prototype,.life-page.life-game-page .life-game-shell,.life-page.life-game-page .life-game-canvas{height:100dvh;min-height:100dvh}.life-page.life-game-page .life-game-hud{top:max(.42rem, env(safe-area-inset-top));left:max(.42rem, env(safe-area-inset-left));right:max(.42rem, env(safe-area-inset-right));grid-template-columns:minmax(8rem,1fr) repeat(6,max-content);align-items:center;gap:.28rem;max-width:none;display:grid}.life-page.life-game-page .life-game-hud span{text-overflow:ellipsis;white-space:nowrap;min-height:1.45rem;padding:.28rem .48rem;font-size:.66rem;line-height:1;overflow:hidden}.life-page.life-game-page .life-hud-status{flex-basis:auto;min-width:0;max-width:none}.life-page.life-game-page .life-game-controls{grid-template-columns:repeat(6,minmax(3.4rem,auto));gap:.34rem;width:min(34rem,100% - 1rem)}.life-page.life-game-page .life-game-controls button{touch-action:manipulation}.life-page.life-game-page .life-action-button-reset{display:none}@media (max-width:940px) and (orientation:landscape){.life-page.life-game-page .life-game-controls{pointer-events:none;width:auto;height:auto;inset:0;transform:none}.life-page.life-game-page .life-game-hud{top:max(.34rem, env(safe-area-inset-top));left:max(.34rem, env(safe-area-inset-left));right:max(.34rem, env(safe-area-inset-right));grid-template-columns:minmax(7rem,1fr) repeat(3,max-content);gap:.22rem}.life-page.life-game-page .life-game-hud span{min-height:1.28rem;padding:.22rem .36rem;font-size:.56rem}.life-page.life-game-page .life-joystick{left:max(.55rem, env(safe-area-inset-left));bottom:max(.55rem, env(safe-area-inset-bottom));width:clamp(5.3rem,24svh,6.35rem);height:clamp(5.3rem,24svh,6.35rem)}.life-page.life-game-page .life-joystick-knob{width:clamp(2.35rem,10svh,2.8rem);height:clamp(2.35rem,10svh,2.8rem)}.life-page.life-game-page .life-action-buttons{right:max(.55rem, env(safe-area-inset-right));bottom:max(.55rem, env(safe-area-inset-bottom));grid-template-columns:repeat(2,clamp(3.8rem,15svh,4.4rem));gap:.42rem}.life-page.life-game-page .life-action-buttons button{border-radius:1rem;min-height:clamp(3.25rem,14svh,3.8rem);padding:.42rem;font-size:.72rem}}