@font-face{font-family:Nunito;font-weight:400;font-display:swap;src:url('../../fonts/nunito-latin-400-normal.woff2')}@font-face{font-family:Nunito;font-weight:700;font-display:swap;src:url('../../fonts/nunito-latin-700-normal.woff2')}@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url('../../fonts/nunito-latin-800-normal.woff2')}@font-face{font-family:Nunito;font-weight:900;font-display:swap;src:url('../../fonts/nunito-latin-900-normal.woff2')}
:root{--green:#58cc02;--green-dark:#58a700;--blue:#1cb0f6;--yellow:#ffb800;--ink:#294c46;--gray:#657d70;--line:#dce2d2;--bg:#faf7f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid #168eaf;outline-offset:3px}.hidden{display:none!important}.wrap{max-width:1100px;margin:auto}.start-screen{max-width:570px;margin:auto;padding:24px 22px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:15px}.back{color:var(--gray);font-size:13px;font-weight:800;text-decoration:none}.eyebrow{font-size:9px;font-weight:900;letter-spacing:2px;color:#748875;margin-top:10px}h1{font-size:clamp(34px,6vw,46px);font-weight:900;letter-spacing:-1.6px;line-height:1.1;margin:0}.tagline{margin:-6px 0 0;font-weight:700;color:var(--gray);font-size:15px;line-height:1.5}.postcard{position:relative;height:240px;overflow:hidden;border-radius:24px;box-shadow:0 7px #e7e5d5;background:#b9dcd4}.postcard canvas{width:100%;height:100%;display:block}.facts{display:flex;gap:7px;flex-wrap:wrap}.facts span{font-weight:800;font-size:10px;padding:6px 10px;background:#edf1e4;color:#587262;border-radius:20px}.howto{font-size:14px;font-weight:700;line-height:1.65;color:var(--gray);margin:0}.btn{display:block;border:2px solid;border-radius:15px;font-size:15px;font-weight:900;padding:13px 14px;text-align:center;text-decoration:none;min-height:48px;transition:transform .12s,box-shadow .12s}.btn:active{transform:translateY(3px);box-shadow:none}.btn-green{background:#438d4c;border-color:#326f3a;box-shadow:0 4px #326f3a;color:#fff}.btn-blue{background:#ecf3e8;border-color:#cddbc9;box-shadow:0 4px #cddbc9;color:#4c7561}.btn:disabled{opacity:.55;cursor:default}.mode-picker{display:flex;gap:10px}.mode{flex:1;border:2px solid var(--line);border-radius:13px;background:transparent;padding:11px;color:var(--gray);text-align:left;min-height:48px}.mode b,.mode small{display:block}.mode b{font-weight:900;font-size:13px}.mode small{font-size:10px;margin-top:3px}.mode.active{border-color:#76a46d;background:#edf5e6;color:#426c45}.fineprint{font-size:11px;font-weight:700;line-height:1.6;color:#7a8b7a;text-align:center;margin:0}.sport-stage{position:relative;height:100svh;min-height:570px;overflow:hidden;isolation:isolate;background:#c2ddd0}.sport-stage>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.sport-top{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 18px 10px}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff;border-radius:14px;background:#f7fbecc9;color:var(--ink);font-size:20px;font-weight:900;text-decoration:none;flex-shrink:0}.sport-title{flex:1}.sport-title span{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900}.sport-title b{display:block;font-size:20px;font-weight:900;letter-spacing:-.5px;margin-top:3px}.sport-stats{display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:11px;color:#41695b;font-weight:900;gap:8px}.mini-progress{display:flex;gap:5px}.mini-progress i{width:10px;height:10px;border:1px solid #71927d;border-radius:50%;background:#f6f8e180}.mini-progress i.done{background:#f1cc73;border-color:#bd9b4e}.sport-dock{position:absolute;bottom:0;left:0;right:0;margin:auto;max-width:600px;padding:16px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#faf7f1f7 15%);display:flex;flex-direction:column;gap:12px}.coach-card{border:1px solid #fff;border-radius:21px;background:#fffdf5f2;padding:16px 18px;box-shadow:0 5px 20px #294b3c15}.coach-card h2{font-size:20px;letter-spacing:-.5px;margin:0 0 5px;font-weight:900}.coach-card p{font-size:13px;line-height:1.6;color:var(--gray);font-weight:700;margin:0;min-height:40px}.actions,.aim-choices{display:flex;gap:9px}.actions>.btn,.aim-choices>button{flex:1}.aim{border:2px solid #c9d8c5;background:#f7faed;border-radius:13px;min-height:46px;font-size:13px;font-weight:900;color:#5d7b65;padding:10px}.aim[aria-pressed=true]{border-color:#72a170;background:#dcebcf;color:#3f6c46}.aim small{font-size:9px;display:block;margin-top:2px}.status-pill{position:absolute;top:24%;left:50%;transform:translateX(-50%);background:#fff9e1eb;color:#577557;border:1px solid #fff4cc;border-radius:20px;padding:8px 16px;max-width:88%;font-size:13px;font-weight:900;text-align:center;pointer-events:none}.overlay{position:absolute;inset:0;z-index:10;background:#faf7f1f5;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;text-align:center;overflow:auto}.overlay>*{max-width:370px;width:100%}.overlay h1{font-size:34px}.scorecard{border:1px solid var(--line);border-radius:18px;background:#fffdf6;padding:18px;display:grid;gap:14px}.scorecard div{display:flex;justify-content:space-between;font-size:13px;color:var(--gray);font-weight:800}.scorecard b{font-size:16px;color:var(--ink)}.tapzone{border:2px solid #81ab8d;box-shadow:0 4px #81ab8d;border-radius:17px;min-height:72px;background:#dcebdd;color:#42694a;font-weight:900;padding:12px;font-family:inherit}.tapzone .big{display:block;font-size:20px}.tapzone .small{display:block;font-size:10px;margin-top:5px;font-weight:800}.tapzone.go{background:#f8df9f;border-color:#c5a35e;color:#7b622e;box-shadow:0 4px #c5a35e}.tapzone:disabled{opacity:.65;cursor:default}.cue-steps{display:flex;justify-content:space-between;gap:5px;margin-top:10px}.cue-steps span{font-size:9px;font-weight:900;background:#e9eddd;color:#819079;border-radius:7px;padding:7px;flex:1;text-align:center}.cue-steps span.on{background:#ffe5a6;color:#8a6d2b}.sport-hub{max-width:1000px;margin:auto;padding:26px 22px 40px}.sport-hub header{max-width:570px;margin:30px 0}.sport-hub header p{font-size:15px;color:var(--gray);line-height:1.7;font-weight:700}.sport-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sport-card{display:block;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fffdf6;box-shadow:0 5px #e7e5d8;color:var(--ink);text-decoration:none}.sport-card canvas{width:100%;height:220px;display:block}.sport-card .copy{padding:20px}.sport-card h2{font-size:26px;font-weight:900;letter-spacing:-.7px;margin:8px 0}.sport-card p{font-size:13px;font-weight:700;line-height:1.7;color:var(--gray);margin:0 0 14px}.sport-card b{font-size:13px;color:#438d4c}.more-practice{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}.more-practice a{border:1px solid var(--line);border-radius:14px;background:#fffdf6;padding:14px 18px;color:var(--gray);font-weight:800;text-decoration:none;font-size:13px}.xp{font-size:12px;color:#788975;font-weight:900;margin-top:10px}
@media(min-width:700px){.sport-stage{margin:16px 24px;border-radius:24px;height:min(950px,100svh);min-height:700px}.sport-dock{padding-bottom:26px}.postcard{height:280px}}
@media(max-width:600px){.sport-grid{grid-template-columns:1fr}.sport-card canvas{height:200px}}
@media(max-height:700px) and (max-width:699px){.sport-stage{min-height:550px}.sport-top{padding-top:10px}.sport-dock{padding-bottom:12px;gap:9px}.coach-card{padding:12px 14px}.coach-card h2{font-size:17px}.coach-card p{font-size:12px;min-height:36px}.btn{min-height:44px;padding:10px;font-size:13px}.tapzone{min-height:62px}.fineprint{font-size:9px}.cue-steps span{padding:5px}.aim{min-height:44px;padding:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html{-webkit-text-size-adjust:100%}