:root{--sbm-orange:#f26b21;--sbm-orange-dark:#c4511a}html,body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#9cc9ec;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}button{font:inherit;cursor:pointer}#hud,#wind{top:calc(12px + env(safe-area-inset-top));pointer-events:none;background:#00000073;border-radius:8px;padding:8px 12px;font-size:14px;line-height:1.5;position:fixed}#hud{left:12px}#hole{font-weight:600}#wind{text-align:center;min-width:56px;right:12px}#wind-label{text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:11px}#wind-arrow{font-size:24px;line-height:1;transition:transform .3s}#controls{pointer-events:none;position:fixed;inset:0}#controls[hidden]{display:none}#readout{text-align:center;text-shadow:0 1px 3px #000000b3;padding:0 12px;font-size:16px;font-weight:600;position:absolute;bottom:calc(32% + 84px);left:0;right:0}#pad{pointer-events:auto;touch-action:none;--curve-dot-orbit:-65px;background:#0003;border:2px dashed #ffffffb3;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;position:absolute;top:68%;left:50%}#pad-ball{background:url(/ui/golf-ball.svg) 50%/contain no-repeat;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #00000059}#curve-dot{box-sizing:border-box;background:var(--sbm-orange);width:18px;height:18px;transform:rotate(-90deg) translateY(var(--curve-dot-orbit));pointer-events:none;border:2px solid #fff;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #00000080}.curve-mark{color:#fff;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 3px #000000b3;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.curve-mark[data-at="9"]{right:calc(100% + 10px)}.curve-mark[data-at="3"]{left:calc(100% + 10px)}.curve-mark[data-at="12"]{background:#fff;border-radius:2px;width:3px;height:14px;margin-left:-1.5px;top:-9px;left:50%;transform:none;box-shadow:0 0 3px #0009}#pad.pulling{border-color:var(--sbm-orange)}#clubs{left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:auto;justify-content:center;gap:8px;display:flex;position:absolute}#clubs button{color:#fff;background:#00000073;border:2px solid #fffc;border-radius:999px;min-width:84px;padding:10px 12px;font-weight:600}#clubs button[aria-checked=true]{background:var(--sbm-orange);border-color:var(--sbm-orange)}#result{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;text-align:center;background:#141414d1;border-radius:14px;width:min(90vw,380px);padding:20px;position:fixed;transform:translate(-50%)}#result[hidden],#wind[hidden],#skip-hint[hidden]{display:none}#result-text{font-size:24px;font-weight:700;line-height:1.25}#result-detail{opacity:.85;margin:8px 0 16px;font-size:15px}#result-button{background:var(--sbm-orange);color:#fff;border:0;border-radius:10px;width:100%;padding:14px;font-size:18px;font-weight:700}#skip-hint{left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;opacity:.8;text-shadow:0 1px 3px #000000b3;pointer-events:none;font-size:14px;position:fixed}#player-name{opacity:.85}#player-name[hidden],#new-player[hidden],#gate[hidden]{display:none}#new-player{color:#fff;background:0 0;border:2px solid #fff9;border-radius:10px;width:100%;margin-top:10px;padding:10px;font-size:15px;font-weight:600}#gate{box-sizing:border-box;-webkit-user-select:text;user-select:text;background:#141414e0;border-radius:14px;width:min(92vw,400px);max-height:calc(100% - 24px);padding:20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#gate h1{color:var(--sbm-orange);margin:0;font-size:24px}.gate-intro{opacity:.85;margin:4px 0 14px;font-size:15px}#gate>label{margin-top:8px;font-size:14px;font-weight:600;display:block}#gate input[name=name],#gate input[name=email]{box-sizing:border-box;width:100%;font:inherit;-webkit-user-select:text;user-select:text;border:2px solid #0000;border-radius:8px;margin-top:4px;padding:10px 12px;font-size:16px;display:block}#gate input[aria-invalid=true]{border-color:#ff8a80}#gate fieldset{border:0;margin:12px 0 0;padding:0}#gate legend{padding:0;font-size:15px;font-weight:600;line-height:1.35}.gate-choices{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.gate-choices label{cursor:pointer;border:2px solid #ffffffb3;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600}.gate-choices input{opacity:0;pointer-events:none;position:absolute}.gate-choices label:has(input:checked){background:var(--sbm-orange);border-color:var(--sbm-orange)}.gate-choices label:has(input:focus-visible){outline-offset:2px;outline:2px solid #fff}.gate-error{color:#ff8a80;min-height:1.2em;margin-top:2px;font-size:13px}#gate button[type=submit]{background:var(--sbm-orange);color:#fff;border:0;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:18px;font-weight:700}#hud-logo{height:22px;margin-bottom:4px;display:block}.gate-logo{height:40px;margin:0 auto 4px;display:block}.gate-brand{text-align:center;opacity:.8;margin:0 0 12px;font-size:13px}#gate h1{text-align:center}#prize{background:var(--sbm-orange);border-radius:10px;margin:-6px 0 14px;padding:10px 12px;font-size:18px;font-weight:700;line-height:1.3}#prize[hidden],#about[hidden]{display:none}#about{text-align:left;border-top:1px solid #fff3;align-items:flex-start;gap:12px;margin:0 0 14px;padding-top:12px;display:flex}#about .brand-logo{object-fit:cover;object-position:left;flex:none;width:44px;height:44px}#about-heading{font-size:15px;font-weight:700}#about-body{opacity:.85;margin:2px 0 4px;font-size:13px;line-height:1.35}#about-link{color:var(--sbm-orange);-webkit-user-select:text;user-select:text;font-size:13px;font-weight:600;text-decoration:none}