.skyline-hoops{z-index:55;color:#f5e9d5;background:#0c1c2c;flex-direction:column;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.skyline-hoops *{box-sizing:border-box}.skyline-hoops button{color:inherit;cursor:pointer;background:#1a3042;border:1px solid #aacdc32b;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.skyline-hoops button:active{transform:scale(.96)}.skyline-hoops button:disabled{opacity:.4;cursor:default}.skyline-hoops button:focus-visible,.skyline-hoops input:focus-visible{outline-offset:4px;outline:3px solid #9ef5da}.sh-header{background:#0d2031;border-bottom:1px solid #b4daca19;flex-shrink:0;align-items:center;gap:16px;padding:16px 26px;display:flex}.sh-header>button{width:48px;padding:10px}.sh-header span,.sh-challenges>div>span,.sh-welcome>span,.sh-result>span{letter-spacing:2.3px;color:#94c7c1;font-size:10px;font-weight:800}.sh-header h1{letter-spacing:-1px;margin:2px 0;font-size:26px}.sh-medals{color:#ffd695;align-items:center;gap:8px;margin-left:auto;display:flex}.sh-body{flex-direction:column;flex:1;min-height:0;display:flex}.sh-stage{background:radial-gradient(#34455f,#142c40);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.sh-stage canvas{-o-object-fit:contain;object-fit:contain;touch-action:none;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.sh-court-label{text-shadow:0 2px 6px #102336;border-left:3px solid #a9f5dd;flex-direction:column;gap:5px;padding:0 12px;display:flex;position:absolute;top:20px;left:26px}.sh-court-label span{letter-spacing:2px;color:#bcdece;font-size:10px}.sh-court-label b{font-size:19px}.sh-shots{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e253bc4;border:1px solid #e1cba633;border-radius:30px;align-items:center;gap:8px;padding:9px 14px;display:flex;position:absolute;top:20px;right:26px}.sh-shots span{color:#bfd8db;font-size:11px}.sh-message{color:#effbdd;text-align:center;pointer-events:none;background:#0d2238c9;border-radius:24px;min-width:240px;padding:8px 20px;font-size:13px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sh-controls{background:#0d2031;border-top:1px solid #aacdc321;flex-shrink:0;align-items:center;gap:12px;padding:16px 26px 18px;display:flex}.sh-sliders{flex:1;gap:26px;max-width:680px;display:flex}.sh-sliders label{letter-spacing:1.8px;color:#92bcbd;flex:1;grid-template-columns:1fr auto;gap:7px;font-size:10px;display:grid}.sh-sliders b{color:#f5d3a7;letter-spacing:0}.sh-sliders input{accent-color:#95e5c7;cursor:pointer;grid-column:1/-1;width:100%;height:30px}.skyline-hoops .sh-primary{color:#2a2532;background:linear-gradient(135deg,#ffd39a,#ed9b70);border:1px solid #ffe2b7;min-height:48px;padding:13px 25px;box-shadow:0 5px 25px #d8955422}.sh-retry{width:48px}.sh-welcome{text-shadow:0 3px 20px #18314e;pointer-events:none;max-width:520px;position:absolute;top:12%;left:7%}.sh-welcome button{pointer-events:auto}.sh-welcome>span{color:#ffe9c9}.sh-welcome h2{letter-spacing:-3px;margin:22px 0 18px;font-size:clamp(38px,5vw,74px);line-height:1.02}.sh-welcome p{color:#e6efe9;font-size:16px;line-height:1.6}.sh-welcome small{color:#d7e3d9;margin-top:16px;font-size:11px;display:block}.sh-lobby{overflow:auto}.sh-lobby .sh-body{flex:none}.sh-lobby .sh-stage{flex:none;height:min(65vh,650px);min-height:370px}.sh-lobby .sh-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0a1c358c,#0000 75%);position:absolute;inset:0}.sh-challenges{background:linear-gradient(#0d2031,#0b1828);padding:30px 7% 48px}.sh-challenges h2{letter-spacing:-.7px;margin:8px 0;font-size:26px}.sh-challenges p{color:#92aaad;font-size:13px}.skyline-hoops .sh-court-grid button{background:linear-gradient(135deg,#244553,#132a3c);border-color:#8eceb329;flex-direction:column;align-items:flex-start;padding:20px;position:relative}.sh-court-grid i{letter-spacing:-1px;color:#88cfbb;font-size:29px;font-style:normal;font-weight:300}.sh-court-grid b{font-size:14px}.sh-court-grid span{color:#ffce8c;letter-spacing:3px}.sh-court-grid small{letter-spacing:1.3px;color:#8bb6b6;font-size:8px}.sh-result-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:4;background:#081b3288;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.sh-result{text-align:center;background:linear-gradient(150deg,#24434f,#14263c);border:1px solid #b9e4c75c;border-radius:28px;max-width:460px;padding:30px 40px;box-shadow:0 24px 80px #020e2188}.sh-result h2{letter-spacing:-2px;color:#ffce95;margin:8px 0;font-size:40px}.sh-result p{color:#bfd6cb;font-size:14px}.sh-result button{width:100%;margin-top:9px}.sh-result button:not(.sh-primary){background:0 0;border-color:#0000;font-size:12px}.sh-courts{margin-right:110px}@media (width>=1000px){.sh-stage{max-height:calc(100dvh - 181px)}}@media (width<=700px){.sh-header{gap:10px;padding:12px 14px}.sh-header h1{font-size:22px}.sh-header span{letter-spacing:1.4px;font-size:8px}.sh-header>button{width:44px}.sh-medals small{display:none}.sh-court-label{top:14px;left:14px}.sh-court-label b{font-size:15px}.sh-shots{padding:7px 10px;top:14px;right:14px}.sh-shots svg{width:17px}.sh-shots b{font-size:18px}.sh-controls{flex-wrap:wrap;gap:8px;padding:12px 14px 82px}.sh-sliders{flex-basis:100%;gap:20px;max-width:none}.sh-controls .sh-shoot{flex:1}.sh-courts{margin-right:0}.sh-welcome{max-width:86%;top:8%;left:7%}.sh-welcome h2{letter-spacing:-2px;font-size:43px}.sh-welcome>span{letter-spacing:1.3px;font-size:8px}.sh-welcome p{font-size:13px}.sh-welcome small{font-size:9px}.sh-lobby .sh-stage{height:470px;min-height:0}.sh-lobby .sh-stage canvas{-o-object-fit:cover;object-fit:cover;-o-object-position:65%;object-position:65%;height:100%;position:absolute;inset:auto 0 0}.sh-lobby .sh-stage:after{background:linear-gradient(#0a1c3588,#0000)}.sh-challenges{padding:25px 18px 80px}.sh-challenges h2{font-size:22px}.sh-court-grid{grid-template-columns:repeat(2,1fr)}.sh-court-grid button{padding:16px!important}.sh-message{width:90%;min-width:0;font-size:11px;bottom:7px}.sh-result{max-width:340px;padding:22px}.sh-result h2{font-size:34px}.sh-stars{font-size:36px}}@media (height<=500px) and (orientation:landscape){.sh-header{height:54px;padding:5px 14px}.sh-header h1{font-size:19px}.sh-header span{font-size:7px}.sh-controls{gap:8px;height:63px;padding:7px 15px}.sh-sliders{flex-basis:auto;gap:14px}.sh-controls .sh-shoot{flex:none;padding:9px 14px}.sh-courts{margin-right:100px}.sh-stage{max-height:none}.sh-court-label{top:8px;left:12px}.sh-court-label b{font-size:13px}.sh-shots{padding:3px 10px;top:8px}.sh-message{padding:4px 12px;font-size:10px;bottom:4px}.sh-result{padding:12px 28px}.sh-result h2{margin:4px;font-size:27px}.sh-stars{font-size:27px}.sh-result p{margin:4px}.sh-result button{min-height:36px;margin-top:3px;padding:8px}.sh-lobby .sh-stage{height:420px}.sh-welcome h2{font-size:48px}}@media (prefers-reduced-motion:reduce){.skyline-hoops button{transition:none}}@media (width<=700px) and (orientation:portrait){.sh-stage{background:radial-gradient(circle at 18% 13%,#fbe6c899 0 1px,#0000 2px),radial-gradient(circle at 77% 19%,#fbe6c888 0 1px,#0000 2px),radial-gradient(circle at 52% 6%,#fbe6c855 0 1px,#0000 2px),radial-gradient(circle at 90% 28%,#fbe6c855 0 1px,#0000 2px),linear-gradient(#264165 0 50%,#143546 50% 100%)}.sh-stage canvas{z-index:1}.sh-court-label,.sh-shots,.sh-message{z-index:2}.sh-result-backdrop{z-index:4}.sh-stage:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 76px,#90e9da0a 77px 78px);position:absolute;inset:50% 0 0}}.sh-shots{right:120px}@media (width<=700px){.sh-court-label b{text-overflow:ellipsis;white-space:nowrap;max-width:155px;overflow:hidden}}.sh-header{background:linear-gradient(#16302df5,#0e242be8);border-color:#f9d19144;box-shadow:0 4px 25px #08252277}.sh-header h1{letter-spacing:-.8px;text-shadow:0 2px 8px #081e25;font-family:Georgia,serif;font-size:29px;font-weight:700}.sh-stage{background:#233d37;max-height:none!important}.sh-stage:before{display:none}.sh-stage canvas{-o-object-fit:fill!important;object-fit:fill!important;inset:0!important}.sh-court-label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#16362dc7,#183f3988);border:1px solid #ffe2a655;border-radius:15px;padding:10px 16px;box-shadow:0 5px 20px #082c2733}.sh-court-label span{color:#ffdb99}.sh-shots{color:#ffdda2;z-index:2;background:linear-gradient(135deg,#173a2ee8,#122c37e8);border-color:#f5d79677;box-shadow:0 5px 20px #14272d66}.sh-controls{background:linear-gradient(#1c3f3b,#102c30);border-color:#efc97a55;box-shadow:0 -8px 35px #0d312d55}.skyline-hoops button{background:linear-gradient(145deg,#385e52,#173637);border-color:#edce8b66;box-shadow:inset 0 1px #ffecbb22,0 3px #08272366}.skyline-hoops .sh-primary{color:#3f3027;text-shadow:0 1px #ffe9b5;background:linear-gradient(#fff0b6 0%,#f6c570 45%,#d88d43 100%);border:1px solid #ffeabb;border-bottom:3px solid #9d642d;box-shadow:inset 0 2px #fff7db,0 5px 18px #bd802d33}.sh-message{color:#fff2c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14382bce;border:1px solid #f0d48944;box-shadow:0 5px 25px #123b3177}.sh-welcome{text-shadow:0 3px 15px #143225,0 2px 30px #152a23;top:15%;left:6%}.sh-welcome h2{letter-spacing:-2px;color:#fff4d8;font-family:Georgia,serif;font-weight:700;line-height:1.06}.sh-welcome h2 em{color:#ffe0a3;font-style:italic}.sh-welcome p{color:#fff5dd}.sh-welcome>span{letter-spacing:1.4px;background:#15332cb3;border:1px solid #fadd9866;border-radius:24px;padding:8px 12px;display:inline-block}.sh-welcome{z-index:2}.sh-challenges{background:linear-gradient(#153c35,#102b30)}.sh-challenges h2{color:#ffe5b6;font-family:Georgia,serif;font-size:30px}.sh-challenges>div>span{color:#e9c586}.sh-court-grid{gap:18px}.skyline-hoops .sh-court-grid button{background-image:linear-gradient(#10272c00 15%,#163e30ee 75%,#163b31 100%),url(/images/skyline-hoops/court-v2.webp);background-position:50%;background-size:cover;border:1px solid #dbbd7166;border-bottom:3px solid #ad8e46;border-radius:20px;min-height:205px;overflow:hidden;box-shadow:0 8px 24px #092c2b66,inset 0 1px #fff5bd33;padding:105px 18px 18px!important}.sh-court-grid button:nth-child(3n+2){background-position:20%}.sh-court-grid button:nth-child(3n){background-position:80%}.sh-court-grid i{color:#49341e;background:linear-gradient(135deg,#ffdfa7,#ac7033);border:2px solid #f4d08f;border-radius:50%;place-items:center;width:43px;height:43px;font-family:Georgia,serif;font-size:20px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 3px 10px #16312466}.sh-court-grid b{letter-spacing:.1px;color:#fff1d2;text-shadow:0 2px 4px #123025;font-family:Georgia,serif;font-size:18px}.sh-court-grid span{color:#ffdc8e;font-size:20px}.sh-court-grid small{color:#c7e6c9}.sh-result{background:linear-gradient(145deg,#335d48,#16392e);border:2px solid #e9cb8e;box-shadow:inset 0 0 0 5px #173a2c,0 25px 90px #09271999}.sh-result h2{color:#ffe7af;font-family:Georgia,serif}.sh-result>span{color:#ecc78c}.sh-stars .earned{color:#ffe5a0}.sh-sliders input{accent-color:#ebc77d}@media (width<=700px){.sh-header h1{font-size:25px}.sh-controls{padding:13px 14px max(18px,env(safe-area-inset-bottom));gap:10px}.sh-court-label{padding:8px 10px;top:12px;left:12px}.sh-court-label b{max-width:150px;font-size:16px}.sh-shots{top:14px;right:72px}.sh-welcome{top:14%;left:7%}.sh-welcome h2{font-size:45px}.sh-welcome>span{padding:7px 9px;font-size:7px}.sh-welcome p{font-size:14px}.sh-lobby .sh-stage{height:520px}.sh-court-grid{gap:12px}.sh-court-grid b{font-size:16px}.sh-challenges h2{font-size:25px}.sh-challenges{padding:27px 18px 45px}}@media (height<=500px) and (orientation:landscape){.sh-header h1{font-size:23px}.sh-controls{gap:8px;height:63px;padding:7px 15px}.sh-court-label{padding:6px 10px;top:8px;left:12px}.sh-court-label b{font-size:15px}.sh-shots{right:120px}.sh-result{padding:12px 28px}.sh-welcome{top:11%}}.skyline-hoops{color:#fff5cd;overscroll-behavior:none;background:#082a59;height:100dvh;max-height:100dvh;font-family:Nunito,Trebuchet MS,system-ui,sans-serif;overflow:hidden!important}.skyline-hoops button{color:#edfbff;background:linear-gradient(#266fc0,#12467f);border:2px solid #b9f2ff88;border-radius:15px;min-height:44px;font-weight:1000;box-shadow:inset 0 2px #fff3,0 3px #062349}.sh-header{height:calc(68px + env(safe-area-inset-top));padding:max(10px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 10px max(22px,env(safe-area-inset-left));background:linear-gradient(#14569a,#093c72);border-bottom:2px solid #99e5f844;gap:14px}.sh-header h1{letter-spacing:-1px;text-shadow:0 3px #062950;color:#ffe990;font-family:inherit;font-size:28px;font-weight:1000}.sh-header em{color:#fff8da;font-style:normal}.sh-header span{letter-spacing:1.7px;color:#bcecff;font-size:8px}.sh-header>button{width:44px;height:44px;padding:9px}.sh-medals{color:#ffe586;gap:7px}.sh-medals b{font-size:22px}.sh-medals small{color:#c0e9ff}.sh-body{min-height:0;flex:1!important}.sh-stage,.sh-lobby .sh-stage{background:#2c99cd;flex:1!important;height:auto!important;min-height:0!important;max-height:none!important}.sh-stage canvas{z-index:0;width:100%!important;height:100%!important;inset:0!important}.sh-lobby .sh-stage:after{z-index:1;background:linear-gradient(90deg,#073b7177,#0000 65%),linear-gradient(#0000 35%,#09437966)}.sh-welcome{text-shadow:0 3px 7px #11467bcc;z-index:2;max-width:52%;top:15%;left:7%}.sh-welcome>span{letter-spacing:1.5px;color:#fff3a8;background:#0b4178bd;border:1px solid #b6ecff88;padding:7px 10px;font-size:8px}.sh-welcome h2{letter-spacing:-2.5px;color:#fff9d6;margin:15px 0;font-family:inherit;font-size:clamp(34px,5.6vw,74px);font-weight:1000;line-height:.99}.sh-welcome h2 em{color:#ffe077;text-shadow:0 4px #85572366;font-style:normal}.sh-welcome p{color:#f7fcff;margin:12px 0 17px;font-size:15px;font-weight:800;line-height:1.45}.sh-welcome small{color:#e3f6ff;margin-top:12px;font-size:9px}.skyline-hoops .sh-primary{color:#674119;text-shadow:none;background:linear-gradient(#fff4b0,#ffdc64 55%,#edac37);border:2px solid #fff1b3;border-bottom:3px solid #bd781d;min-height:52px;font-size:15px;font-weight:1000;box-shadow:inset 0 2px #fff8d5,0 4px #9e6021,0 9px 16px #072f5b44}.sh-challenges{padding:12px max(22px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:linear-gradient(#0e4d8b,#082f63);border-top:2px solid #aceaff66;flex:none}.sh-challenges>div:first-child{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.sh-challenges>div>span{display:none}.sh-challenges h2{letter-spacing:0;color:#ffe99d;margin:0;font-family:inherit;font-size:17px;font-weight:1000}.sh-challenges p{color:#d2edff;margin:0;font-size:10px;font-weight:800}.sh-court-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.skyline-hoops .sh-court-grid button{background-image:linear-gradient(#15417611,#104476dd 60%,#072d62),url(/images/skyline-hoops/court-day.webp);background-size:cover;border:1px solid #ace8ff;border-bottom:3px solid #1265a8;border-radius:15px;justify-content:flex-end;align-items:center;gap:5px;box-shadow:inset 0 1px #f7ffff66,0 4px #052855;min-height:95px!important;padding:10px 8px!important}.sh-court-grid button:nth-child(5),.sh-court-grid button:nth-child(7){background-image:linear-gradient(#15417611,#104476dd 60%,#072d62),url(/images/skyline-hoops/court-v2.webp)}.sh-court-grid i{color:#6b431c;background:#ffde81;border:0;border-radius:50%;width:24px;height:24px;font-family:inherit;font-size:11px;font-weight:1000;position:static;box-shadow:0 2px #96621d}.sh-court-grid b{letter-spacing:0;color:#f8fdff;text-align:center;min-height:20px;font-family:inherit;font-size:clamp(9px,1.1vw,15px);line-height:1.15}.sh-court-grid span{letter-spacing:1px;color:#ffe48b;font-size:12px}.sh-controls{padding:10px max(22px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:linear-gradient(#15599b,#09346c);border-top:2px solid #b1ebff55;flex:none;justify-content:flex-end;align-items:center;gap:10px;height:auto;min-height:74px;display:flex;position:relative;box-shadow:0 -5px 18px #05295044}.sh-controls .sh-shoot{flex:none;order:1;min-width:145px;min-height:50px;font-size:17px}.sh-shoot img{-o-object-fit:contain;object-fit:contain;width:28px;height:28px}.sh-tune{order:2;min-width:105px;padding:10px;font-size:11px}.sh-tune svg{width:18px}.sh-retry{order:3;width:46px;height:46px;padding:9px}.sh-courts{order:4;min-height:46px;margin:0;font-size:11px}.sh-sliders{z-index:3;background:#0b3d74f2;border:2px solid #b3edff;border-radius:18px;gap:20px;width:min(580px,100% - 44px);max-width:none;padding:14px 18px;position:absolute;bottom:calc(100% + 8px);left:22px;box-shadow:0 10px 28px #062d6388}.sh-sliders[hidden]{display:none}.sh-sliders label{color:#d5f3ff;letter-spacing:1px;font-size:9px}.sh-sliders b{color:#ffe78b}.sh-sliders input{accent-color:#ffe074;touch-action:auto;height:35px}.sh-court-label{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b427dbc;border:1px solid #b9eaff88;border-radius:14px;padding:8px 12px;top:12px;left:18px;box-shadow:0 4px #082e6277}.sh-court-label span{color:#ffeaa0;letter-spacing:1.2px;font-size:8px}.sh-court-label b{color:#f5ffff;font-family:inherit;font-size:16px;font-weight:1000}.sh-shots{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b427ddd;border:1px solid #b9eaff88;border-radius:14px;min-height:40px;padding:7px 10px;top:12px;right:90px;box-shadow:0 4px #082e6277}.sh-shots img{-o-object-fit:contain;object-fit:contain;width:25px;height:25px}.sh-shots b{font-size:18px}.sh-shots span{font-size:9px}.sh-message{-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff3bb;z-index:2;background:#0a387bc9;border:1px solid #b3eaff66;border-radius:14px;min-width:0;max-width:85%;padding:6px 14px;font-size:11px;font-weight:900;bottom:10px}.sh-result-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4;background:#08265699;padding:14px}.sh-result{color:#6e451d;background:linear-gradient(#fff5d7,#ffe9b6);border:3px solid #fff7e4;border-radius:25px;width:min(440px,96%);max-height:100%;padding:25px;overflow:auto;box-shadow:0 7px #b88230,0 20px 50px #08294a88}.sh-result>span{color:#97712f;letter-spacing:1.5px;font-size:9px;font-weight:1000}.sh-result h2{color:#7b421d;letter-spacing:-1px;margin:10px 0;font-family:inherit;font-size:39px;font-weight:1000}.sh-result p{color:#725535;font-size:12px;font-weight:800;line-height:1.4}.sh-stars{letter-spacing:8px;color:#d3bc90;font-size:41px}.sh-stars .earned{color:#f7b927;text-shadow:0 3px #bd761e,0 0 15px #fff4a0}.sh-result button{min-height:46px;font-size:13px}.sh-result button:not(.sh-primary){color:#765022}.sh-result .sh-primary{width:100%;font-size:15px}@media (width<=700px) and (orientation:portrait){.sh-header{height:calc(62px + env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:10px}.sh-header h1{font-size:23px}.sh-header span{letter-spacing:1px;font-size:6px}.sh-medals b{font-size:17px}.sh-medals svg{width:18px}.sh-welcome{max-width:64%;top:10%;left:6%}.sh-welcome h2{letter-spacing:-1.6px;font-size:37px}.sh-welcome p{margin:11px 0 15px;font-size:11px;line-height:1.45}.sh-welcome>span{letter-spacing:1px;padding:6px 8px;font-size:6px}.sh-welcome small{max-width:200px;font-size:8px}.sh-welcome .sh-primary{min-height:49px;padding:10px 18px;font-size:14px}.sh-challenges{padding:10px 13px max(14px,env(safe-area-inset-bottom))}.sh-challenges>div:first-child{display:block}.sh-challenges h2{font-size:15px}.sh-challenges p{margin-top:4px;font-size:8px}.sh-court-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.skyline-hoops .sh-court-grid button{border-radius:12px;gap:3px;min-height:70px!important;padding:7px 4px!important}.sh-court-grid b{min-height:19px;font-size:8px}.sh-court-grid i{width:19px;height:19px;font-size:9px}.sh-court-grid span{font-size:10px}.sh-controls{padding:9px 13px max(14px,env(safe-area-inset-bottom));flex-wrap:nowrap;gap:7px;min-height:70px}.sh-controls .sh-shoot{min-width:108px;min-height:46px;font-size:14px}.sh-tune{min-width:44px;padding:9px;font-size:9px}.sh-tune span{display:none}.sh-courts{padding:10px;font-size:10px}.sh-sliders{gap:15px;width:calc(100% - 24px);padding:12px;left:12px}.sh-court-label{top:10px;left:12px}.sh-court-label b{max-width:145px;font-size:13px}.sh-shots{font-size:12px;top:10px;right:75px}.sh-shots img{width:20px;height:20px}.sh-shots b{font-size:16px}.sh-shots span{display:none}.sh-message{width:max-content;max-width:90%;padding:6px 10px;font-size:9px}}@media (orientation:portrait) and (height<=650px){.sh-welcome h2{margin:10px 0;font-size:31px}.sh-welcome p,.sh-welcome small{display:none}.sh-welcome{top:12%}.sh-welcome .sh-primary{min-height:44px}.sh-challenges p{display:none}.skyline-hoops .sh-court-grid button{min-height:64px!important}.sh-court-grid i{display:none}}@media (orientation:landscape) and (height<=520px){.sh-header{height:calc(54px + env(safe-area-inset-top));padding:4px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));gap:10px}.sh-header>button{width:44px;height:44px;min-height:44px;padding:8px}.sh-header h1{font-size:21px}.sh-header span{display:none}.sh-medals b{font-size:17px}.sh-medals svg{width:19px}.sh-welcome{max-width:49%;top:10%;left:5%}.sh-welcome h2{letter-spacing:-1px;margin:9px 0;font-size:34px}.sh-welcome p{margin:8px 0 10px;font-size:10px}.sh-welcome small{display:none}.sh-welcome>span{padding:4px 8px;font-size:6px}.sh-welcome .sh-primary{min-height:44px;padding:8px 18px;font-size:12px}.sh-challenges{padding:8px 16px max(10px,env(safe-area-inset-bottom))}.sh-challenges h2{font-size:13px}.sh-challenges p{font-size:8px}.sh-court-grid{gap:7px;margin-top:7px}.skyline-hoops .sh-court-grid button{border-radius:11px;gap:3px;min-height:63px!important;padding:6px 4px!important}.sh-court-grid i{display:none}.sh-court-grid b{min-height:20px;font-size:8px}.sh-court-grid span{font-size:11px}.sh-controls{min-height:60px;padding:7px max(16px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:9px}.sh-controls .sh-shoot{min-width:135px;min-height:44px;padding:8px 17px;font-size:14px}.sh-tune{min-width:93px;min-height:44px;font-size:10px}.sh-retry,.sh-courts{height:44px;min-height:44px}.sh-court-label{padding:5px 9px;top:7px;left:12px}.sh-court-label span{font-size:7px}.sh-court-label b{font-size:12px}.sh-shots{min-height:33px;padding:4px 9px;top:7px;right:84px}.sh-shots img{width:20px;height:20px}.sh-shots b{font-size:16px}.sh-message{padding:4px 10px;font-size:9px;bottom:5px}.sh-sliders{height:94px;padding:10px 16px;bottom:calc(100% + 7px)}.sh-result{max-width:405px;padding:14px 22px}.sh-result h2{margin:5px 0;font-size:29px}.sh-stars{font-size:29px}.sh-result p{margin:7px 0}.sh-result button{min-height:44px;margin-top:5px;padding:8px}.sh-result .sh-primary{font-size:13px}}@media (prefers-reduced-motion:reduce){.skyline-hoops *{transition:none!important;animation:none!important}}.sh-result-avatar{background:url(/images/skyline-hoops/player-atlas.webp) 0 100%/200% 200% no-repeat;width:88px;height:88px;margin:0 auto 10px}.sh-stars .earned{animation:.5s ease-out both sh-medal-pop}@keyframes sh-medal-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@media (orientation:landscape) and (height<=520px){.sh-result-avatar{display:none}}@media (prefers-reduced-motion:reduce){.sh-stars .earned{animation:none}}@media (orientation:portrait) and (height<=650px){.sh-result-avatar{display:none}}@media (orientation:landscape) and (height<=360px){.sh-welcome{max-width:55%;top:7%}.sh-welcome>span,.sh-welcome p{display:none}.sh-welcome h2{margin:6px 0 10px;font-size:27px;line-height:1}.sh-welcome .sh-primary{min-height:44px;padding:8px 16px}.sh-challenges p{display:none}.sh-challenges{padding-top:6px}.sh-court-grid{margin-top:5px}}@media (width<=360px) and (orientation:portrait){.sh-controls{gap:6px;padding-left:10px;padding-right:10px}.sh-controls .sh-shoot{white-space:nowrap;width:96px;min-width:96px;padding:8px}.sh-controls .sh-tune,.sh-controls .sh-retry{flex:none;width:44px;min-width:44px;padding:8px}.sh-controls .sh-courts{white-space:nowrap;min-width:60px;padding:8px 6px}}.sh-powerbar{z-index:3;gap:7px;display:flex;position:absolute;top:78px;left:18px}.skyline-hoops .sh-powerbar button{background:#0b3c78db;border-color:#a1dfff80;gap:5px;min-height:44px;padding:4px 10px;font-size:10px}.sh-powerbar button[aria-pressed=true]{background:#245b8ae8!important;border-color:#ffe385!important;box-shadow:0 0 12px #ffe27477,inset 0 0 8px #ffed9833!important}.sh-power-icon{background-image:url(/images/skyline-hoops/objects.webp);background-repeat:no-repeat;flex:none;width:30px;height:30px;display:block}.sh-tour-tabs{gap:6px;display:flex}.skyline-hoops .sh-tour-tabs button{border-radius:10px;min-height:44px;padding:4px 9px;font-size:9px}.sh-tour-tabs button[aria-pressed=true]{color:#54391e;background:linear-gradient(#ffedaa,#f4c363);border-color:#ffe8a7}.sh-challenges>div:first-child{flex-wrap:wrap;gap:6px}.sh-challenges p{margin-left:auto}@media (width<=700px) and (orientation:portrait){.sh-powerbar{gap:5px;top:73px;left:12px}.sh-powerbar button span:not(.sh-power-icon){display:none}.skyline-hoops .sh-powerbar button{width:44px;padding:4px}.sh-challenges>div:first-child{display:flex}.sh-challenges p{display:none}.sh-tour-tabs{margin-left:auto}.skyline-hoops .sh-tour-tabs button{min-height:44px;padding:4px 7px;font-size:8px}.sh-challenges h2{font-size:12px}}@media (orientation:landscape) and (height<=520px){.sh-powerbar{top:55px;left:12px}.sh-powerbar button span:not(.sh-power-icon){display:none}.skyline-hoops .sh-powerbar button{width:44px;padding:3px}.sh-challenges p{display:none}.sh-tour-tabs{margin-left:auto}.sh-tour-tabs button{height:44px}.sh-challenges>div:first-child{align-items:center;height:44px}.sh-power-icon{width:29px;height:29px}.sh-welcome{top:6%}.sh-welcome p{display:none}}@media (orientation:landscape) and (height<=360px){.sh-welcome h2{margin:3px 0 7px;font-size:23px}.sh-challenges h2{font-size:11px}.sh-court-grid{gap:5px}.sh-welcome .sh-primary{min-height:44px}}.skyline-hoops{color:#fff4d4;background:#123e56 url(/images/skyline-hoops/court-day.webp) 50%/cover no-repeat}.sh-header{background:linear-gradient(#123d4fea,#092b3ae8);border-bottom:1px solid #ffda8b66;box-shadow:0 4px 18px #05233144}.sh-header h1{color:#ffe9a4;text-shadow:0 2px #193549}.sh-header em{color:#fff8dc}.sh-header>span{color:#e2efd9}.skyline-hoops button{background:linear-gradient(#2d6468,#153d50);border-color:#ecd29599;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:inset 0 1px #fff1bd44,0 3px #082838}.skyline-hoops button:hover{filter:brightness(1.08)}.skyline-hoops button:active{transform:translateY(2px)scale(.97);box-shadow:inset 0 1px #fff1bd33,0 1px #082838}.skyline-hoops .sh-primary{color:#63441e;background:linear-gradient(#fff5bd,#ffe188 35%,#f3bc55 75%,#d89135);border-color:#fff0bb;border-radius:18px;box-shadow:inset 0 2px #fffbe1,0 4px #956025,0 9px 20px #05263855}.sh-lobby .sh-stage:after{background:linear-gradient(90deg,#062b4a77,#0000 63%),linear-gradient(#0000 60%,#052e4944)}.sh-welcome>span{color:#fff0b4;background:#0b3b47bb;border-color:#ffe4a080}.sh-welcome h2{text-shadow:0 3px 10px #073c51}.sh-welcome h2 em{color:#ffe79f}.sh-welcome p{text-shadow:0 2px 7px #06364a}.sh-challenges,.sh-controls{background:linear-gradient(#154556ef,#092d3cf5);border-color:#f9da9977;box-shadow:0 -5px 25px #062f4744}.sh-challenges h2{color:#fff0bd}.sh-tour-progress{font-weight:800;letter-spacing:0!important;color:#e0edd9!important;font-size:9px!important;display:block!important}.skyline-hoops .sh-court-grid button{background-image:linear-gradient(#11394300,#174e53bb 48%,#0b3447),url(/images/skyline-hoops/court-day.webp);border-color:#e7d094aa #e7d094aa #a78948;box-shadow:inset 0 1px #fff5ca88,0 3px #062b3c}.sh-court-grid button:nth-child(n+6){background-image:linear-gradient(#11394300,#174e53bb 48%,#0b3447),url(/images/skyline-hoops/court-night.webp)}.sh-court-grid span{color:#ffe694;text-shadow:0 1px #886026}.sh-court-grid i{background:linear-gradient(#fff2b4,#dfaa48);box-shadow:0 2px #9a6c2a}.sh-court-label,.sh-shots{background:linear-gradient(#1b5361d9,#0d3447e3);border-color:#eacf9299;box-shadow:0 3px #082c3d55}.sh-court-label b{color:#fff5d9}.sh-message{color:#fff1bf;background:#0c344ae6;border-color:#f4d69a66}.sh-powerbar button{background:linear-gradient(#245769e8,#0b324ce8)!important;border-radius:15px!important;box-shadow:inset 0 1px #fff4,0 3px #062735!important}.sh-powerbar button[aria-pressed=true]{animation:1.8s ease-in-out infinite sh-power-glow;background:linear-gradient(#5c6471,#194a58)!important}.sh-result-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(#1b516144,#061d38bb)}.sh-result{background:linear-gradient(#fff8e2,#ffeaba);border:3px solid #fff4c6;border-radius:30px;animation:.4s cubic-bezier(.2,.9,.2,1.2) sh-result-in;box-shadow:inset 0 0 0 3px #d0a86788,0 6px #a17733,0 18px 70px #032333aa}.sh-stars span{display:inline-block}.sh-stars span:nth-child(2){animation-delay:.1s}.sh-stars span:nth-child(3){animation-delay:.2s}.sh-arrival{z-index:4;pointer-events:none;text-align:center;color:#68461f;background:linear-gradient(#fff5d9f5,#f6d790ed);border:2px solid #ffeab8;border-radius:24px;width:max-content;max-width:80%;padding:16px 30px;animation:1.8s both sh-arrive;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 4px #fff5,0 6px #a97b36,0 12px 30px #072e5755}.sh-arrival span{letter-spacing:2px;color:#987031;font-size:8px;font-weight:900;display:block}.sh-arrival b{margin:6px 0;font-size:26px;line-height:1.1;display:block}.sh-arrival small{font-size:10px;font-weight:800}.sh-court-label{animation:.35s ease-out sh-result-in}@keyframes sh-arrive{0%{opacity:0;transform:translate(-50%,12px)scale(.8)}15%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-15px)scale(1.03)}}@keyframes sh-result-in{0%{opacity:0;translate:0 12px;scale:.8}to{opacity:1;translate:0;scale:1}}@keyframes sh-power-glow{50%{box-shadow:0 0 17px #ffe693aa,inset 0 0 10px #ffeebd44}}@media (orientation:landscape){.sh-header{height:58px;padding-top:6px;padding-bottom:6px}.sh-header h1{font-size:25px}.sh-controls{min-height:64px;padding-top:8px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.sh-challenges{padding-top:7px}.sh-welcome{max-width:51%;left:5%}.sh-welcome h2{font-size:clamp(28px,4.5vw,68px)}.sh-arrival{padding:12px 24px;top:18%}.sh-arrival b{font-size:22px}}@media (orientation:landscape) and (height<=520px){.sh-header{height:52px}.sh-header h1{font-size:21px}.sh-controls{min-height:60px}.sh-tour-progress{display:none!important}.sh-arrival{padding:10px 20px;top:10%}.sh-arrival b{margin:4px 0;font-size:19px}.sh-arrival small{font-size:9px}.sh-welcome h2{margin:5px 0 10px;font-size:30px;line-height:1}.sh-welcome>span,.sh-welcome p{display:none}.sh-challenges>div:first-child{height:44px}.sh-court-grid{margin-top:6px}.sh-welcome .sh-primary{min-height:44px}}@media (orientation:landscape) and (height<=360px){.sh-welcome h2{margin:3px 0 7px;font-size:23px}.sh-arrival{padding:7px 15px;top:4%}.sh-arrival b{font-size:16px}.sh-arrival span{font-size:7px}.sh-arrival small{display:none}}@media (width<=700px) and (orientation:portrait){.sh-arrival{padding:15px 22px;top:22%}.sh-arrival b{font-size:23px}.sh-tour-progress{display:none!important}}@media (prefers-reduced-motion:reduce){.sh-arrival,.sh-result,.sh-court-label,.sh-powerbar button{animation:none!important}.sh-arrival{opacity:1}}.sh-calm *,.sh-calm :before,.sh-calm :after{transition:none!important;animation:none!important}@media (orientation:landscape){.skyline-hoops{background-position:bottom;background-size:cover}.sh-stage,.sh-lobby .sh-stage{background:0 0!important}}