*{box-sizing:border-box}:root{--ink:#071c17;--lime:#c7ff2f;--ice:#eef3f0;--blue:#2b6cff;--white:#fff}html,body{margin:0;min-height:100%;background:#d9dfdc;color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif}button{font:inherit}.app{width:min(430px,100vw);min-height:100dvh;margin:auto;background:#eaf0ed;position:relative;overflow:hidden;padding-bottom:84px}.stage{height:650px;position:relative;background:#0b211d;color:white;overflow:hidden}.heroPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;filter:saturate(.88) contrast(1.06)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,16,14,.05) 0%,rgba(2,16,14,.08) 23%,rgba(2,16,14,.56) 52%,#061914 91%)}header{height:85px;padding:22px 22px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px}.novaMark{width:44px;height:30px;position:relative;display:block}.novaMark i{position:absolute;width:17px;height:30px;background:white;transform:skew(-28deg)}.novaMark i:first-child{left:5px;clip-path:polygon(0 0,100% 0,55% 50%,100% 100%,0 100%,45% 50%)}.novaMark i:last-child{right:4px;clip-path:polygon(0 0,100% 0,55% 50%,100% 100%,0 100%,45% 50%)}.brand b{display:block;font:800 20px/18px "Space Grotesk";letter-spacing:3px}.brand small{display:block;font-size:6px;letter-spacing:2.6px;font-weight:700;margin-top:5px}.avatar{width:41px;height:41px;border-radius:50%;border:1px solid #ffffff80;background:#ffffff16;color:white;font-weight:700}.session{position:absolute;left:24px;right:24px;bottom:23px;z-index:2}.kicker{font-size:10px;font-weight:700;letter-spacing:2.3px}.time{font:italic 900 92px/.84 "Barlow Condensed";letter-spacing:-3px;margin:12px 0 7px}.sessionRow{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--lime);padding-bottom:7px}.sessionRow b{font:900 24px/1 "Barlow Condensed";letter-spacing:1px}.sessionRow span{font:900 28px/1 "Barlow Condensed"}.session>p{font-size:10px;letter-spacing:.8px;margin:8px 0 14px}.coach{display:flex;align-items:center;gap:10px;background:#071c17c9;backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:14px;padding:10px 11px}.coach>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:900 18px "Barlow Condensed"}.coach div{flex:1}.coach small,.coach b,.coach em{display:block}.coach small{font-size:6px;letter-spacing:1.5px;color:#aab9b4}.coach b{font-size:11px;margin:2px 0}.coach em{font-size:8px;color:#bdc9c5;font-style:normal}.coach button{width:34px;height:34px;border-radius:50%;border:0;background:#ffffff12;color:white;font-size:23px}.actions{display:grid;grid-template-columns:1.65fr 1fr;gap:9px;margin-top:10px}.actions button{height:64px;border:0;border-radius:13px;text-align:left;position:relative;padding:0 12px 0 53px}.actions b,.actions small{display:block}.actions b{font:900 22px/20px "Barlow Condensed"}.actions small{font-size:6px;font-weight:700;letter-spacing:.8px;margin-top:4px}.go{background:var(--lime);color:var(--ink)}.check{position:absolute;left:12px;top:13px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-weight:900}.skip{background:#ffffff13;color:#d1d9d6;border:1px solid #ffffff1a!important;padding-left:15px!important}.dashboard{padding:19px 17px 26px;background:#eaf0ed}.rail{display:flex;align-items:center;gap:9px;font-size:7px;font-weight:700;letter-spacing:1.4px;color:#62736e}.rail i{height:1px;background:#a8b5b0;flex:1}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:12px}.metrics article{min-height:128px;background:#f8faf9;border:1px solid #d8e0dc;border-radius:16px;padding:12px 10px;position:relative}.metrics strong{font:900 42px/.9 "Barlow Condensed"}.metrics strong em{font-size:20px;color:#71807b;font-style:normal}.metrics article>span{display:block;font-size:6px;line-height:10px;font-weight:700;letter-spacing:.7px;margin-top:10px}.metrics article>i{position:absolute;right:10px;bottom:9px;font-style:normal;font-size:17px}.ticks{display:flex;gap:3px;margin-top:11px}.ticks i{height:5px;flex:1;background:var(--lime);border-radius:3px}.ticks i:last-child{background:#dce4df}.ring{width:27px;height:27px;border:5px solid #dce4df;border-right-color:var(--lime);border-top-color:var(--lime);border-bottom-color:var(--lime);border-radius:50%;margin-top:7px}.challenge{height:132px;margin-top:8px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(110deg,#0a211c 0%,#0b2922 60%,#164337 100%);color:white;padding:18px}.challenge:after{content:"";position:absolute;inset:-20px -60px -70px 48%;border:1px solid #8ab4a644;transform:rotate(-22deg)}.challenge small{font-size:7px;letter-spacing:1.4px;font-weight:700;color:#a8bbb4}.challenge h2{font:italic 900 31px/1 "Barlow Condensed";margin:6px 0}.challenge p{font-size:9px;margin:0;color:#c5d0cc}.miniBall{position:absolute;right:27px;top:35px;width:58px;height:58px;background:var(--lime);border-radius:50%;box-shadow:0 9px 30px #baff3044}.miniBall:before,.miniBall:after{content:"";position:absolute;width:33px;height:56px;border:2px solid #789d17;border-left-color:transparent;border-right-color:transparent;border-radius:50%;top:0}.miniBall:before{left:-8px}.miniBall:after{right:-8px}nav{height:79px;position:absolute;left:0;right:0;bottom:0;z-index:15;background:#061914f5;color:#83918d;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);border-radius:23px 23px 0 0}nav button{border:0;background:none;color:inherit;display:grid;place-items:center;gap:4px}nav b{font-size:20px}nav span{font-size:7px}.active{color:var(--lime)!important}.confirmScene{display:none;position:absolute;inset:0;z-index:30;background:#071c17;color:white;min-height:100dvh}.confirmScene.show{display:block;animation:fade .2s}.confirmBg{position:absolute;inset:0;background:url(hero.webp) 52% 50%/cover no-repeat;filter:blur(1px) saturate(.75);transform:scale(1.05)}.confirmScene:after{content:"";position:absolute;inset:0;background:linear-gradient(#09251b55,#061914a6 48%,#061914 82%)}.confirmBrand{position:absolute;z-index:2;top:30px;left:25px;font-weight:800;letter-spacing:3px;font-size:18px}.confirmBrand small{font-size:6px;display:block;letter-spacing:2px;margin-top:3px}.shot{position:absolute;z-index:2;top:105px;left:0;right:0;height:250px;overflow:hidden}.flyBall{position:absolute;width:78px;height:78px;background:radial-gradient(circle at 35% 30%,#efff8a,var(--lime) 45%,#7ca900);border-radius:50%;left:calc(50% - 39px);top:72px;box-shadow:0 0 55px #c7ff2faa}.shot i{position:absolute;height:2px;background:var(--lime);width:70%;left:-20%;top:50%;transform:rotate(-15deg);opacity:.7}.shot i:nth-of-type(2){top:63%;left:30%;width:90%;transform:rotate(-22deg);opacity:.35}.shot i:nth-of-type(3){top:32%;left:52%;width:70%;transform:rotate(-31deg);opacity:.25}.confirmCopy{position:absolute;z-index:3;left:24px;right:24px;top:350px}.confirmCopy>small{font-size:8px;letter-spacing:2px;color:#a9b8b3;font-weight:700}.confirmCopy h2{font:italic 900 55px/44px "Barlow Condensed";letter-spacing:-1px;margin:8px 0}.confirmCopy h2 em{font-style:italic;color:var(--lime)}.confirmCopy>p{font-size:11px;letter-spacing:2px;font-weight:700}.confirmCopy article{margin-top:25px;background:#ffffff12;border:1px solid #ffffff1c;border-radius:16px;padding:14px;display:flex;align-items:center;gap:13px;backdrop-filter:blur(12px)}.confirmCopy article strong{font:900 34px "Barlow Condensed"}.confirmCopy article span{font-size:8px;line-height:15px;display:grid;border-left:1px solid #ffffff28;padding-left:12px}.confirmCopy article span b{font:800 13px "Barlow Condensed"}.confirmCopy article i{margin-left:auto;width:27px;height:27px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-style:normal;font-weight:900}.confirmCopy>button{width:100%;height:53px;margin-top:14px;border:0;border-radius:30px;background:white;color:var(--ink);font-weight:800;font-size:10px;letter-spacing:.5px}.confirmCopy>button b{float:right;font-size:20px;margin-right:10px}.toast{position:absolute;z-index:40;left:18px;right:18px;bottom:96px;background:#071c17;color:white;border:1px solid #ffffff22;border-radius:14px;padding:14px;transform:translateY(150px);transition:.28s}.toast.show{transform:none}.toast b,.toast span{display:block}.toast b{color:var(--lime);font:900 15px "Barlow Condensed";letter-spacing:1px}.toast span{font-size:8px;color:#b9c6c2;margin-top:3px}@keyframes fade{from{opacity:0}}@media(min-width:600px){body{padding:24px}.app{min-height:900px;border-radius:30px;box-shadow:0 35px 90px #1b2d2733}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* NOVA Motion Layer v0.4 — reusable SVG + Web Animations primitives */
.shot{height:270px;top:92px}.motionSvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ballPath{fill:none;stroke:none}.courtTrace{fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-dasharray:520;stroke-dashoffset:520;opacity:0}.impactRing{fill:none;stroke:var(--lime);stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0}.ringB{stroke-width:1;opacity:.45}.motionBall{position:absolute;left:0;top:0;width:54px;height:54px;border-radius:50%;z-index:3;will-change:transform;background:radial-gradient(circle at 34% 28%,#f4ff9e 0 5%,#d9ff43 22%,#b9f423 58%,#729e0d 100%);box-shadow:0 0 18px #c7ff2f77,0 0 54px #c7ff2f55}.motionBall:before,.motionBall:after{content:"";position:absolute;top:2px;width:29px;height:49px;border:2px solid #789d17;border-left-color:transparent;border-right-color:transparent;border-radius:50%}.motionBall:before{left:-6px}.motionBall:after{right:-6px}.motionBall span{position:absolute;inset:8px;border-radius:50%;background:linear-gradient(135deg,#ffffff55,transparent 40%)}.impactFlash{position:absolute;width:86px;height:86px;left:162px;top:75px;border-radius:50%;background:radial-gradient(circle,#efff9a99 0,#c7ff2f55 32%,transparent 70%);opacity:0;filter:blur(2px)}
.statusLabel{display:inline-flex!important;align-items:center;gap:8px}.statusLabel:before{content:"";width:22px;height:2px;background:var(--lime);display:inline-block}.confirmCopy h2{transform:skewY(-2deg);transform-origin:left center}.confirmCopy h2 em{display:inline-block;text-shadow:0 0 24px #c7ff2f2b}.challenge{isolation:isolate}.challengeCourt{position:absolute;width:125px;height:100px;right:0;bottom:-8px;opacity:.22;transform:rotate(-7deg);z-index:-1}.challengeCourt path{fill:none;stroke:#d7eee5;stroke-width:1.5}.speedMark{position:absolute;right:25px;top:39px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:italic 900 26px/1 "Barlow Condensed";box-shadow:0 10px 30px #c7ff2f26}.metrics article{overflow:hidden}.metrics article:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:linear-gradient(90deg,var(--lime),transparent);transform:scaleX(.35);transform-origin:left}.metrics article:nth-child(2):after{transform:scaleX(.8)}.metrics article:nth-child(3):after{transform:scaleX(.65)}
@media(prefers-reduced-motion:reduce){.motionBall{transform:translate(178px,91px)!important}.courtTrace{stroke-dashoffset:0!important;opacity:.2!important}}