.hoops-app{--hp-paper:#edf2e8;--hp-accent:#d4e7a9;min-height:100svh;color:var(--hp-paper);background:radial-gradient(at 30% 0,#34473866,#0000 45%),#111e23;padding:20px clamp(16px,3vw,45px) 32px;font-family:Arial,sans-serif}.hp-nav{border-bottom:1px solid #96b19b33;justify-content:space-between;align-items:center;gap:20px;max-width:1500px;margin-bottom:20px;padding-bottom:19px;font-size:14px;line-height:1.5;display:flex}.hp-nav a{color:#c3ddbb;text-decoration:none}.hp-nav>span{letter-spacing:.13em;color:#99b29e;font-size:11px}.hp-layout{grid-template-columns:minmax(0,1fr) 345px;gap:21px;max-width:1500px;display:grid}.hp-view{isolation:isolate;background:radial-gradient(at 50% 70%,#3c4e37,#182b28 70%);border:1px solid #8fa88555;border-radius:17px;align-self:stretch;min-height:690px;position:relative;overflow:hidden}.hp-scene{position:absolute;inset:0}.hp-scene canvas{touch-action:none;width:100%;height:100%;display:block}.hp-view-fallback .hp-scene{visibility:hidden}.hp-view-heading{z-index:2;pointer-events:none;position:absolute;top:25px;left:27px;right:25px}.hp-view-heading>span{letter-spacing:.12em;color:#c2daa9;align-items:center;gap:8px;font-size:11px;display:flex}.hp-view-heading h1{letter-spacing:-.025em;text-shadow:0 3px 16px #081411;max-width:650px;margin:13px 0 12px;font-size:clamp(31px,3.8vw,49px);line-height:1.14}.hp-view-heading p{color:#bfceb6;text-shadow:0 2px 10px #081711;max-width:630px;margin:0;font-size:16px;line-height:1.5}.hp-view-bottom{z-index:2;background:#152921ed;border:1px solid #9fba8a55;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex;position:absolute;bottom:22px;left:25px;right:25px}.hp-view-bottom>div{align-items:center;gap:14px;display:flex}.hp-view-bottom strong{color:#e6ebc7;font-size:20px;line-height:1.3;display:block}.hp-view-bottom span{color:#aecaac;font-size:14px;line-height:1.5;display:block}.hp-view-bottom>p{color:#b3c9ad;max-width:310px;margin:0;font-size:14px;line-height:1.6}.hp-loading{text-align:center;color:#c6d6ab;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:215px 25px 140px}.hp-loading>svg{animation:10s linear infinite hp-turn}.hp-loading p{margin:0;font-size:17px;line-height:1.5}.hp-loading small{color:#a5bbac;font-size:14px;line-height:1.6}.hp-fallback{flex-direction:column;justify-content:center;gap:12px;display:flex;position:absolute;inset:190px 23px 135px}.hp-projections{grid-template-columns:1fr 1fr;gap:13px;display:grid}.hp-projections figure{background:#122b24;border:1px solid #95b29155;border-radius:11px;min-width:0;margin:0;padding:13px 10px 6px}.hp-projections figcaption{color:#c9ddbb;padding-left:4px;font-size:14px;line-height:1.5}.hp-projections svg{width:100%;height:auto;display:block}.hp-fallback>p{color:#bdd1b6;text-align:center;margin:0 8px;font-size:14px;line-height:1.65}.hp-controls{background:#20362b;border:1px solid #8ea78655;border-radius:15px;align-self:start;min-width:0;padding:24px}.hp-round>span{color:#bed2a9;font-size:14px;line-height:1.6}.hp-round h2{letter-spacing:-.02em;margin:10px 0 13px;font-size:27px;line-height:1.25}.hp-round p{color:#bdceb3;margin:0 0 20px;font-size:16px;line-height:1.65}.hp-aim{border:0;min-width:0;margin:0;padding:0}.hp-aim legend{margin-bottom:18px;padding:0;font-size:16px;line-height:1.5}.hp-setting{margin-bottom:23px}.hp-setting>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.hp-setting label{color:#c8d8bb;font-size:14px;line-height:1.5}.hp-setting output{color:#ebedc9;font-variant-numeric:tabular-nums;font-size:19px;line-height:1.4}.hp-setting input[type=range]{accent-color:#c9dfa6;cursor:pointer;width:100%;height:29px;display:block}.hp-setting-ends{color:#a7bda0;justify-content:space-between;margin:5px 0 10px;font-size:14px;line-height:1.5;display:flex}.hp-step-buttons{gap:8px;display:flex}.hp-step-buttons button{color:#d6e2c0;cursor:pointer;background:#162d22;border:1px solid #92ae8077;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:10px;font-size:14px;line-height:1.4;display:flex}.hp-preview{cursor:pointer;color:#cbdbbb;align-items:center;gap:10px;margin:3px 0 19px;font-size:14px;line-height:1.5;display:flex}.hp-preview input{accent-color:#c9dfa6;flex-shrink:0;width:19px;height:19px}.hp-primary,.hp-secondary{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 15px;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.hp-primary{color:#233b27;background:#d1e4aa}.hp-secondary{color:#d7e2bc;background:#314e32;border-color:#adc59666}.hp-shoot{width:100%}.hoops-app button:disabled,.hoops-app input:disabled{opacity:.45;cursor:not-allowed}.hp-flight{border-top:1px solid #94b47b44;margin-top:20px;padding-top:17px}.hp-flight p{color:#c5d6b1;margin:0 0 13px;font-size:14px;line-height:1.7}.hp-flight button{width:100%}.hp-result{background:#40583d77;border:1px solid #b8c48e77;border-radius:11px;margin-top:20px;padding:17px}.hp-result h3{color:#e1e9bb;margin:0 0 10px;font-size:22px;line-height:1.3}.hp-result p{color:#d1ddbd;margin:0 0 15px;font-size:14px;line-height:1.7}.hp-result .hp-primary{width:100%}.hp-scene-notice{color:#c1d4b8;background:#2b422f66;border:1px solid #91b08966;border-radius:11px;justify-content:space-between;align-items:center;gap:23px;max-width:1500px;margin-top:20px;padding:17px 20px;font-size:14px;line-height:1.65;display:flex}.hp-scene-notice button{flex-shrink:0}.hp-journal{background:#1b3128;border:1px solid #8fa88544;border-radius:14px;max-width:1500px;margin-top:23px;padding:24px 26px}.hp-journal-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:21px;display:flex}.hp-journal h2{letter-spacing:-.015em;margin:0;font-size:24px;line-height:1.3}.hp-journal-heading>p{color:#b4c9a8;margin:0;font-size:14px;line-height:1.6}.hp-shot-list{grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none;display:grid}.hp-shot-list li{color:#98b291;background:#142820;border:1px solid #809a7244;border-radius:9px;flex-direction:column;align-items:center;gap:11px;min-width:0;padding:14px 5px;display:flex}.hp-shot-list li[data-state=made]{color:#e2edb4;background:#3b572f;border-color:#c6df91aa}.hp-shot-list li[data-state=miss]{color:#d4c6a1;background:#45443155;border-color:#b9ab7977}.hp-shot-list li[data-state=flight]{color:#daecc0;background:#2c4a31;border-color:#c0d797}.hp-shot-list span{font-size:14px;line-height:1.4}.hp-shot-list strong{min-height:26px;font-size:20px;line-height:1.3}.hp-shot-list small{white-space:nowrap;font-size:12px;line-height:1.5}.hp-finale{text-align:center;background:radial-gradient(at 50% 0,#59723e88,#1c3428 80%);border:1px solid #cfda9e77;border-radius:15px;max-width:1500px;margin-top:25px;padding:32px 24px}.hp-finale>svg{color:#deebb3}.hp-finale h2{letter-spacing:-.025em;margin:16px 0;font-size:clamp(27px,3.2vw,39px);line-height:1.2}.hp-final-score{font-variant-numeric:tabular-nums;color:#e2edb4!important;margin:15px 0!important;font-size:55px!important;line-height:1.2!important}.hp-final-score span{color:#a3bc86;font-size:26px}.hp-finale p{color:#c5d5b6;max-width:680px;margin:0 auto 22px;font-size:16px;line-height:1.7}.hp-footer{border-top:1px solid #8fac8133;justify-content:space-between;align-items:start;gap:25px;max-width:1500px;margin-top:26px;padding-top:22px;display:flex}.hp-footer p{color:#a4bd9d;max-width:770px;margin:0;font-size:14px;line-height:1.8}.hp-reset{flex-direction:column;align-items:end;gap:13px;max-width:430px;display:flex}.hp-reset fieldset{background:#344b2e;border:1px solid #bfc39177;border-radius:10px;min-width:0;margin:0;padding:17px}.hp-reset fieldset p{color:#d2ddbb;margin-bottom:14px}.hp-reset fieldset>div{flex-wrap:wrap;gap:10px;display:flex}.hoops-app :is(a,button,input):focus-visible{outline-offset:4px;outline:3px solid #e2edb3}.hp-round h2:focus,.hp-result h3:focus,.hp-finale h2:focus{outline:0}.hp-reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@keyframes hp-turn{to{transform:rotate(360deg)}}@media (max-width:1080px){.hp-layout{grid-template-columns:minmax(0,1fr) 310px;gap:17px}.hp-controls{padding:21px}.hp-nav>span{display:none}.hp-view-heading{left:22px}.hp-view-heading h1{font-size:38px}.hp-projections{grid-template-columns:1fr;gap:10px;width:100%;max-width:330px;margin:auto}.hp-projections figure{padding:10px 13px 4px}.hp-projections svg{max-height:150px}.hp-fallback{inset:200px 20px 130px}.hp-view{min-height:760px}.hp-fallback>p{font-size:13px}.hp-view-bottom{flex-direction:column;align-items:start;gap:8px;padding:13px 15px;left:18px;right:18px}.hp-view-bottom>p{font-size:13px}.hp-shot-list{grid-template-columns:repeat(5,minmax(0,1fr))}.hp-shot-list small{font-size:13px}.hp-scene-notice{flex-direction:column;align-items:start}}@media (max-width:800px){.hp-layout{grid-template-columns:minmax(0,1fr)}.hp-view{height:83svh;min-height:640px;max-height:820px}.hp-view-heading h1{max-width:560px;font-size:42px}.hp-projections{grid-template-columns:1fr 1fr;max-width:none}.hp-projections svg{max-height:none}.hp-fallback{inset:200px 23px 133px}.hp-view-bottom{flex-direction:row;align-items:center;gap:15px}.hp-controls{padding:26px}.hp-aim{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.hp-aim legend{grid-column:1/-1}.hp-preview{margin-top:0}.hp-footer{flex-direction:column}.hp-reset{align-items:start}.hp-view-heading p{max-width:600px}}@media (max-width:480px){.hoops-app{padding:18px 16px 28px}.hp-nav{gap:15px;font-size:14px}.hp-view{height:92svh;min-height:750px}.hp-view-heading{top:23px;left:21px;right:18px}.hp-view-heading h1{font-size:34px}.hp-view-heading p{max-width:245px;font-size:14px}.hp-view-heading>span{letter-spacing:.1em;font-size:10px}.hp-fallback{inset:210px 17px 134px}.hp-projections{grid-template-columns:1fr;max-width:340px}.hp-projections svg{max-height:155px}.hp-projections figcaption{font-size:14px}.hp-fallback>p{font-size:13px}.hp-view-bottom{flex-direction:column;align-items:start;gap:8px;bottom:18px;left:15px;right:15px}.hp-view-bottom>div{gap:10px}.hp-view-bottom strong{font-size:18px}.hp-view-bottom span,.hp-view-bottom>p{font-size:13px}.hp-controls{padding:22px}.hp-aim{display:block}.hp-preview{margin-top:0}.hp-journal{padding:22px 18px}.hp-journal-heading{flex-direction:column;align-items:start;gap:11px}.hp-shot-list{gap:7px}.hp-shot-list li{gap:8px;padding:12px 3px}.hp-shot-list small{font-size:11px}.hp-shot-list span{font-size:13px}.hp-shot-list strong{font-size:19px}.hp-finale{padding:27px 21px}.hp-scene-notice{padding:16px 18px}.hp-scene-notice button,.hp-reset,.hp-reset>.hp-secondary{width:100%}.hp-loading{inset:220px 23px 135px}}@media (prefers-reduced-motion:reduce){.hoops-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}