*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#183a34;color:#fff3d5;font-family:system-ui,sans-serif}body{overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #ffd478;outline-offset:4px}[hidden]{display:none!important}#app{height:100dvh;position:relative;isolation:isolate}#court{position:absolute;inset:0;overflow:hidden}canvas{width:100%;height:100%;display:block}header{position:absolute;z-index:4;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 18px 9px;background:#153e37ed}h1{font-size:clamp(18px,5.3vw,25px);letter-spacing:.015em;line-height:1.1;margin:0;font-weight:850}#sound{color:#fff0cc;background:transparent;border:1px solid #ffffff44;border-radius:22px;padding:10px 12px;font-size:12px;min-height:40px}#sound[aria-pressed=true]{background:#edc270;color:#183a34}#scorebar{position:absolute;top:calc(61px + env(safe-area-inset-top));left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:8px 20px 10px;background:#153e37e3;font-size:13px;font-weight:650}#dots{display:flex;gap:5px}.dot{width:20px;height:20px;border:1px solid #b3c8b066;border-radius:50%;display:grid;place-items:center;font-size:11px}.dot.done{background:#ebc371;color:#16392e;border-color:transparent}#message{position:absolute;top:calc(108px + env(safe-area-inset-top));left:12px;right:12px;text-align:center;pointer-events:none;z-index:2;color:#233c2f}#result{display:block;font-size:26px;font-weight:850;text-shadow:0 1px 8px #fff6d5}#hint{display:inline-block;font-size:13px;line-height:1.35;padding:5px 10px;border-radius:12px;background:#fff5dfe8;max-width:95%}#hint:empty,#result:empty{display:none}#challenge,footer,.meter-label{display:none}#controls{position:absolute;inset:0;pointer-events:none;z-index:3}#controls:before{content:"";position:absolute;inset:66% 0 0;background:linear-gradient(transparent,#12382b8c);pointer-events:none}#pull-area{position:absolute;inset:0 16px calc(65px + env(safe-area-inset-bottom));pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}#grip{position:absolute;left:50%;top:calc(73dvh - 70px);transform:translate(-50%);width:180px;height:140px;pointer-events:auto;touch-action:none;background:transparent;border-radius:50%;padding:0;color:transparent}#grip:disabled{pointer-events:none}#meter{position:absolute;bottom:calc(59px + env(safe-area-inset-bottom));left:8%;right:8%;height:8px;background:#153d369c;border:1px solid #e2edc27a;border-radius:20px;overflow:hidden}#fill{width:0;height:100%;background:#f3c468}#pull-label{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center;font-size:15px;font-weight:650;letter-spacing:.035em;color:#fff0d0;text-shadow:0 1px 4px #173729}#finish,#error{position:absolute;inset:0;z-index:7;background:#163d36eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}#finish h2{font-size:58px;margin:12px 0 0;color:#f4cb78}#finish p{font-size:14px;color:#d6e0c7}#finish #final-message{max-width:320px;margin:12px 0 0;font-size:20px;line-height:1.2;font-weight:800;color:#ffe4a1}#finish #final-copy{margin:10px 0 24px}#finish.perfect #final-score{text-shadow:0 0 20px #f9cb7480}#finish.perfect #final-message{font-size:24px;color:#ffdf7b;text-shadow:0 0 16px #f8b74170}#finish small{letter-spacing:.16em;font-weight:700}#replay,#resume{padding:15px 28px;border-radius:30px;background:#f3c56f;color:#17392d;font-weight:750}#resume{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%)}#message.ringer #result{font-size:38px;font-weight:950;letter-spacing:-.045em;color:#925812;text-shadow:0 2px 0 #fff2c2,0 0 18px #ffe9a8;animation:ringer-arrive .4s cubic-bezier(.18,.8,.3,1.3) both}#message.impact:not(.ringer) #result{animation:result-arrive .2s ease-out}.score-pop{animation:score-arrive .35s ease-out}@keyframes ringer-arrive{0%{transform:translateY(8px) scale(.78);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes result-arrive{0%{transform:translateY(5px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes score-arrive{50%{transform:scale(1.18);color:#ffe09a}}@media(orientation:landscape)and (max-height:550px){header{right:50%;padding:5px 14px;height:53px}h1{font-size:20px}#scorebar{top:0;left:50%;padding:14px;height:53px}#message{top:58px}#result{font-size:21px}#hint{font-size:12px}#meter{bottom:28px;left:28%;right:28%}#pull-label{bottom:5px;font-size:12px}#pull-area{bottom:25px}#grip{height:80px;top:calc(73dvh - 40px)}}@media(prefers-reduced-motion:reduce){#message #result,.score-pop{animation:none!important}}header{padding:calc(5px + env(safe-area-inset-top)) 14px 3px;background:#143e37eb;height:calc(43px + env(safe-area-inset-top))}h1{font-size:clamp(16px,4.6vw,20px);font-weight:750}#sound{min-height:34px;padding:7px 9px;font-size:10px}#scorebar{top:calc(43px + env(safe-area-inset-top));padding:5px 15px 7px;font-size:12px;background:#153e37d9}.dot{width:13px;height:13px;font-size:8px}#dots{gap:4px}#message{top:calc(78px + env(safe-area-inset-top))}#pull-label{font-size:13px;font-weight:600}#meter{height:7px;left:13%;right:13%}#controls:before{inset:79% 0 0;background:linear-gradient(transparent,#12382b65)}@media(orientation:landscape)and (max-height:550px){header{height:43px}#scorebar{top:0;height:43px}#message{top:48px}}#app{margin:auto;max-width:calc(100dvh * .58)}#scenery{position:absolute;inset:0;background:url(../art/camp-summer.webp) center/100% 100% no-repeat;transform-origin:50% 45%}header{height:5.4dvh;padding:0 4.2%;background:linear-gradient(100deg,#00342f,#074a43)}h1{font-size:clamp(16px,5.75vw,25px);font-weight:750;letter-spacing:.03em;white-space:nowrap}#sound{width:44px;height:44px;padding:0;border:0;font-size:0;flex-shrink:0;background:transparent}#sound:before{content:"♪";font-size:31px;color:#fff4da}#sound[aria-pressed=true]{background:transparent}#sound[aria-pressed=false]{opacity:.65}#scorebar{height:3dvh;top:5.4dvh;padding:0 4.2%;font-size:14px;text-transform:uppercase;background:linear-gradient(100deg,#07534d,#003d36);border-top:1px solid #43958b60}#dots{display:none}#message{top:10dvh}#result{font-size:23px}#grip{top:calc(67dvh - 70px)}#meter{bottom:7.6dvh;height:2.3dvh;left:10%;right:10%;border:2px solid #78a581b0;background:#063d2aa6}#pull-label{bottom:4.1dvh;font-size:18px;font-weight:650;letter-spacing:0}#controls:before{inset:84% 0 0;background:linear-gradient(transparent,#12382b44)}@media(orientation:landscape){#app{width:46.15dvh}header{right:0;height:5.4dvh;padding:0 4%}h1{font-size:2.6dvh}#sound{width:25px;height:25px}#sound:before{font-size:18px}#scorebar{left:0;top:5.4dvh;height:3dvh;font-size:1.6dvh;padding:0 4%}#grip{top:calc(67dvh - 40px);height:80px}#message{top:10dvh}#meter{bottom:7.6dvh;left:10%;right:10%}#pull-label{bottom:4.1dvh;font-size:2dvh}}#sound:before{content:"";display:block;width:29px;height:29px;margin:auto;background:#fff3d5;-webkit-mask:url(../speaker.svg) center/contain no-repeat;mask:url(../speaker.svg) center/contain no-repeat}#sound{position:relative}#sound[aria-pressed=false]:after{content:"";position:absolute;left:50%;top:50%;width:75%;height:3px;transform:translate(-50%,-50%) rotate(-50deg);border-radius:2px;background:#fff3d5;box-shadow:0 0 0 1px #074a43}@media(orientation:landscape){#sound:before{width:18px;height:18px}}.scene-loading #scene{visibility:hidden}.scene-loading #grip{pointer-events:none}.scene-loading #court:after{content:"Loading camp…";position:absolute;inset:0;display:grid;place-items:center;background:#163d36de;color:#fff3d5;z-index:6;font-size:18px}.scene-error #court:after{content:"The scene could not load. Refresh to try again.";padding:24px;text-align:center}#court.holding:before{content:"";position:absolute;z-index:0;left:calc(50% + var(--hand-x,0px));top:75.8%;width:24%;height:3.2%;transform:translate(-50%);background:radial-gradient(ellipse,#1b391c80,#25452240 40%,transparent 72%);filter:blur(2px);pointer-events:none}#scene{position:relative;z-index:1}#atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none}#message.close #result{font-size:27px;color:#765014;text-shadow:0 1px 2px #fff8df}#message{top:46%;left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:86%;padding:6px 12px;border-radius:10px;background:#123e35f2;border:1px solid #dce6c138;color:#fff3d5;line-height:1.25}#message #result{font-size:clamp(16px,2.25dvh,19px);font-weight:650;letter-spacing:.015em;text-shadow:none;animation:none;transition:opacity .15s linear}#message.pit #result{font-weight:750}#message.close #result{font-size:clamp(17px,2.35dvh,20px);font-weight:800;color:#f3d595;text-shadow:none}#message.ringer #result{font-size:clamp(18px,2.5dvh,22px);font-weight:900;letter-spacing:.015em;color:#ffdb82;text-shadow:none;animation:none}#message #hint{display:block;padding:0;margin:3px 0 0;max-width:none;border-radius:0;background:none;font-size:clamp(12px,1.6dvh,13px);line-height:1.3;color:#e3ebdb;transition:opacity .15s linear}#message #hint:empty,#message #result:empty{display:none}#message #result:empty+#hint{margin-top:0}#message .fading{opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(orientation:landscape){#message{padding:4px 8px}#message #result,#message.close #result,#message.ringer #result{font-size:12px}#message #hint{font-size:10px}}@media(prefers-reduced-motion:reduce){#message #result,#message #hint{transition:none}#message .fading{opacity:1}}#meter{left:auto;right:max(18px,calc(env(safe-area-inset-right) + 12px));bottom:max(16dvh,calc(env(safe-area-inset-bottom) + 58px));width:14px;height:clamp(96px,17dvh,150px);border-radius:8px;border:2px solid #adc7a0;background:#103d32e8}#fill{position:absolute;left:0;bottom:0;width:100%;height:0;background:linear-gradient(to top,#d8ae52,#ffe299)}#immersive{position:absolute;z-index:8;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:44px;height:44px;display:grid;place-items:center;border:1px solid #adc7a066;border-radius:12px;background:#103d32cf;color:#fff3d5;padding:0}#immersive path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#immersive .contract,#immersive[aria-pressed=true] .expand{display:none}#immersive[aria-pressed=true] .contract{display:block}#immersive-note{position:absolute;z-index:9;left:12px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 52px);max-width:calc(100% - 24px);padding:6px 9px;border-radius:8px;color:#fff3d5;background:#103d32f2;font-size:12px;pointer-events:none}@media(orientation:landscape){#meter{right:8px;bottom:16dvh;height:20dvh;min-height:0;width:10px}#immersive{left:4px;bottom:4px;width:32px;height:32px}#immersive svg{width:18px;height:18px}}