:root{--ink:#193044;--muted:#5e7280;--leaf:#1e8f6f;--leaf-dark:#12624e;--sun:#f8bd45;--fire:#f06d3d;--water:#2aa7d6;--cream:#fff7df;--paper:#fffdf5;--line:rgba(25,48,68,0.14);--shadow:0 18px 45px rgba(23,59,49,0.16);--button-shadow:0 4px 0 rgba(137,83,24,0.62),0 9px 18px rgba(50,66,28,0.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff8e8;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img{max-width:100%;display:block}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}.hero{position:relative;min-height:92svh;display:grid;align-items:end;overflow:hidden;background:#245c48}.hero:after{content:"";background:linear-gradient(90deg,rgba(15,49,40,.86),rgba(15,49,40,.22) 58%,rgba(15,49,40,.04))}.hero-bg,.hero:after{position:absolute;inset:0}.hero-bg{background-image:url(/assets/feature-graphic-v3.png);background-size:cover;background-position:50%;transform:scale(1.02)}.hero-content{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:96px 0 76px;color:white}.app-icon{width:82px;height:82px;border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.24);margin-bottom:18px}.eyebrow,.label{display:block;color:#38606f;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#ffe6a3}h1,h2,h3,p{margin-top:0}h1{max-width:690px;margin-bottom:14px;font-size:clamp(2.45rem,7vw,5.8rem);line-height:.95}h1,h2{letter-spacing:0}h2{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.05}h3{font-size:1.2rem;letter-spacing:0}.hero p{max-width:620px;color:rgba(255,255,255,.92);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45}.end-actions,.hero-actions,.store-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-action,.secondary-action,.secondary-link{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:0;padding:0 20px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.primary-action{color:#17342c;background:var(--sun);box-shadow:var(--button-shadow)}.secondary-action,.secondary-link{color:white;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.3)}.question-panel .secondary-action{color:var(--ink);background:#e9f5ee;border-color:var(--line)}.battle-preview{width:min(1120px,calc(100% - 24px));margin:0 auto 54px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(320px,1fr);grid-gap:18px;gap:18px;align-items:stretch;border-radius:8px;background:#173d4b;color:white;overflow:hidden;box-shadow:var(--shadow)}.battle-preview-copy{padding:30px;align-self:center}.battle-preview .eyebrow{color:#8ee1cc}.battle-preview p{color:rgba(255,255,255,.82);line-height:1.6}.battle-preview-art{position:relative;min-height:360px;border:0;overflow:hidden;background:#245c48;cursor:pointer}.battle-preview-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,49,40,.06),rgba(15,49,40,.42))}.preview-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.preview-dino{position:absolute;z-index:1;bottom:16px;width:min(48%,300px);height:230px;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(20,45,30,.36))}.preview-dino-left{left:5%}.preview-dino-right{right:5%;transform:scaleX(-1)}.battle-preview-art span{position:absolute;inset:0;z-index:2;width:74px;height:74px;display:grid;place-items:center;margin:auto;border-radius:999px;color:#17342c;background:var(--sun);box-shadow:0 12px 28px rgba(30,31,18,.26)}.battle-preview-art svg{width:34px;height:34px;margin-left:4px}.battle-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(12,28,36,.74);cursor:pointer}.modal-panel{position:relative;z-index:1;width:min(1120px,100%);max-height:calc(100svh - 44px);overflow:auto;border-radius:8px;background:var(--paper);box-shadow:0 26px 70px rgba(0,0,0,.36)}.modal-close{position:absolute;top:12px;right:12px;z-index:5;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:white;background:rgba(23,61,75,.78);cursor:pointer}.modal-close svg{width:24px;height:24px}.modal-panel .battle-shell{width:100%;margin:0;box-shadow:none}.battle-shell{width:min(1120px,calc(100% - 24px));margin:-38px auto 54px;position:relative;z-index:2;border-radius:8px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}.level-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;padding:12px;background:#173d4b}.level-picker button{min-height:74px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.1);padding:10px;font:inherit;text-align:left;cursor:pointer}.level-picker button.selected{color:#17342c;background:var(--sun);box-shadow:var(--button-shadow)}.level-picker span,.level-picker strong{display:block}.level-picker strong{margin-bottom:4px;font-size:.96rem}.level-picker span{font-size:.78rem;line-height:1.25}.battle-scene{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.12)),url(/assets/arena-background.png) 50% /cover}.battle-scene:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 58%,rgba(255,255,255,.82),transparent 28%)}.battle-scene.correct:after,.battle-scene.lost:after,.battle-scene.won:after,.battle-scene.wrong:after{animation:arena-flash .52s ease-out}.battle-topbar{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:14px}.battle-topbar>div,.fighter-card{border:1px solid rgba(255,255,255,.42);border-radius:8px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 12px}.battle-topbar strong{display:block;font-size:1.25rem}.fighters{position:absolute;inset:72px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);align-items:end;padding:0 26px 26px}.fighter{position:relative;min-width:0;z-index:2}.fighter.right{text-align:right}.fighter-card{width:min(240px,100%);margin-bottom:8px}.fighter.right .fighter-card{margin-left:auto}.fighter-card span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-weight:800}.hp-track{width:min(250px,100%);height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.52)}.fighter.right .hp-track{margin-left:auto}.hp-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#44c66f,#f3c34b);transition:width .26s ease}.fighter-img{width:min(420px,48vw);height:250px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 22px 20px rgba(20,45,30,.34));animation:dino-idle 2.8s ease-in-out infinite;transition:filter .18s ease}.fighter.right .fighter-img{margin-left:auto;animation-name:dino-idle-right}.fighter.left.active .fighter-img{animation:dino-lunge-left .62s cubic-bezier(.2,.9,.25,1)}.fighter.right.active .fighter-img{animation:dino-lunge-right .62s cubic-bezier(.2,.9,.25,1)}.fighter.left.hit .fighter-img{animation:dino-hit-left .62s ease-out}.fighter.left.hit .fighter-img,.fighter.right.hit .fighter-img{filter:drop-shadow(0 22px 20px rgba(20,45,30,.34)) brightness(1.18)}.fighter.right.hit .fighter-img{animation:dino-hit-right .62s ease-out}.element-badge{position:absolute;right:18%;bottom:28px;width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:white;background:var(--fire);box-shadow:0 8px 20px rgba(80,36,20,.25)}.fighter.right .element-badge{left:18%;right:auto;background:var(--water)}.attack-lane{align-self:center;min-height:150px;display:grid;place-items:center;color:white;position:relative;z-index:3}.attack-lane img{position:absolute;width:96px;height:96px;object-fit:contain;opacity:0;filter:drop-shadow(0 0 18px rgba(255,244,174,.72))}.attack-lane svg{width:42px;height:42px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.2))}.attack-lane.correct img:first-child,.attack-lane.won img:first-child{animation:fire-shot .62s ease-out}.attack-lane.lost img:last-child,.attack-lane.wrong img:last-child{animation:water-shot .62s ease-out}.result-burst{position:absolute;left:50%;top:45%;z-index:4;transform:translate(-50%,-50%);border-radius:8px;padding:12px 18px;color:#17342c;background:rgba(255,226,115,.94);box-shadow:0 10px 24px rgba(55,52,24,.22);font-size:clamp(1.15rem,3vw,1.75rem);font-weight:950;animation:result-pop .62s ease-out both}.result-burst.lost,.result-burst.wrong{color:white;background:rgba(42,125,179,.94)}.question-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);grid-gap:18px;gap:18px;align-items:center;padding:18px;border-top:1px solid var(--line)}.question-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.question-main h2{margin-bottom:0;font-size:clamp(2.1rem,6vw,4.4rem)}.mini-dino{flex:0 0 110px}.mini-dino img{height:92px;object-fit:contain}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.choices button{min-height:68px;border:0;border-radius:8px;color:white;background:var(--leaf);box-shadow:0 4px 0 var(--leaf-dark),0 8px 16px rgba(18,98,78,.18);font:inherit;font-size:1.7rem;font-weight:950;cursor:pointer}.choices button:active,.primary-action:active,.secondary-action:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(25,48,68,.24)}@keyframes dino-idle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-.6deg)}}@keyframes dino-idle-right{0%,to{transform:scaleX(-1) translateY(0) rotate(0deg)}50%{transform:scaleX(-1) translateY(-5px) rotate(-.6deg)}}@keyframes dino-lunge-left{0%{transform:translateX(0) translateY(0) rotate(0deg)}38%{transform:translateX(34px) translateY(-12px) rotate(-3deg) scale(1.04)}to{transform:translateX(0) translateY(0) rotate(0deg)}}@keyframes dino-lunge-right{0%{transform:scaleX(-1) translateX(0) translateY(0) rotate(0deg)}38%{transform:scaleX(-1) translateX(34px) translateY(-12px) rotate(-3deg) scale(1.04)}to{transform:scaleX(-1) translateX(0) translateY(0) rotate(0deg)}}@keyframes dino-hit-left{0%{transform:translateX(0)}18%{transform:translateX(-22px) rotate(-4deg)}34%{transform:translateX(10px) rotate(2deg)}56%{transform:translateX(-6px) rotate(-1deg)}to{transform:translateX(0)}}@keyframes dino-hit-right{0%{transform:scaleX(-1) translateX(0)}18%{transform:scaleX(-1) translateX(-22px) rotate(-4deg)}34%{transform:scaleX(-1) translateX(10px) rotate(2deg)}56%{transform:scaleX(-1) translateX(-6px) rotate(-1deg)}to{transform:scaleX(-1) translateX(0)}}@keyframes fire-shot{0%{opacity:0;transform:translateX(-110px) translateY(22px) scale(.45) rotate(-18deg)}18%{opacity:1}72%{opacity:1;transform:translateX(72px) translateY(-10px) scale(1.1) rotate(16deg)}to{opacity:0;transform:translateX(108px) translateY(-4px) scale(1.45) rotate(28deg)}}@keyframes water-shot{0%{opacity:0;transform:translateX(110px) translateY(22px) scale(.45) rotate(18deg)}18%{opacity:1}72%{opacity:1;transform:translateX(-72px) translateY(-10px) scale(1.1) rotate(-16deg)}to{opacity:0;transform:translateX(-108px) translateY(-4px) scale(1.45) rotate(-28deg)}}@keyframes arena-flash{0%,to{opacity:0}42%{opacity:.75}}@keyframes result-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.72)}22%{opacity:1;transform:translate(-50%,-54%) scale(1.08)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-64%) scale(.96)}}.app-cta,.feature-grid,.home-summary,.math-levels{width:min(1120px,calc(100% - 24px));margin:0 auto 54px}.home-summary{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.75fr);grid-gap:18px;gap:18px;align-items:stretch;margin-top:-38px;position:relative;z-index:2}.home-summary>div{border:1px solid var(--line);border-radius:8px;background:white;padding:24px;box-shadow:0 12px 28px rgba(23,59,49,.08)}.home-summary p{color:var(--muted);line-height:1.6}.home-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.home-points span{min-height:82px;display:grid;align-content:center;border-radius:8px;background:#eaf7ef;color:#174f42;padding:14px;font-weight:900}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.math-levels{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:stretch;border-radius:8px;background:#173d4b;color:white;padding:28px}.math-levels .eyebrow{color:#8ee1cc}.math-levels p{color:rgba(255,255,255,.82);line-height:1.6}.level-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.level-list article{min-height:112px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:14px}.level-list span,.level-list strong{display:block}.level-list strong{margin-bottom:8px;font-size:1.05rem}.level-list span{color:rgba(255,255,255,.78);line-height:1.35}.feature-item{min-height:188px;border-radius:8px;border:1px solid var(--line);background:white;padding:20px}.feature-item svg{width:34px;height:34px;margin-bottom:18px;color:var(--leaf)}.app-cta p,.feature-item p{color:var(--muted);line-height:1.55}.app-cta{display:grid;grid-template-columns:minmax(0,.84fr) minmax(320px,1fr);grid-gap:28px;gap:28px;align-items:center;padding:38px;border-radius:8px;background:#173d4b;color:white;overflow:hidden}.app-cta .eyebrow{color:#8ee1cc}.app-cta .secondary-action{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}.app-cta p{color:rgba(255,255,255,.82)}.screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:end}.screens img{height:430px;width:100%;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 18px 35px rgba(0,0,0,.22)}@media (max-width:860px){.hero{min-height:86svh}.hero:after{background:linear-gradient(180deg,rgba(15,49,40,.5),rgba(15,49,40,.9))}.hero-content{padding:70px 0 58px}.battle-scene{min-height:390px}.fighters{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);padding:0 12px 20px}.fighter-img{width:48vw;height:190px}.fighter-card{font-size:.86rem}.attack-lane img{width:54px;height:54px}.app-cta,.battle-preview,.home-summary,.math-levels,.question-panel{grid-template-columns:1fr}.battle-preview-art{min-height:300px}.level-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.level-list{grid-template-columns:repeat(2,minmax(0,1fr))}.question-panel{padding:16px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screens img{height:350px}}@media (max-width:560px){.app-cta,.battle-preview,.battle-shell,.feature-grid,.home-summary,.math-levels{width:calc(100% - 16px)}.home-summary{margin-top:-28px}.home-points,.level-list{grid-template-columns:1fr}.math-levels{padding:22px}.battle-preview-copy{padding:24px}.battle-preview-art{min-height:250px}.preview-dino{height:168px}.battle-modal{padding:8px}.modal-panel{max-height:calc(100svh - 16px)}.level-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-topbar{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}.battle-topbar>div{padding:8px}.battle-topbar strong{font-size:1rem}.label{font-size:.66rem}.fighter-card{padding:8px}.element-badge{display:none}.question-main{align-items:flex-end}.mini-dino{flex-basis:78px}.mini-dino img{height:70px}.choices button{min-height:62px}.feature-grid{grid-template-columns:1fr}.app-cta{padding:24px}.screens img{height:280px}}