@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,700;9..144,800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#173d38;background:#f8f5e8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #173d38;--cream: #f8f5e8;--paper: #fffdf4;--teal: #0f746f;--teal-dark: #0a5552;--coral: #e65f3f;--yellow: #f4c24f;--mint: #cfe8d3;--line: rgba(23, 61, 56, .15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,Georgia,serif}.site-header{height:76px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--teal);font-family:Fraunces,serif;font-size:19px;transform:rotate(-5deg);box-shadow:3px 3px 0 var(--yellow)}.brand-mark span{color:var(--yellow)}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}nav a:hover{color:var(--teal)}.nav-cta,.text-button,.icon-button,.sound-button{border:1px solid var(--line);color:var(--ink);background:#ffffff8c;border-radius:999px;padding:10px 18px;font-weight:700}.nav-cta{color:#fff;background:var(--ink);border-color:var(--ink)}.hero{max-width:1240px;min-height:630px;margin:0 auto;padding:65px 28px 85px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:block;color:var(--teal);text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px;margin-bottom:16px}h1{font-size:clamp(54px,7vw,91px);line-height:.91;letter-spacing:-.065em;margin-bottom:30px}h1 em{color:var(--coral);font-style:italic}.hero-copy>p{max-width:570px;font-size:19px;line-height:1.65;color:#496762}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}.primary-button,.secondary-button{border:0;border-radius:999px;padding:14px 22px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;gap:18px;align-items:center;justify-content:center}.primary-button{background:var(--coral);color:#fff;box-shadow:0 8px #b8442e}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px #b8442e}.primary-button:active{transform:translateY(4px);box-shadow:0 4px #b8442e}.primary-button.large{padding:17px 28px}.primary-button span{font-size:20px}.secondary-button{color:var(--ink);background:#fff;border:1px solid var(--line)}.no-download{font-size:12px;color:#6d837e;font-weight:600}.hero-sun{position:absolute;right:-95px;top:-115px;width:330px;height:330px;border-radius:50%;background:var(--yellow);color:#e89c2c;display:grid;place-items:center;font-size:170px;opacity:.85}.hero-sun span{animation:slow-spin 28s linear infinite}@keyframes slow-spin{to{transform:rotate(360deg)}}.hero-visual{min-height:510px;position:relative;display:grid;place-items:center;z-index:1}.phone-card{width:min(345px,78vw);height:475px;border-radius:42px;border:8px solid #fffdf4;background:linear-gradient(#ffd985,#fff1c4 58%,#cfe8d3 58%);box-shadow:0 30px 70px #314a372e;transform:rotate(3deg);position:relative;overflow:hidden}.phone-card:before{content:"";position:absolute;width:88px;height:20px;background:#fffdf4;border-radius:0 0 14px 14px;left:50%;transform:translate(-50%);top:0}.mini-hud{display:flex;justify-content:space-between;margin:30px 22px 0;font-weight:800;font-size:13px}.mini-temp{height:7px;background:#fff9;border-radius:10px;margin:10px 22px;overflow:hidden}.mini-temp span{height:100%;display:block;background:var(--coral);border-radius:inherit}.mini-item,.mini-hero{position:absolute;font-size:38px;filter:drop-shadow(0 5px 4px #715d3029);animation:bob 2.5s ease-in-out infinite}.item-water{top:110px;left:45px}.item-sun{top:190px;right:45px;animation-delay:-.8s}.item-melon{top:270px;left:72px;animation-delay:-1.4s}.mini-hero{font-size:58px;bottom:45px;left:50%;transform:translate(-50%);z-index:2}.mini-ground{position:absolute;bottom:-50px;left:-10%;width:120%;height:130px;border-radius:50%;background:#9dcfaf}@keyframes bob{50%{transform:translateY(-10px) rotate(5deg)}}.sticker{position:absolute;background:#fff;box-shadow:0 15px 40px #314a3730;border-radius:15px;padding:12px 17px;display:flex;flex-direction:column;transform:rotate(-6deg)}.sticker strong{font-family:Fraunces,serif;font-size:20px;color:var(--teal)}.sticker span{font-size:10px;font-weight:700;color:#78908b}.sticker-cool{left:0;top:175px}.sticker-time{right:-5px;bottom:58px;transform:rotate(6deg)}.sticker-time strong{color:var(--coral)}.orbit{position:absolute;width:58px;height:58px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:29px;box-shadow:0 12px 25px #314a3724;z-index:2}.orbit-one{right:20px;top:40px}.orbit-two{left:38px;bottom:15px}.game-anchor{scroll-margin-top:14px;background:var(--ink);padding:70px 24px}.game-shell{max-width:1040px;margin:auto;color:#fff}.embed-page{min-height:100vh;padding:20px;background:var(--ink)}.embed-page .game-shell{max-width:1180px}.embed-page .canvas-wrap{height:min(68vh,650px)}.game-topbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.game-topbar .eyebrow{color:#79c9bc;margin-bottom:7px}.game-topbar h2{font-size:40px;margin:0;letter-spacing:-.04em}.game-actions{display:flex;gap:9px}.game-actions button{color:#fff;border-color:#ffffff24;background:#ffffff0d}.game-actions button:disabled{opacity:.35;cursor:default}.icon-button{padding:10px 13px}.sound-button{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;white-space:nowrap}.sound-button span{font-size:15px;line-height:1}.hud{display:grid;grid-template-columns:repeat(3,.55fr) 2fr;background:#fffdf4;color:var(--ink);border-radius:22px 22px 0 0;overflow:hidden;border-bottom:1px solid #173d3820}.hud-stat,.temperature-card{padding:15px 21px;border-right:1px solid var(--line)}.hud-stat span,.temperature-label span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#78908b;margin-bottom:2px}.hud-stat strong{font-size:22px}.hud-stat small{font-size:11px;margin-left:2px}.temperature-label{display:flex;justify-content:space-between;align-items:center}.temperature-label strong{font-size:22px;color:var(--teal);transition:color .2s}.temperature-track{height:8px;border-radius:10px;background:#dfeae5;overflow:hidden;margin-top:7px}.temperature-track span{height:100%;display:block;border-radius:inherit;background:var(--teal);transition:width .18s,background .2s}.temperature-card.warm strong{color:#df8f25}.temperature-card.warm .temperature-track span{background:#df8f25}.temperature-card.danger strong{color:var(--coral)}.temperature-card.danger .temperature-track span{background:var(--coral)}.canvas-wrap{height:min(64vh,590px);min-height:440px;position:relative;overflow:hidden;border-radius:0 0 22px 22px;background:#ffe7a9}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:crosshair}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8f5e8e0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;z-index:4}.game-overlay h3{font-size:clamp(32px,5vw,52px);margin:7px 0 12px;letter-spacing:-.04em}.game-overlay p{color:#55706b;max-width:450px}.game-overlay small{margin-top:22px;color:#6e8580;font-weight:600}.overlay-icon{font-size:58px}.game-overlay.results .eyebrow{margin:10px 0 0}.result-score{display:flex;flex-direction:column;margin:4px 0 20px}.result-score strong{font:800 46px Fraunces,serif;color:var(--teal)}.result-score span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.result-actions{display:flex;gap:12px}.game-toast{position:absolute;top:20px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:9px 16px;font-weight:800;font-size:12px;z-index:6;pointer-events:none;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.control-hint{display:flex;justify-content:center;gap:32px;color:#9bb0ab;font-size:11px;margin:18px 0 0}.legend-section,.content-section,.faq-section{max-width:1120px;margin:auto;padding:110px 28px}.section-heading{max-width:660px;margin-bottom:43px}.section-heading h2,.content-section h2,.safety-copy h2{font-size:clamp(38px,5vw,60px);line-height:1;letter-spacing:-.055em;margin-bottom:0}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.legend-panel{padding:27px;border-radius:24px}.cool-panel{background:#dcefe3}.hot-panel{background:#f6dcc9}.legend-title{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;margin-bottom:24px}.legend-title>span{grid-row:1 / 3;font-size:26px}.legend-title h3{margin:0;font-size:24px}.legend-title small{color:#627a75}.item-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.legend-item{min-height:105px;padding:15px 8px 11px;border-radius:14px;background:#ffffffa3;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:7px}.legend-item span{font-size:33px}.legend-item small{font-weight:700;color:#4b6862}.intro-section{display:grid;grid-template-columns:70px 1fr 1fr;gap:55px;border-top:1px solid var(--line)}.section-number{font-family:Fraunces,serif;color:var(--coral);font-size:18px}.prose p{color:#56716b;line-height:1.8;font-size:16px}.how-section{background:var(--teal);color:#fff;padding:105px max(28px,calc((100vw - 1064px)/2))}.section-heading.light .eyebrow{color:#8bd8cb}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff2b}.steps-grid article{position:relative;background:var(--teal);padding:44px 35px;min-height:310px}.step-number{position:absolute;right:24px;top:24px;font:700 13px Fraunces,serif;color:#89bdb5}.step-icon{font-size:42px;margin-bottom:35px}.steps-grid h3{font-size:28px;margin-bottom:12px}.steps-grid p{color:#bfdbd6;line-height:1.7}.safety-section{max-width:1120px;margin:auto;padding:115px 28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.safety-copy{position:sticky;top:30px}.safety-copy>p{color:#59736e;line-height:1.8;margin:25px 0}.urgent-note{display:flex;gap:14px;background:#f4ded3;border-radius:14px;padding:16px}.urgent-note>span{flex:0 0 auto;width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--coral);border-radius:50%;font-weight:900}.urgent-note p{margin:0;font-size:12px;line-height:1.6;color:#6b4b42}.tip-list{border-top:1px solid var(--line)}.tip-list article{display:grid;grid-template-columns:35px 1fr auto;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.tip-list article>span{font:700 12px Fraunces,serif;color:var(--coral)}.tip-list h3{margin:0 0 5px;font-size:20px}.tip-list p{margin:0;color:#607873;font-size:13px;line-height:1.55}.tip-list i{font-style:normal;font-size:28px}.faq-section{border-top:1px solid var(--line)}.faq-list{max-width:850px;margin-left:auto}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font:700 19px Fraunces,serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 25px DM Sans;color:var(--coral);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#5b746f;line-height:1.7;margin:16px 45px 0 0}.final-cta{background:var(--coral);color:#fff;padding:70px max(28px,calc((100vw - 1064px)/2));display:flex;justify-content:space-between;gap:30px;align-items:center}.final-cta .eyebrow{color:#ffd6ca}.final-cta h2{font-size:clamp(35px,4vw,56px);letter-spacing:-.05em;margin:0}.light-button{background:var(--paper);color:var(--coral);box-shadow:0 8px #bd422b;white-space:nowrap}footer{max-width:1120px;margin:auto;padding:35px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#6a817c;font-size:11px}footer p{margin:0}.footer-brand{color:var(--ink);font-size:13px}.footer-brand .brand-mark{width:30px;height:30px;font-size:14px}@media(max-width:800px){.site-header{height:64px;padding:0 18px}.site-header nav a{display:none}.site-header nav{gap:0}.nav-cta{padding:8px 14px}.hero{grid-template-columns:1fr;padding:52px 20px 65px;gap:20px;text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto;font-size:16px}.hero-actions{justify-content:center}.hero-visual{min-height:470px}.hero-sun{width:220px;height:220px;font-size:110px;top:-85px;right:-90px}.game-anchor{padding:45px 12px}.game-topbar{align-items:center}.game-topbar h2{font-size:28px}.game-topbar .eyebrow{display:none}.game-actions{gap:5px}.game-actions button{padding:8px 11px;font-size:11px}.embed-page{padding:12px}.hud{grid-template-columns:repeat(3,1fr)}.temperature-card{grid-column:1 / -1;border-top:1px solid var(--line)}.hud-stat{padding:10px 13px}.hud-stat strong,.temperature-label strong{font-size:18px}.canvas-wrap{min-height:430px;height:66vh;max-height:590px}.control-hint{gap:13px;flex-wrap:wrap}.control-hint span:first-child{display:none}.legend-section,.content-section,.faq-section{padding:80px 20px}.legend-grid{grid-template-columns:1fr}.intro-section{grid-template-columns:35px 1fr;gap:20px}.intro-section .prose{grid-column:2}.how-section{padding:80px 20px}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:230px}.safety-section{grid-template-columns:1fr;gap:45px;padding:80px 20px}.safety-copy{position:static}.final-cta{padding:55px 20px;flex-direction:column;text-align:center}.final-cta .eyebrow{margin-bottom:10px}footer{flex-direction:column;text-align:center}}@media(max-width:480px){h1{font-size:53px}.brand>span:last-child{font-size:14px}.hero{padding-top:38px}.hero-visual{min-height:430px}.phone-card{height:420px;width:285px}.sticker-cool{left:-8px}.sticker-time{right:-6px}.orbit-one{right:0}.orbit-two{left:4px}.game-topbar{flex-direction:column;align-items:stretch}.game-topbar>div:first-child{display:none}.game-actions{justify-content:space-between}.game-actions .text-button{flex:1}.embed-page{padding:8px}.canvas-wrap{min-height:405px}.game-overlay{padding:22px}.game-overlay h3{font-size:31px}.game-overlay p{font-size:13px}.result-actions{flex-direction:column;width:100%;max-width:230px}.item-list{grid-template-columns:repeat(3,1fr)}.legend-panel{padding:20px 14px}.legend-item{min-height:95px}.legend-item small{font-size:10px}.section-heading h2,.content-section h2,.safety-copy h2{font-size:39px}.intro-section{display:block}.intro-section .section-number{margin-bottom:25px}.prose{margin-top:25px}.tip-list article{grid-template-columns:25px 1fr}.tip-list i{display:none}.faq-list summary{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}