:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#f5f5df;--ink:#18372c;--cream:#f1f0d9;--glass:rgba(22,48,39,.82)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#accabd}body{touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;color:inherit}button:focus-visible{outline:2px solid #fff;outline-offset:4px}#world{position:fixed;inset:0;width:100%;height:100%;display:block;background:linear-gradient(#7fafa8,#dce6c8 73%,#c6dfd3)}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(18,37,29,.22),transparent 23%,transparent 70%,rgba(18,37,29,.17))}header{position:fixed;top:max(25px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:start;pointer-events:none}.wordmark{font-family:Georgia,serif;letter-spacing:3px;font-size:18px;text-shadow:0 1px 10px #173b3966}.wordmark span{font-size:12px;letter-spacing:4px}.wordmark small{display:block;font:9px Arial;letter-spacing:2.5px;margin-top:10px;opacity:.8}.icon{pointer-events:auto;width:44px;height:44px;border-radius:50%;background:#193d3833;backdrop-filter:blur(8px);font-size:17px;border:1px solid #ffffff33}.veil{position:fixed;inset:0;background:linear-gradient(90deg,rgba(14,44,34,.64),rgba(14,44,34,.12) 75%);display:flex;align-items:center;transition:opacity 1s}.intro-copy{margin-left:9vw;margin-top:4vh}.eyebrow{font-size:10px;letter-spacing:3px;line-height:1.8}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(64px,8vw,110px);line-height:1.02;letter-spacing:-3px;margin:25px 0}p{font-size:14px;line-height:1.8;opacity:.85}.intro-copy p{margin-bottom:30px}.primary{background:var(--cream);color:var(--ink);border-radius:30px;padding:17px 23px;min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;font-weight:600;box-shadow:0 5px 25px #173b3920}.primary:active{transform:scale(.97)}.intro-copy small{display:block;margin-top:22px;font-size:10px;letter-spacing:1px;opacity:.65}.edition{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:9vw;right:7vw;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;opacity:.6}.hidden{display:none!important}#hint{position:fixed;top:24%;left:50%;transform:translateX(-50%);background:#183b3155;backdrop-filter:blur(8px);padding:10px 18px;border-radius:25px;font-size:12px;text-align:center;max-width:85%;pointer-events:none;opacity:0;transition:opacity .5s}#hint.visible{opacity:1}#crosshair{display:none;position:fixed;top:50%;left:50%;color:#ffffff77;font-size:20px;pointer-events:none}#approach{position:fixed;bottom:max(45px,calc(env(safe-area-inset-bottom) + 25px));left:50%;transform:translateX(-50%);white-space:nowrap}#joystick{display:none;position:fixed;bottom:max(48px,calc(env(safe-area-inset-bottom) + 26px));left:max(30px,calc(env(safe-area-inset-left) + 18px));width:100px;height:100px;border:1px solid #ffffff33;border-radius:50%;background:#fff1;pointer-events:none}#stick{position:absolute;left:32px;top:32px;width:34px;height:34px;border-radius:50%;background:#ffffff45;border:1px solid #ffffff44}#lookHint{display:none;position:fixed;right:35px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 60px));font-size:8px;letter-spacing:2px;opacity:.4;pointer-events:none}body.playing.touch #joystick,body.playing.touch #lookHint{display:block}body.aiming #joystick,body.aiming #lookHint{display:none!important}#shot{position:fixed;bottom:max(22px,calc(env(safe-area-inset-bottom) + 10px));left:50%;transform:translateX(-50%);width:370px;max-width:calc(100% - 28px);border:1px solid #f3f4db33;background:var(--glass);backdrop-filter:blur(18px);border-radius:20px;padding:15px 18px 10px;box-shadow:0 14px 50px #0f382533}.shot-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;letter-spacing:.6px;color:#e3e5cb}.shot-top button{background:none;font-size:10px;min-height:32px;padding:0 0 0 5px;opacity:.8}.clubs{display:flex;gap:7px;margin:8px 0 12px}.clubs button{flex:1;background:transparent;border-radius:20px;padding:10px;font-size:12px;min-height:40px;border:1px solid #ffffff22}.clubs button.selected{background:#d6e7b729;color:#edf3ca;border-color:#c7dea377}#distances{display:flex;gap:6px;margin-bottom:12px}#distances button{flex:1;padding:12px 0;border-radius:10px;background:#ffffff0a;border:1px solid #ffffff22;font-size:15px;min-height:44px}#distances button small{font-size:8px;opacity:.6}#distances button.selected{background:var(--cream);color:var(--ink)}.shot-bottom{display:flex;align-items:center;gap:6px}.shot-bottom>button:not(.primary){width:46px;min-height:46px;background:#ffffff12;border-radius:50%;font-size:22px}#aimLabel{font-size:8px;letter-spacing:1px;margin:0 2px}.shot-bottom .primary{margin-left:auto;gap:23px;min-height:46px;padding:13px 22px}.wind{text-align:center;opacity:.5;font-size:9px;letter-spacing:.5px;margin-top:12px}dialog{border:1px solid #ffffff22;background:#193c31;color:var(--cream);border-radius:22px;width:390px;max-width:calc(100% - 32px);padding:32px;box-shadow:0 30px 150px #142d3488;touch-action:auto;max-height:90dvh;overflow:auto}dialog::backdrop{background:#143a3155;backdrop-filter:blur(8px)}dialog h2{font:normal 34px/1.15 Georgia;margin:20px 0}dialog p{font-size:12px}dialog label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff18;padding:10px 0;font-size:12px}dialog label button{background:#ffffff12;border-radius:18px;padding:10px 15px;min-height:42px;min-width:68px}dialog .primary{width:100%;margin-top:15px;justify-content:center}.text-button{display:block;background:transparent;padding:17px 10px;width:100%;opacity:.7;font-size:11px}.close{position:absolute;right:15px;top:12px;background:transparent;font-size:24px;width:36px;height:36px}#error{position:fixed;inset:0;display:grid;place-content:center;padding:30px;background:#1c3c30;z-index:10;text-align:center}#error button{padding:15px;background:var(--cream);color:var(--ink);border-radius:20px}
@media(max-width:600px){header{left:22px;right:22px}.wordmark{font-size:14px;letter-spacing:2px}.wordmark span{font-size:10px}.wordmark small{font-size:8px}.intro-copy{margin-left:8vw;margin-top:0}.intro-copy h1{font-size:75px}.intro-copy .eyebrow{font-size:8px;letter-spacing:2px}.edition{left:8vw;right:8vw;font-size:8px;gap:20px;line-height:1.8}.edition span{max-width:150px;text-align:right}#approach{left:auto;right:22px;transform:none;bottom:max(65px,calc(env(safe-area-inset-bottom) + 45px));padding:15px 22px;gap:15px}#hint{top:21%;width:max-content}#shot{bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px))}}
@media(max-height:520px){.intro-copy{margin-top:25px}.intro-copy h1{font-size:50px;margin:10px 0}.intro-copy p{margin:10px 0;font-size:12px}.intro-copy small{margin-top:10px}.edition{display:none}.eyebrow{font-size:8px}#shot{width:340px;left:auto;right:max(18px,env(safe-area-inset-right));transform:none;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 14px 8px}.clubs{margin:4px 0 7px}.wind{margin-top:7px}.shot-top{font-size:8px}header{top:max(12px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.wind{display:flex;align-items:center;justify-content:center;gap:12px;opacity:.85;min-height:28px}.wind span{opacity:.65}#greenRead{background:#ffffff13;border:1px solid #ffffff26;border-radius:14px;padding:7px 11px;font-size:10px;color:#eef0c9;min-height:36px}#greenRead[aria-pressed=true]{background:#edf1b92b}#distances button{min-width:0}#distances button small{font-size:7px}@media(max-width:400px){#distances{gap:4px}#distances button{font-size:13px}.wind{gap:7px}.shot-bottom .primary{padding:13px 16px;gap:15px}}

/* A slow automatic power control with a full thumb-sized touch target. */
.power-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-top:2px}.power-label label{white-space:nowrap}.power-label output{color:var(--cream);font-variant-numeric:tabular-nums;margin-left:5px}.power-label span{font-size:9px;opacity:.7;text-align:right}
#power{--power:85%;display:block;width:100%;height:44px;margin:0 0 5px;padding:0 12px;border:0;background:transparent;touch-action:manipulation;cursor:pointer}
.power-track{display:block;position:relative;height:5px;border-radius:5px;background:linear-gradient(to right,#e1e9bd var(--power),#ffffff25 var(--power))}
.power-marker{position:absolute;left:var(--power);top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--cream);border:3px solid #cad6b8;box-shadow:0 2px 9px #0b211c66}
#power.sweeping .power-marker{box-shadow:0 0 12px #e1e9bd88}#power:focus-visible{outline:2px solid #f1f0d9;outline-offset:2px;border-radius:8px}
@media(max-height:520px){#shot{width:352px;padding:8px 12px;max-height:calc(100dvh - 24px)}.clubs{margin:2px 0 5px}#distances{margin-bottom:5px}#distances button{padding:8px 0}#power{margin-bottom:0}.wind{margin-top:3px}.power-label span{font-size:8px}}

#cartToggle{position:fixed;left:24px;bottom:28px;z-index:15;padding:12px 18px;background:rgba(23,46,37,.88);color:#f3edcf;border:1px solid #c6ba8e66;border-radius:24px;font-size:13px}#cartToggle:disabled{opacity:.8}body.aiming #cartToggle{display:none}

.flight-shape{background:transparent;border:1px solid #ffffff25;border-radius:16px;padding:6px 12px;margin:0 0 8px;color:#e3e5cb;font-size:11px}

#rangeToggle{position:fixed;right:24px;bottom:110px;z-index:15;background:rgba(27,48,34,.92);color:#efe8d0;border:1px solid #8d9d80;border-radius:24px;padding:12px 19px;font-size:13px}#rangeView{position:fixed;inset:0;z-index:9;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(7,16,10,.8) 72%)}.range-reticle{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border:1px solid rgba(225,241,214,.65);border-radius:50%}.range-reticle:before,.range-reticle:after{content:"";position:absolute;background:#edf1d1;opacity:.8}.range-reticle:before{height:1px;width:88px;top:26px;left:-18px}.range-reticle:after{width:1px;height:88px;left:26px;top:-18px}.range-readout{position:absolute;top:61%;width:100%;text-align:center;color:#f0f4da;text-shadow:0 2px 8px #001005;display:grid;gap:9px}.range-readout strong{font-size:36px;font-weight:400;letter-spacing:3px}.range-readout span{font-size:13px}.range-readout small{font-size:11px;opacity:.7}.range-view #shot,.range-view #approach,.range-view #crosshair{visibility:hidden}

#complete{width:470px}#complete h2{margin:12px 0 24px}.scorecard{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:center;font-size:13px;background:#efe8d2;color:#263e32;border-radius:4px;overflow:hidden}.scorecard caption{text-align:left;color:#e7dfc6;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:0 0 10px}.scorecard th,.scorecard td{padding:12px 8px;border:1px solid #89917e66}.scorecard th:first-child{text-align:left}.scorecard thead{background:#ded8c1}.scorecard .score-row td{font:20px Georgia}.scorecard .just-played{background:#cbd8b3}.score-relative{text-align:right;opacity:.8;font-size:11px}#completeNote{margin-top:20px}
#walkGreenRead{position:fixed;left:24px;bottom:100px;z-index:8;background:rgba(15,34,25,.86);color:#f1eedc;border:1px solid #8b9f7c;border-radius:18px;padding:9px 15px;font:inherit;font-size:13px} .range-view #walkGreenRead{display:none}