.belting-page{--range-accent:#b5f26b;color:#ecf0e5;max-width:1540px;margin:auto;padding:32px clamp(14px,4vw,64px) 60px;font-family:Arial,Helvetica,sans-serif}.belting-page button,.belting-page input{font:inherit}.belting-page button{cursor:pointer}.belting-page button:disabled{cursor:default;opacity:.4}.belting-page button:focus-visible,.belting-page input:focus-visible,.belting-stage:focus-visible{outline-offset:4px;outline:3px solid #fff}.belting-heading{justify-content:space-between;align-items:center;padding:10px 0 26px;display:flex}.belting-heading a{color:#b3bcb1;letter-spacing:2px;font-size:10px;text-decoration:none}.belting-heading p{letter-spacing:3px;color:var(--range-accent);margin:26px 0 9px;font-size:10px}.belting-heading h1{letter-spacing:-3px;margin:0;font-size:clamp(34px,4.4vw,69px);font-weight:950;line-height:.97}.belting-heading h1 em{color:var(--range-accent);font-style:italic}.belting-heading h1 span{letter-spacing:12px;margin:12px 0 0 3px;font-size:18px;display:block}.belting-stamp{color:#c2ccb9;border:2px solid #849180;padding:16px 22px;font-size:19px;line-height:1.2;transform:rotate(5deg)}.belting-stamp strong{color:var(--range-accent)}.belting-venues{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px;display:grid}.belting-venues button{color:#ecf0e5;text-align:left;background:#1b2722;border:1px solid #38453c;border-radius:5px;padding:18px 20px;position:relative}.belting-venues button[aria-pressed=true]{border-color:var(--range-accent);box-shadow:inset 0 -3px var(--range-accent);background:#26372a}.belting-venues small{letter-spacing:2px;color:#a8b5a7;font-size:9px;display:block}.belting-venues b{letter-spacing:-.6px;margin:7px 0;font-size:22px;display:block}.belting-venues span{letter-spacing:1px;color:var(--range-accent);font-size:8px}.belting-machine{background:#16211c;border:1px solid #465247;border-radius:9px;overflow:hidden;box-shadow:0 20px 80px #0004}.belting-scoreboard{border-bottom:1px solid #3a493c;align-items:center;gap:34px;padding:17px 25px;display:flex}.belting-scoreboard small{letter-spacing:2px;color:#a6b4a7;margin-bottom:5px;font-size:9px;display:block}.belting-scoreboard strong{font-variant-numeric:tabular-nums;color:var(--range-accent);font-size:31px;line-height:1}.belting-scoreboard em{color:#89978b;font-size:16px;font-style:normal}.belting-scoreboard b{gap:6px;margin-top:10px;display:flex}.belting-scoreboard i{background:#f1f4e9;border-radius:100%;width:12px;height:12px;box-shadow:inset -2px -2px #bac9ab}.belting-scoreboard i.spent{box-shadow:none;background:#435044}.belting-tools{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:370px;margin-left:auto;display:flex}.belting-tools button{letter-spacing:.5px;color:#d6dfce;background:#253128;border:1px solid #52604f;border-radius:3px;padding:9px;font-size:9px}.belting-stage{isolation:isolate;outline:none;height:clamp(410px,46vw,630px);position:relative}.belting-stage canvas{display:block}.belting-location{pointer-events:none;color:#203a35;text-shadow:0 1px 12px #e8efe38a;position:absolute;top:24px;left:26px}.belting-location small{letter-spacing:2px;font-size:9px;font-weight:800}.belting-location p{margin:0;font-size:12px}.belting-callout{color:#eeffe1;text-align:center;pointer-events:none;background:#14291cdd;border:1px solid #bddeb35c;border-radius:3px;width:max-content;max-width:90%;padding:9px 17px;font-size:12px;font-weight:700;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.belting-combo{text-align:center;color:#193c2f;text-shadow:0 0 12px #f0f6d9;position:absolute;top:30px;right:24px}.belting-combo strong{font-size:65px;line-height:1;display:block}.belting-combo span,.belting-combo b{letter-spacing:2px;margin:4px 0;font-size:10px;display:block}.belting-help{color:#edf4e6;border:1px solid var(--range-accent);z-index:5;background:#162b23f5;border-radius:6px;width:min(360px,100% - 24px);padding:22px;font-size:13px;line-height:1.65;position:absolute;top:12px;right:12px}.belting-help h3{color:var(--range-accent);margin:0;font-size:24px}.belting-help button{float:right;color:#fff;background:0 0;border:0;font-size:26px}.belting-overlay{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4;background:#11251ddc;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.belting-overlay small{letter-spacing:3px;color:var(--range-accent);font-size:10px}.belting-overlay h2{letter-spacing:-2px;margin:12px 0 20px;font-size:clamp(27px,4vw,52px);line-height:1.05}.belting-overlay button,.belting-next button{background:var(--range-accent);color:#1c3024;border:0;border-radius:3px;padding:14px 22px;font-size:12px;font-weight:900}.belting-results>strong{color:var(--range-accent);font-size:clamp(38px,5vw,70px)}.belting-results>strong span{letter-spacing:2px;font-size:12px}.belting-results p{color:#c3d1be;font-size:13px}.belting-results>div{gap:12px;margin-top:14px;display:flex}.belting-next{background:#192d24ed;border:1px solid #72946a;border-radius:5px;align-items:center;gap:16px;width:max-content;max-width:95%;padding:12px;display:flex;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.belting-next span{font-size:12px}.belting-controls{background:#1b2a22;border-top:1px solid #5c6e52;grid-template-columns:1fr 1fr 1fr 1.4fr;align-items:center;gap:24px;padding:23px 25px;display:grid}.belting-controls label{min-width:0}.belting-controls label>span{letter-spacing:1px;color:#aebda8;justify-content:space-between;font-size:10px;display:flex}.belting-controls label b{color:#eef8e4;font-size:11px}.belting-controls input{width:100%;accent-color:var(--range-accent);cursor:pointer;height:27px;margin:7px 0}.belting-controls label small{letter-spacing:1.2px;color:#90a28d;font-size:8px}.belting-swing>button:first-child{background:var(--range-accent);color:#1c3624;letter-spacing:-.5px;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:4px;width:100%;padding:15px 8px 12px;font-size:19px;font-weight:950;box-shadow:0 4px #68824c}.belting-swing>button:first-child span{letter-spacing:1.6px;margin-top:6px;font-size:8px;display:block}.belting-swing>button.charging{background:#fff0a3;transform:translateY(2px)}.belting-hit{color:#c5d5bd;letter-spacing:1px;text-align:center;background:0 0;border:0;width:100%;padding:12px 0 0;font-size:9px!important}.belting-tip{color:var(--range-accent);flex-wrap:wrap;align-items:center;gap:30px;padding:23px 5px;font-size:11px;display:flex}.belting-tip b{color:#adbca6;letter-spacing:1px;margin-left:8px;font-size:9px}.belting-tip p{color:#849681;margin:0 0 0 auto;font-size:11px}.belting-fallback{color:#e7f4df;text-align:center;background:#24342b;padding:80px 25px}.belting-fallback button{margin:16px auto;padding:12px;display:block}.belting-page .game-score-bar{margin-top:20px}@media (width<=750px){.belting-heading{padding-bottom:20px}.belting-stamp{padding:12px;font-size:12px;transform:rotate(3deg)}.belting-heading h1{letter-spacing:-2px}.belting-heading p{letter-spacing:1px;font-size:8px}.belting-heading h1 span{letter-spacing:8px;font-size:13px}.belting-venues{gap:6px}.belting-venues button{padding:12px 10px}.belting-venues b{font-size:16px}.belting-venues small{letter-spacing:1px;font-size:7px}.belting-venues span{letter-spacing:0;font-size:7px}.belting-scoreboard{flex-wrap:wrap;gap:19px;padding:12px 14px}.belting-scoreboard strong{font-size:26px}.belting-scoreboard small{letter-spacing:1px;font-size:8px}.belting-tools{justify-content:flex-start;gap:6px;width:100%;max-width:none}.belting-tools button{padding:8px 10px;font-size:8px}.belting-stage{height:440px}.belting-location{top:17px;left:17px}.belting-location h2{font-size:25px}.belting-location p{font-size:10px}.belting-controls{grid-template-columns:1fr 1fr;gap:18px;padding:17px}.belting-controls label small{font-size:7px}.belting-swing>button:first-child{font-size:16px}.belting-tip{gap:15px}.belting-tip p{margin:0;line-height:1.5}.belting-next{flex-direction:column;gap:8px}.belting-next button{padding:12px}.belting-callout{font-size:10px}.belting-combo{top:110px;right:15px}.belting-combo strong{font-size:44px}.belting-help{padding:17px;font-size:12px}.belting-help p{margin:10px 0}}@media (prefers-reduced-motion:reduce){.belting-page *{scroll-behavior:auto!important;transition:none!important}}.belting-location{text-shadow:none;background:#f0f2e4df;border-radius:4px;padding:12px 16px}.belting-location p{max-width:280px}@media (width<=750px){.belting-location{padding:10px 12px}.belting-location p{max-width:240px}}.belting-page{--range-accent:#edc47a;color:#edeae1;background:radial-gradient(at 65% 0,#283137 0,#0000 48%);max-width:1680px;padding-top:20px}.belting-heading{padding-bottom:22px}.belting-heading p{margin-top:17px}.belting-heading h1{font-size:clamp(34px,4vw,61px)}.belting-heading h1 span{letter-spacing:5px;margin-left:20px;font-size:14px;display:inline-block}.belting-stamp{color:#c4bdaa;border-color:#867861;font-size:15px}.belting-venues button{background:#222c31;border-color:#435056;padding:14px 20px}.belting-venues button[aria-pressed=true]{background:#33372f}.belting-venues b{font-size:20px}.belting-machine{background:#1d282d;border-color:#647075;box-shadow:0 24px 80px #0008}.belting-scoreboard{background:linear-gradient(110deg,#263239,#1c282e);gap:36px;padding:16px 24px}.belting-scoreboard strong{color:#edcf98}.belting-scoreboard small{color:#a5b2b7}.belting-tools button{color:#d4dadc;background:#2a373e;border-color:#4c5e65}.belting-location{color:#f1eee2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d2d39c9;border:1px solid #c5d2d22b;border-radius:3px;max-width:360px;padding:13px 17px;top:22px;left:22px}.belting-location h2{letter-spacing:-.9px;margin:7px 0;font-size:27px}.belting-location small{color:#e5c58d;letter-spacing:1.6px;font-size:8px}.belting-location p{color:#b9c9d0;max-width:none;font-size:11px}.belting-flight-data{color:#fff2d8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#1d2d39bd;border:1px solid #c5d2d22b;border-radius:3px;gap:23px;padding:14px 18px;display:flex;position:absolute;top:22px;right:22px}.belting-flight-data span{display:block}.belting-flight-data small{letter-spacing:1.5px;color:#b9c9d0;font-size:8px;display:block}.belting-flight-data b{font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;display:block}.belting-flight-data em{color:#c5d0ce;font-size:11px;font-style:normal}.belting-combo{color:#ffdfa2;text-shadow:none;background:#1b2c3acc;border-left:3px solid #dfb667;padding:13px 20px;top:145px;right:28px}.belting-combo strong{font-size:50px}.belting-callout{color:#f4e2c1;background:#1d2d39e3;border-color:#abbabd60;padding:11px 20px;bottom:19px}.belting-controls{background:linear-gradient(120deg,#25333a,#1c292f);border-color:#617379;gap:28px;padding:20px 24px}.belting-controls label>span{color:#aebbc1}.belting-controls label small{color:#94a8b1}.belting-swing>button:first-child{color:#25343b;letter-spacing:.2px;background:#ecc98b;box-shadow:0 4px #94743f}.belting-hit{color:#c9c9b8}.belting-overlay{background:#13252dde}.belting-help{background:#172c39f5;border-color:#bca476}.belting-help h3{color:#e8c389}.belting-next{background:#1b2e3bf2;border-color:#7c8c8e}.belting-tip{color:#d9bf8a}.belting-tip b{color:#b6bfc2}.belting-tip p{color:#8e9fa7}@media (width<=750px){.belting-page{padding:16px 10px 40px}.belting-heading h1 span{letter-spacing:7px;margin:10px 0 0;font-size:12px;display:block}.belting-heading h1{font-size:37px}.belting-stamp{font-size:11px}.belting-venues button{padding:11px 9px}.belting-venues b{font-size:15px}.belting-scoreboard{gap:22px;padding:12px}.belting-stage{height:520px}.belting-location{max-width:calc(100% - 24px);padding:11px 13px;top:12px;left:12px}.belting-location h2{font-size:22px}.belting-location small{font-size:7px}.belting-location p{font-size:10px}.belting-flight-data{background:#1d2d399e;gap:20px;padding:9px 12px;top:112px;left:12px;right:auto}.belting-flight-data b{font-size:18px}.belting-flight-data small{letter-spacing:.7px;font-size:7px}.belting-flight-data em{font-size:9px}.belting-controls{gap:18px;padding:15px}.belting-combo{padding:10px;top:210px;right:12px}.belting-combo strong{font-size:38px}.belting-callout{max-width:calc(100% - 24px);font-size:10px}.belting-help{z-index:6}.belting-results p{line-height:1.5}}.belting-distance-strip{background:#14232c;border-top:1px solid #50606a;align-items:center;gap:clamp(20px,5vw,70px);padding:14px 25px;display:flex}.belting-distance-strip small{color:#aab9be;letter-spacing:1.5px;margin-bottom:4px;font-size:8px;display:block}.belting-distance-strip b{color:var(--range-accent);font-variant-numeric:tabular-nums;font-size:24px}.belting-distance-strip em{font-size:12px;font-style:normal}.belting-distance-strip p{letter-spacing:1px;color:#aab9be;margin:0 0 0 auto;font-size:9px}.belting-distance-strip p strong{color:var(--range-accent);margin-top:5px;display:block}@media (width<=750px){.belting-distance-strip{justify-content:space-between;gap:12px;padding:12px 15px}.belting-distance-strip b{font-size:21px}.belting-distance-strip small{letter-spacing:.8px;font-size:7px}.belting-distance-strip p{display:none}}.belting-tools .belting-fast[aria-pressed=true]{background:var(--range-accent);color:#172833;border-color:var(--range-accent);font-weight:800}.belting-heading h1,.belting-location h2,.belting-help h3,.belting-overlay h2{text-transform:none;font-family:Arial,Helvetica,sans-serif}.belting-help{max-height:calc(100% - 24px);overflow-y:auto}#main-content .belting-page{padding-top:110px}.belting-straight>strong{color:var(--range-accent);padding:14px 0 11px;font:800 15px Arial;display:block}.belting-stage{background:#a9c8da}.belting-straight>span{flex-wrap:wrap;gap:8px}.belting-straight>span b{white-space:nowrap}@media (width<=750px){.belting-straight>span{display:block}.belting-straight>span b{margin-top:5px;display:block}}.belting-controls{grid-template-columns:.75fr .75fr 2fr;align-items:start}.belting-three-click{min-width:0}.belting-meter-heading{letter-spacing:1px;color:#b1c0c6;justify-content:space-between;gap:12px;font-size:10px;display:flex}.belting-meter-heading strong{color:#f0ce92}.belting-meter{background:#101d25;border:1px solid #60757e;border-radius:4px;height:28px;margin:12px 3px 0;position:relative}.belting-meter-fill{background:linear-gradient(90deg,#7c6950,#e5ba64);border-radius:3px;position:absolute;inset:0 auto 0 0}.belting-meter.strike .belting-meter-fill{opacity:.2}.belting-meter-zone{background:#3cffa9;min-width:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #3cffa966}.belting-meter i{background:#fff;width:3px;position:absolute;top:-5px;bottom:-5px;transform:translate(-50%);box-shadow:0 0 5px #000}.belting-swing-feedback{color:#c6d4d5;min-height:28px;margin:10px 0;font-size:11px;line-height:1.4}.belting-three-button{color:#20343d;touch-action:manipulation;background:#ecc98b;border:0;border-radius:4px;width:100%;min-height:62px;padding:12px;font-size:19px!important;font-weight:900!important}.belting-three-button span{letter-spacing:1.4px;margin-top:6px;font-size:8px;display:block}.belting-three-click[data-swing-phase=strike] .belting-three-button{background:#70e7ac}@media (width<=750px){.belting-controls{grid-template-columns:1fr 1fr}.belting-three-click{grid-column:1/-1}.belting-swing-feedback{min-height:31px}}.belting-stage{background:#89a6b2;height:clamp(460px,51vw,700px)}.belting-stage:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 65px #12222c24}.belting-location{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(120deg,#142b39e8,#142b3970);border-left:2px solid #e7bb77;border-radius:2px;padding:13px 17px!important}.belting-location h2{font-size:25px!important}.belting-location p{font-size:11px!important}.belting-flight-data{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(120deg,#142b39db,#142b3977)!important}.belting-callout{z-index:2;background:#102c3ce8;border-color:#dfc39555;box-shadow:0 5px 22px #07172340}@media (width<=650px){.belting-stage{height:460px}.belting-location{padding:9px 11px!important}.belting-location h2{font-size:19px!important}.belting-location p{display:none}.belting-stage:after{box-shadow:inset 0 0 30px #12222c18}}
