@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans Thai,sans-serif;color:#263e33;background:#b5dcd5;font-synthesis:none;--panel:rgba(250,252,245,.93);--green:#294937;--muted:#697d6c;--edge:rgba(45,74,51,.14);--safe-top:max(12px,env(safe-area-inset-top));--safe-bottom:max(8px,env(safe-area-inset-bottom));--pad:12px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #608846;outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button svg{vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-shell{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}.course-view{position:absolute;inset:0;overflow:hidden;background:#c2e3df}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#142e2405,transparent 25%,transparent 75%,#102d2426)}.hud-widget{background:var(--panel);border:1px solid var(--edge);border-radius:10px;box-shadow:0 2px 9px #183b2a10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud-top{position:absolute;left:var(--pad);right:var(--pad);top:var(--safe-top);display:flex;justify-content:space-between;gap:8px;align-items:flex-start;pointer-events:none;z-index:3}.hud-top>*{pointer-events:auto}.course-widget{width:max-content;min-height:0;padding:7px 10px}.hole-info{display:flex;align-items:center;gap:13px}.hole-stat>span,.hole-stats span{display:block;font-size:9px;color:var(--muted);line-height:1.2}.hole-number{display:flex;align-items:baseline;gap:3px;margin-top:3px;white-space:nowrap}.hole-number strong{font-family:Outfit;font-size:18px;font-weight:600;line-height:1;letter-spacing:-.4px}.hole-number span{font-family:Outfit;font-size:10px;color:#7c8c77}.hole-stats{display:flex;gap:13px}.hole-stats b{font-family:Outfit;font-size:18px;font-weight:500;line-height:1;display:block;margin-top:3px;white-space:nowrap}.hole-stats b small{font-size:9px!important}.hud-actions{display:flex;align-items:flex-start;gap:7px;pointer-events:auto}.score-card{display:block;text-align:left;width:119px;min-height:0;padding:6px 9px;color:#294534}.score-card:hover{background:#fffef7}.score-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.score-top>span{font-size:9px;color:var(--muted)}.score-top strong{font-family:Outfit;font-size:20px;font-weight:600;line-height:1.1}.shot-status{font-size:9px;display:flex;align-items:center;gap:4px;margin-top:3px;color:#6a7e67;white-space:nowrap}.shot-status b{color:#294534;font-weight:600}.status-separator{color:#a8b69e}.hud-menu{position:relative}.menu-toggle{height:35px;width:35px;display:grid;place-items:center;padding:0;color:#3d5d44}.menu-toggle>span{display:none}.menu-toggle svg{width:17px;height:17px}.menu-toggle:hover,.menu-toggle[aria-expanded=true]{background:#e9f0db}.menu-panel{position:absolute;right:0;top:43px;width:226px;padding:8px;display:grid;gap:3px;z-index:8;background:#fbfcf6;box-shadow:0 12px 40px #17352826}.menu-panel[hidden]{display:none}.menu-panel button{border:0;border-radius:7px;background:transparent;display:flex;gap:12px;align-items:center;text-align:left;font-size:13px;color:#36513c;min-height:41px;padding:9px 12px}.menu-panel button:hover{background:#e9efdd}.player-widget{display:flex;align-items:center;gap:10px;padding:10px 12px 13px;margin-bottom:4px;border-bottom:1px solid #dde5d5}.avatar{height:32px;width:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#dfe8c7;font-size:19px}.player-widget strong{display:block;font-size:13px;color:#2e4934;max-width:153px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-widget small{display:block;font-size:9px;letter-spacing:.8px;color:#849377;margin-top:4px}.weather{position:absolute;left:var(--pad);top:calc(var(--safe-top) + 51px);display:flex;align-items:center;gap:6px;border-radius:15px;padding:5px 9px;font-size:10px;color:#638064;background:#f7fbefe0;box-shadow:none;pointer-events:none}.weather svg{width:13px;height:13px}.weather b{font-family:Outfit;font-size:11px;font-weight:500;letter-spacing:.2px;color:#3f6044}.swing-panel{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 22px);transform:translate(-50%);width:min(556px,calc(100% - 24px));padding:8px 11px;display:grid;grid-template-columns:136px 136px minmax(0,1fr);gap:12px;align-items:center;z-index:2}.swing-panel>div{min-width:0}.aim-widget,.power-widget{border-left:1px solid #dce4d3;padding-left:11px}.control-title{font-size:10px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:15px;margin-bottom:5px;white-space:nowrap;color:#536c51}.control-title b{font-size:10px;font-weight:400;color:#748368}.control-title .secondary{display:none}.clubs{display:flex;gap:4px}.club{height:29px;min-width:28px;flex:1;border:1px solid #dce5d1;border-radius:6px;background:#edf2e5;color:#6e8469;font-family:Outfit;font-size:11px;font-weight:500}.club:hover{background:#e2eccf}.club.selected{background:var(--green);border-color:var(--green);color:#e3f2b6}.aim-control{display:flex;align-items:center;gap:3px}.aim-control button{width:24px;height:29px;flex-shrink:0;background:#edf2e5;color:#53704b;border:1px solid #dce5d1;border-radius:6px}.aim-control button:hover{background:#e2eccf}.aim-control button svg{width:12px;height:12px}.aim-control output{font-family:Outfit;font-size:18px;text-align:center;flex:1;min-width:25px;white-space:nowrap;color:#294b35}.power-widget .control-title{margin-bottom:3px}.power-widget .control-title b{font-family:Outfit;font-size:17px;font-weight:500;line-height:1;color:#294b35}.power-scale{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#8a987f;margin-top:3px}.power-scale #estimate{color:#657a5f}.power-meter{--power:80%;position:relative;height:18px;width:100%;border:2px solid #eaf6fd;border-radius:12px;background:linear-gradient(180deg,#396bab,#214d88);box-shadow:0 0 0 1px #3b628a,inset 0 2px 4px #132f5940;overflow:visible}.power-fill{z-index:1;position:absolute;inset:0 auto 0 0;width:var(--power);max-width:100%;background:linear-gradient(90deg,#57cacd,#acd865 70%,#f5d879);border-radius:10px;opacity:.7}.power-ticks{z-index:2;position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#fff6 calc(25% - 1px),#fff6 25%)}.power-cursor{z-index:4;position:absolute;left:clamp(2px,var(--cursor,var(--power)),calc(100% - 2px));top:-5px;bottom:-5px;width:3px;transform:translate(-50%);border-radius:3px;background:#ff6ba8;box-shadow:0 0 0 1px #fffdf0}.power-cursor:before{content:"";position:absolute;top:-1px;left:-3px;width:9px;height:4px;border-radius:2px;background:#ff6ba8}.game-shell[data-shot-phase=charging] .power-widget .control-title b{color:#286298}.game-shell[data-shot-phase=charging] .power-fill{opacity:1}.game-shell[data-shot-phase=charging] #estimate{color:#286298;font-weight:600}.game-shell[data-shot-phase=swinging] .power-cursor{background:#f7e579;box-shadow:0 0 8px #f6df89}.game-shell[data-shot-phase=swinging] .power-widget .control-title b{color:#668540}.scene-tools{position:absolute;right:var(--pad);bottom:calc(var(--safe-bottom) + 108px);display:flex;align-items:center;gap:4px;padding:3px;z-index:2;background:#fbfdf4e8;box-shadow:0 2px 8px #1d452712;border-radius:8px}.view-controls{display:flex;align-items:center;gap:1px}.view-controls button,.camera-button{border:0;border-radius:5px;background:transparent;color:#4b6e46;height:26px;padding:0 6px}.view-controls button{width:25px;font-size:17px;padding:0}.view-controls button:hover,.camera-button:hover{background:#e8efda}.view-controls svg{width:13px;height:13px}.camera-button{font-size:10px;white-space:nowrap}.camera-button svg{width:13px;height:13px;margin-right:4px}.tool-divider{width:1px;height:16px;background:#d7e2cb;margin:0 1px}.ball-label{position:absolute;pointer-events:none;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%);color:#fff;font-size:9px;white-space:nowrap}.ball-label span{background:#294b37dd;padding:4px 7px;border-radius:4px;box-shadow:0 2px 5px #294b3720}.ball-label:after{content:"";border:3px solid transparent;border-top-color:#294b37dd}.toast{position:absolute;top:23%;left:50%;transform:translate(-50%);max-width:calc(100% - 40px);background:#284a37ef;color:#eef7e2;border:1px solid #b9d39066;padding:10px 16px;border-radius:9px;font-size:12px;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;z-index:4}.toast.visible{opacity:1}.footer{position:absolute;left:50%;bottom:var(--safe-bottom);transform:translate(-50%);color:#f4f9e5;font-size:9px;pointer-events:none;text-shadow:0 1px 4px #1d3c20;white-space:nowrap}.footer .desktop-hint{display:flex;align-items:center;gap:5px}.footer .touch-hint{display:none}.footer kbd{font:9px DM Sans;padding:1px 4px;border:1px solid #f0f8dc50;border-radius:3px;background:#2949346e;color:#fcfff4}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#b9ddd5;color:#3d6447;font-size:13px;z-index:6}.loading[hidden]{display:none}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:500;color:#799069}@media(max-width:500px){:root{--pad:10px;--safe-top:max(10px,env(safe-area-inset-top))}.hud-widget{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fafcf4f2}.course-widget{padding:7px 8px}.hole-info,.hole-stats{gap:11px}.score-card{width:112px;padding:6px 8px}.hud-actions{gap:6px}.menu-toggle{height:35px;width:35px}.swing-panel{width:min(344px,calc(100% - 20px));padding:8px 10px;grid-template-columns:1fr 1fr;gap:7px 12px;border-radius:10px}.club{height:31px;font-size:12px}.aim-control button{height:31px;width:26px}.aim-control output{font-size:19px}.power-widget{grid-column:1 / -1;border:0;border-top:1px solid #dce4d3;padding:6px 0 0;display:grid;grid-template-columns:43px minmax(0,1fr);gap:0 9px;align-items:center}.power-widget .control-title{display:flex;flex-direction:column;gap:1px;align-items:flex-start;grid-row:1 / 3;margin:0}.power-widget .control-title>span{font-size:9px}.power-widget .control-title b{font-size:17px}.power-meter{height:18px}.power-scale{font-size:8px;margin-top:1px}.scene-tools{bottom:calc(var(--safe-bottom) + 148px)}.footer .desktop-hint{display:none}.footer .touch-hint{display:block;font-size:10px}.toast{top:22%;font-size:11px}}@media(max-width:350px){.course-widget{padding:6px}.hole-info,.hole-stats{gap:8px}.hole-number strong,.hole-stats b{font-size:17px}.score-card{width:102px;padding:6px}.score-top>span{font-size:8px}.shot-status{font-size:8px}.hud-actions{gap:5px}.menu-toggle{width:32px;height:32px}.control-title,.control-title b{font-size:9px}.swing-panel{gap:7px 10px}}@media(max-height:500px)and (min-width:501px){:root{--safe-top:8px;--safe-bottom:7px;--pad:10px}.swing-panel{bottom:26px;padding:7px 10px}.scene-tools{left:10px;right:auto;bottom:102px}.toast{top:20%}}@media(pointer:coarse){.footer .desktop-hint{display:none}.footer .touch-hint{display:block}.club,.aim-control button{min-height:31px}}.overlay{position:fixed;inset:0;background:#172e29a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.overlay[hidden]{display:none}.modal{width:440px;max-width:100%;background:#f8f9f0;border-radius:20px;padding:33px;color:#2c4939;position:relative;max-height:90vh;overflow:auto}.modal h2{font-family:Outfit;font-size:31px;font-weight:500;margin:12px 0}.modal p{font-size:12px;color:#89927d;line-height:1.9}.modal .close{position:absolute;right:18px;top:18px;border:0;background:transparent;color:#84927b;font-size:24px}.modal .primary{width:100%;border:0;border-radius:9px;background:#2e4b3a;color:#eff5da;padding:14px;margin-top:17px;font-weight:600;font-size:12px}.modal-icon{width:66px;height:66px;border-radius:50%;background:#e1edbd;display:grid;place-items:center;margin-bottom:20px}.modal-icon svg{width:33px;height:33px}.modal label{font-size:11px;display:block;color:#809074;margin:15px 0 7px}.modal input{width:100%;background:#eef1e3;border:1px solid #dce4cf;padding:12px;border-radius:8px;color:#314731}.result-stats{display:flex;justify-content:space-around;padding:20px 0;border-top:1px solid #dfe5d7;border-bottom:1px solid #dfe5d7;text-align:center}.result-stats b{font-family:Outfit;font-size:29px;font-weight:500;display:block}.result-stats span{font-size:10px;color:#8a957f}.score-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:20px}.score-table td,.score-table th{padding:9px;text-align:left;border-bottom:1px solid #e0e5d5}.score-table th{color:#939e84;font-weight:400}.accuracy-zone{position:absolute;z-index:2;left:5%;width:20%;inset-block:0;background:#77e49bb3;border-radius:7px}.accuracy-nice{position:absolute;inset:0 25%;border-radius:5px;background:#f9d467;border:1px solid #fff5ca}.accuracy-line{position:absolute;z-index:3;left:15%;top:-5px;bottom:-5px;width:2px;transform:translate(-50%);background:#fffdf0;box-shadow:0 0 3px #fff9}.power-locked{display:none;position:absolute;z-index:3;left:var(--power);width:3px;top:-3px;bottom:-3px;transform:translate(-50%);border:1px solid #4d642e;border-radius:3px;background:#fce475}.game-shell[data-shot-phase=accuracy] .power-locked,.game-shell[data-shot-phase=swinging] .power-locked{display:block}.game-shell[data-shot-phase=accuracy] .power-fill{background:linear-gradient(90deg,#80d7ca,#f6d563 65%,#f0859e)}.game-shell[data-shot-phase=accuracy] #estimate{color:#a04776;font-weight:600}.game-shell[data-shot-phase=accuracy] .power-widget .control-title>span{color:#a04776}.game-shell[data-shot-phase=accuracy] .power-cursor{box-shadow:0 0 0 1px #fffdf0,0 0 8px #fd71b3}@media(max-width:500px){.power-widget{grid-template-columns:90px minmax(0,1fr)}}.distance-flag{position:absolute;z-index:5;left:clamp(2px,var(--target-power,80%),calc(100% - 12px));top:-9px;width:14px;height:24px;transform:translate(-2px);color:#df625e;filter:drop-shadow(0 1px 0 #fff9);pointer-events:auto}.distance-flag svg{display:block;width:14px;height:24px;stroke-width:1.5;fill:#ef8074;stroke:#a94c49}.distance-flag.out-of-range{color:#ba7b58;opacity:.85}.distance-flag.out-of-range svg{fill:#d39a6e;stroke:#9c6b46}.power-widget .control-title{margin-bottom:8px}.power-scale{position:relative;display:block;height:11px;margin-top:3px;line-height:11px}.power-scale>span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.power-scale>span:first-child{transform:none}.power-scale>span:last-child{transform:translate(-100%)}.power-caption{display:flex;justify-content:space-between;gap:6px;min-height:11px;font-size:8px;line-height:11px;white-space:nowrap}.power-caption #target-distance{color:#a6514c;font-weight:600}.power-caption #estimate{color:#657a5f}.power-caption #target-distance.out-of-range{color:#9d6748}.game-shell[data-shot-phase=charging] .distance-flag svg{fill:#ff8375;stroke:#a64d49}@media(max-width:500px){.power-widget .control-title{grid-row:1 / 4;margin-bottom:0}.power-scale,.power-caption{grid-column:2}.power-meter{margin-top:6px}.scene-tools{bottom:calc(var(--safe-bottom) + 160px)}}.toast.perfect{border-color:#f1df86;background:linear-gradient(115deg,#244835f5,#426846f2);color:#fff4bd;box-shadow:0 0 0 2px #f3d86b80,0 0 26px #e9ef8e9c;animation:perfect-pop .38s cubic-bezier(.2,.8,.2,1) both}.toast.perfect.visible{opacity:1}@keyframes perfect-pop{0%{transform:translate(-50%) scale(.72);filter:brightness(1.7)}to{transform:translate(-50%) scale(1);filter:brightness(1)}}