@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cream:#f5f1dc;--gold:#ecc687;--green:#142c25;--muted:#bdc9b8}*{box-sizing:border-box}body{margin:0;background:#294a3a;color:var(--cream);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}#course{display:block;width:100vw;height:100svh;touch-action:none}.edge-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#081c2955,transparent 25%,transparent 62%,#07211f80)}header{position:absolute;left:36px;right:36px;top:25px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:2px}.brand img{border-radius:50%}.top-right{display:flex;gap:8px}.top-right button{border:1px solid #f5f1dc35;background:#142c2577;padding:12px 15px;font-size:11px;font-weight:500;letter-spacing:1px;backdrop-filter:blur(12px)}#hud{position:absolute;top:90px;left:36px;display:flex;gap:26px;padding:20px 25px;border:1px solid #f5f1dc24;background:#132c258c;backdrop-filter:blur(16px);opacity:0;transition:opacity .4s}#hud>div>span{display:block;font-size:10px;letter-spacing:1.4px;color:#c4d1bf;margin-bottom:7px}#hud strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}#hud strong span,#hud small{font-size:12px;color:#c4d1bf;margin-left:4px}.hole-stat{border-right:1px solid #ffffff25;padding-right:24px}#weather{position:absolute;right:36px;top:110px;display:flex;align-items:center;gap:10px;text-shadow:0 2px 8px #183329}#wind-arrow{display:inline-block;font-size:32px;color:var(--gold)}#weather strong{font-size:16px;font-weight:500}#weather small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}#hole-caption{position:absolute;left:36px;bottom:36px;opacity:0;text-shadow:0 2px 12px #092013}#hole-caption span{font-size:10px;letter-spacing:2.4px;color:#e3e5cf}#hole-caption h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:36px;line-height:1;margin:9px 0 0}#intro{position:absolute;inset:0;display:flex;align-items:center;padding:60px 8%;background:linear-gradient(90deg,#0b251ee6 0%,#0b251e90 35%,#0b251e00 72%)}header,#weather{z-index:3}.intro-inner{max-width:650px;padding-top:20px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:500}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,10vw,154px);line-height:.85;font-weight:700;letter-spacing:-1px;margin:26px 0}h1>span{display:block;color:var(--gold)}h1 em{font:500 12px 'DM Sans',sans-serif;letter-spacing:4px;display:block;font-style:normal;margin-top:27px;line-height:1.4}.intro-inner p{font-size:17px;color:#d0d7c8;line-height:1.7;margin:26px 0 30px}.primary{background:var(--gold);color:#152a23;display:flex;justify-content:space-between;align-items:center;gap:55px;font-weight:700;font-size:12px;letter-spacing:1.8px;border:0;padding:18px 25px;transition:background .2s}.primary:hover{background:#ffdfa4}.primary span{font-size:23px;font-weight:400;line-height:1}.intro-meta{font-size:10px;letter-spacing:1.5px;margin-top:25px;color:#bac9b6}.intro-meta i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--gold);margin:0 12px;vertical-align:3px}#personal-best{display:block;font-size:12px;letter-spacing:1px;color:var(--gold);margin-top:16px}.course-mark{position:absolute;bottom:50px;right:45px;display:flex;flex-direction:column;align-items:center;border:1px solid #e4dfb752;padding:20px;color:#f6edcb;text-shadow:0 2px 15px #214329}.course-mark b{font-family:serif;font-weight:400;font-size:65px;line-height:1.2}.course-mark span{font-size:9px;letter-spacing:2px}#controls{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:440px;background:#10271fe8;backdrop-filter:blur(16px);border:1px solid #e4dfb730;padding:18px 22px;display:none}.shot-readout{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:var(--gold);margin-bottom:13px}.clubs{display:flex;border:1px solid #f5f1dc22}.clubs button{flex:1;background:transparent;border:0;border-right:1px solid #ffffff15;padding:10px 4px}.clubs button:last-child{border-right:0}.clubs b{display:block;font-size:22px;font-family:'Barlow Condensed',sans-serif;font-weight:600}.clubs span{display:block;font-size:8px;letter-spacing:1px;color:#aabb9e;margin-top:3px}.clubs .selected{background:#ecc68721;box-shadow:inset 0 -2px var(--gold)}.clubs .selected b,.clubs .selected span{color:var(--gold)}.power-row{display:flex;align-items:center;gap:20px;margin-top:16px}.power-control{flex:1}.power-control label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.power-control strong{font-size:14px;font-weight:500;color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold);margin:11px 0 0;height:15px;cursor:pointer}#swing{padding:16px 18px;gap:24px}.control-hint{display:flex;justify-content:space-between;margin-top:13px;color:#93a58b;font-size:8px;letter-spacing:.6px}#toast{position:absolute;left:50%;top:24%;transform:translateX(-50%);font-size:15px;letter-spacing:1px;font-weight:600;padding:12px 20px;background:#132c25d9;border:1px solid #ffffff30;opacity:0;pointer-events:none;text-align:center;transition:opacity .3s;z-index:5}#shot-flight{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);text-align:center;display:none;text-shadow:0 2px 10px #09251c}#shot-flight b{display:block;font-size:11px;letter-spacing:3px;color:#e1e9d9}#shot-flight span{display:block;font-family:'Barlow Condensed',sans-serif;font-size:44px;margin-top:8px}body.playing #intro{display:none}body.playing #hud,body.playing #hole-caption{opacity:1}body.playing #controls{display:block}body.flying #controls{display:none}body.flying #shot-flight{display:block}#result{position:absolute;inset:0;background:#0b241cb8;backdrop-filter:blur(7px);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:6;text-align:center;padding:30px}#result h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:clamp(58px,10vw,130px);line-height:1;margin:22px 0;color:var(--gold)}#result p{font-size:17px;color:#d6dfcc;line-height:1.7;margin:0 0 28px}dialog{width:min(620px,calc(100% - 28px));max-height:90svh;background:#142b23;color:var(--cream);border:1px solid #d9d7b646;padding:34px;box-shadow:0 25px 100px #0006}dialog::backdrop{background:#061d19ad;backdrop-filter:blur(7px)}dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:46px;margin:15px 0 25px}.close{position:absolute;right:17px;top:17px;background:transparent;border:0;font-size:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;white-space:nowrap}th,td{padding:12px 9px;border-bottom:1px solid #ffffff15}th{font-size:10px;letter-spacing:1px;color:#bcccae}td{color:#e3e9d5}td.under{color:#9cdd97}td.over{color:#e9b98b}tfoot th,tfoot td{color:var(--gold);font-weight:700}.outline{border:1px solid #c1c2a64d;background:none;padding:13px 20px;font-size:11px;letter-spacing:1px;margin-top:24px}body.result #controls,body.result #shot-flight{display:none}body.result #result{display:flex}
@media(max-width:800px){header{left:17px;right:17px;top:17px}.brand span{display:none}.brand img{width:31px;height:31px}.top-right{gap:5px}.top-right button{font-size:9px;padding:9px 10px;letter-spacing:.5px}#hud{top:70px;left:17px;right:17px;justify-content:space-between;padding:13px 15px;gap:10px}#hud>div>span{font-size:8px;letter-spacing:1px}#hud strong{font-size:20px}.hole-stat{padding-right:14px}#hud strong span,#hud small{font-size:10px}#weather{top:155px;right:20px}#weather strong{font-size:13px}#wind-arrow{font-size:25px}#hole-caption{bottom:250px;left:20px}#hole-caption span{font-size:8px;letter-spacing:1.5px}#hole-caption h2{font-size:26px}#intro{padding:70px 8%;background:linear-gradient(90deg,#0b251ee3,#0b251e30)}h1{font-size:105px}.intro-inner .eyebrow{font-size:10px;letter-spacing:2px}h1 em{font-size:10px;letter-spacing:2.5px}.intro-inner p{font-size:15px}.intro-meta{font-size:8px;letter-spacing:1px}.intro-meta i{margin:0 7px}.course-mark{display:none}#controls{width:calc(100% - 30px);max-width:440px;bottom:max(15px,env(safe-area-inset-bottom));padding:15px 17px}.clubs button{padding:9px 4px}.clubs b{font-size:20px}.clubs span{font-size:9px}.power-row{margin-top:12px}.control-hint span:last-child{display:none}.control-hint{font-size:9px;justify-content:center}.power-control label{font-size:9px}#toast{top:27%;max-width:90%;font-size:12px;width:max-content}dialog{padding:30px 17px}th,td{padding:10px 6px;font-size:11px}body.flying #hole-caption{bottom:35px}}@media(max-height:600px){#intro{padding-top:50px}h1{font-size:75px;margin:17px 0}h1 em{margin-top:16px}.intro-inner p{font-size:13px;margin:17px 0}.intro-meta{margin-top:15px}#controls{left:auto;right:20px;transform:none;width:365px}#hud{right:auto;gap:18px}#hole-caption{bottom:25px}#weather{top:90px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.community-counts{font-size:13px!important;color:#c8d6bb;margin:18px 0!important}#leaderboard p{font-size:14px;color:#bac9ae}.rank-row{display:grid;grid-template-columns:28px 1fr 95px 40px;gap:8px;padding:14px 0;border-bottom:1px solid #ffffff20;font-size:14px}.rank-row span:last-child{color:var(--gold);text-align:right}#save-score-form{width:min(440px,100%);margin-bottom:10px}#save-score-form[hidden]{display:none}#save-score-form label{display:block;font-size:12px;letter-spacing:2px;text-align:left;margin-bottom:10px}.nickname-row{display:flex;gap:8px}.nickname-row input{min-width:0;flex:1;border:1px solid #ffffff50;background:#10281d;color:white;padding:12px;font:inherit}.nickname-row button{padding:12px;font-size:11px;letter-spacing:1px}#save-score-form p{font-size:13px;margin:12px 0}#result-leaderboard{margin:8px 0 20px}#result{overflow:auto}#result h2{font-size:clamp(45px,8vw,100px);margin:15px 0}@media(max-width:600px){.top-right button{padding:8px 6px;font-size:8px}header{left:10px;right:10px}.top-right{gap:3px}.rank-row{font-size:12px;grid-template-columns:20px 1fr 75px 25px}#result p{font-size:14px;margin-bottom:14px}}

.arcade-brand{display:flex;align-items:center;gap:10px;width:max-content;padding:5px 14px 5px 5px;margin-bottom:18px;background:#071c17c9;border:1px solid #72ff8a55;border-radius:6px}.arcade-brand img{width:44px;height:44px;object-fit:contain}.arcade-brand span{font-size:14px;letter-spacing:2px;font-weight:700;color:#72ff8a}#hud-toggle{display:none}#hud{pointer-events:none;transition:transform .3s ease,opacity .3s ease}#intro{overflow:auto}@media(max-width:800px),(pointer:coarse) and (max-height:600px){body.playing #hud-toggle{display:block;position:absolute;right:0;top:130px;z-index:4;min-height:44px;padding:10px 12px;border:1px solid #ecc68766;border-right:0;border-radius:7px 0 0 7px;background:#10271fe8;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1px}body.playing #hud.hud-collapsed{transform:translateX(calc(100vw + 40px));opacity:0;visibility:hidden}#hud{left:12px;right:12px;gap:10px}#weather{top:185px;pointer-events:none}.arcade-brand{margin-bottom:14px}.arcade-brand img{width:36px;height:36px}#intro h1{font-size:clamp(66px,12vh,105px);margin:16px 0}#intro .intro-inner{padding-top:20px;padding-bottom:20px}#intro .intro-inner>p{margin:16px 0}#intro .intro-meta{margin-top:16px}}@media(max-height:600px){#intro{align-items:flex-start}.arcade-brand{margin-bottom:10px}}