:root{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,sans-serif;color:#fff5db;background:#234d53;font-synthesis:none;--cream: #fff1cf;--ink: #193f42}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #f7e8c431;background:#173f4540;border-radius:5px;padding:10px 13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,transform .2s}button:hover{background:#f4e0b632}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #ffda8a;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#court{position:fixed;inset:0;width:100%;height:100%;object-fit:contain;touch-action:none;outline:none;cursor:grab}#court.dragging{cursor:grabbing}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#112e381b,transparent 40%,transparent 64%,#0b2f39a0)}#ui{position:fixed;inset:0;pointer-events:none;padding:35px 42px 26px;display:flex;flex-direction:column;justify-content:space-between}#ui button{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow,.small{font-size:9px;font-weight:600;letter-spacing:2px}.eyebrow{margin:0 0 18px;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#ffe1a1;box-shadow:0 0 15px #ffe1a1}h1{font-size:clamp(45px,6vw,85px);font-weight:850;line-height:.88;letter-spacing:-4px;margin:0;color:#fff3d3;text-shadow:0 3px 24px #684e3920}h1 i{font-weight:300;font-style:italic;letter-spacing:-5px}.tagline{font-size:11px;letter-spacing:3px;margin-top:20px;color:#fff0d2c9}.scoreboard{text-align:right}.score{display:flex;align-items:baseline;justify-content:flex-end;gap:10px;margin:6px 0 12px}.score b{font-size:58px;font-weight:300;line-height:1}.score span{font-size:12px;opacity:.6}.pips{display:flex;gap:8px;justify-content:flex-end}.pips i{width:20px;height:20px;border:1px solid #fff0c64a;border-radius:50%;font-size:12px;text-align:center;font-style:normal;line-height:18px}.pips .current{border-color:#ffe2a0}.pips .made{background:#ffe2a0;color:#315d5a;border-color:#ffe2a0}.pips .miss{opacity:.5}#streak{font-size:10px;letter-spacing:1px;margin-top:11px}.location{position:absolute;left:42px;top:49%;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;opacity:.55}#feedback{position:absolute;top:33%;left:42px;max-width:300px}#mode{font-size:8px;letter-spacing:1.6px;opacity:.65}#message{display:block;font-size:19px;font-weight:400;letter-spacing:1px;margin-top:12px}#submessage{font-size:10px;letter-spacing:.5px;opacity:.8;line-height:1.7}footer{display:grid;grid-template-columns:1fr 240px 1fr;align-items:end;gap:35px}.instructions p{font-size:13px;line-height:1.9;margin:8px 0}.instructions p span{font-size:10px;opacity:.7}.instructions .keys{font-size:8px;opacity:.5;letter-spacing:.3px}.shoot-panel{text-align:center}.aim-stats{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.aim-stats b{font-weight:400;margin-left:8px}.meter{height:2px;background:#fbeac433;position:relative;margin:12px 0 16px}.meter i{height:2px;display:block;background:#ffe1a2}.meter em{position:absolute;width:1px;height:8px;background:#fff7db;top:-3px;left:50%}.primary{background:#ffe4b4;color:#294f50;border:0;text-decoration:none;display:block;font-size:12px;font-weight:600;padding:14px 22px;letter-spacing:1px;border-radius:4px;box-shadow:0 4px 20px #12353620}.primary:hover{background:#fff0d2}.primary span{float:right}#start{width:100%}#shot-number{font-size:9px;letter-spacing:1px;opacity:.7;margin:12px 0 0}.controls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;max-width:285px;justify-self:end}.controls button{font-size:9px;padding:8px 11px}.controls #studio{flex-basis:100%;margin-top:2px}#restore{position:fixed;right:20px;bottom:20px;font-size:11px}#studio-panel{position:fixed;bottom:140px;right:40px;width:350px;background:#173d43f5;box-shadow:0 20px 80px #102d3970;border:1px solid #d7d9b72f;border-radius:10px;padding:22px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head button{padding:3px 9px;border:0;font-size:24px;background:transparent}h2{font-size:18px;font-weight:400;letter-spacing:1px}#studio-panel p{font-size:10px;line-height:1.9;opacity:.7}label{display:block;font-size:12px;margin:23px 0}input{accent-color:#f4d79d}label small{display:block;margin:8px 0 0 24px;font-size:9px;opacity:.6}.capture-buttons{display:flex;gap:8px;margin-top:8px}.capture-buttons button{flex:1;font-size:11px;padding:12px 8px}.note{font-size:10px;line-height:1.8;opacity:.6}#recording{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#16383beb;padding:10px 14px;border-radius:6px;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:10px}#recording button{font-size:10px;padding:7px}.red-dot{width:6px;height:6px;background:#ef8466;border-radius:50%}dialog{color:var(--cream);background:#173c41;border:1px solid #b5be9d55;border-radius:12px;padding:20px;max-width:min(680px,94vw);max-height:92dvh;box-shadow:0 20px 100px #12313888}dialog::backdrop{background:#0c202cca;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#preview-media img,#preview-media video{display:block;max-width:100%;max-height:62dvh;margin:10px auto;border-radius:4px}#asset-label{font-size:11px}#download{text-align:center}#toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-80px);padding:13px 20px;background:#193b43ed;border:1px solid #eac9a23f;border-radius:5px;font-size:11px;transition:transform .3s;max-width:90vw;z-index:10}#toast.show{transform:translate(-50%)}@media(max-width:650px){#ui{padding:25px 22px 22px}h1{font-size:48px;letter-spacing:-2px}h1 i{letter-spacing:-3px}.eyebrow{font-size:6px;letter-spacing:1.1px;gap:5px;margin-bottom:13px}.tagline{font-size:8px;letter-spacing:1.4px;margin-top:15px}.scoreboard .small{font-size:6px;letter-spacing:1px}.score b{font-size:42px}.score{gap:5px}.score span{font-size:9px}.pips{gap:5px}.pips i{width:14px;height:14px;line-height:12px;font-size:9px}#streak{font-size:7px;max-width:106px}.location{display:none}#feedback{top:25%;left:22px;max-width:190px}#mode{font-size:6px;letter-spacing:1px}#message{font-size:15px;margin-top:8px}#submessage{font-size:8px;margin-top:7px}footer{grid-template-columns:1fr;gap:14px}.instructions{display:none}.shoot-panel{width:230px;justify-self:center}.controls{max-width:none;justify-self:center;justify-content:center;gap:5px}.controls button{font-size:8px;padding:7px 9px}.controls #studio{flex-basis:auto;margin:0}.aim-stats{font-size:8px}.meter{margin:10px 0 12px}.primary{padding:13px 18px;font-size:11px}#shot-number{font-size:8px;margin-top:9px}#studio-panel{right:14px;left:14px;bottom:110px;width:auto;padding:18px}#recording{gap:6px;padding:8px;font-size:8px}#recording button{font-size:8px}#restore{bottom:16px;right:16px}}@media(max-height:570px)and (min-width:651px){#ui{padding:20px 28px}h1{font-size:48px}.tagline{margin-top:12px}.eyebrow{margin-bottom:12px}#feedback{top:38%;left:28px}footer{grid-template-columns:1fr 210px 1fr;gap:20px}#studio-panel{bottom:20px}.instructions .keys{display:none}}