:root{--accent: #ffd34e;--accent-deep: #ff9d2e;--panel-bg: rgba(20, 40, 60, .55);--panel-border: rgba(255, 255, 255, .35);--text: #ffffff;--good: #57e389;--warn: #ff6b6b;font-family:Trebuchet MS,Segoe UI,Hiragino Kaku Gothic ProN,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a1822;color:var(--text);user-select:none;-webkit-user-select:none;cursor:default;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100vw;height:100vh;height:100dvh;touch-action:none}#game-canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 22px #00000047}#top-right-controls{position:absolute;top:18px;right:18px;display:flex;flex-direction:row;align-items:center;gap:8px;z-index:30}#lang-toggle{display:flex;gap:4px;padding:4px;pointer-events:auto}#lang-toggle .lang-btn{cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:700;font-family:inherit;letter-spacing:.5px;color:#ffffffc7;background:transparent;transition:background .15s ease,color .15s ease}#lang-toggle .lang-btn:hover{color:#fff;background:#ffffff1f}#lang-toggle .lang-btn.active{color:#3a2400;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%)}#hud-info{position:absolute;top:18px;left:18px;padding:14px 18px 12px;min-width:200px}#hud-info .hole-title{font-size:26px;font-weight:800;letter-spacing:1px;color:var(--accent);text-shadow:0 2px 0 rgba(0,0,0,.3);display:flex;align-items:baseline;gap:10px}#hud-info .hole-title .par{font-size:15px;color:#fff;background:var(--accent-deep);padding:2px 9px;border-radius:20px;font-weight:700}#hud-info .stat-row{display:flex;justify-content:space-between;margin-top:9px;font-size:15px}#hud-info .stat-row .label{opacity:.8}#hud-info .stat-row .value{font-weight:800;font-size:17px}#hud-shot{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:12px 18px}#hud-shot .club-box{text-align:center;min-width:96px}#hud-shot .club-keys{display:flex;justify-content:center;gap:5px;margin-bottom:6px}#hud-shot .club-key{pointer-events:auto;cursor:pointer;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:#fffc;font-weight:800;font-size:12px;line-height:1;transition:transform .08s ease,background .12s ease,color .12s ease}#hud-shot .club-key:hover{background:#ffffff38;transform:translateY(-1px)}#hud-shot .club-key.active{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);border-color:var(--accent);color:#3a2400;box-shadow:0 2px 8px #ff9d2e80}#hud-shot.dim .club-key{pointer-events:none}#hud-shot .club-box .club-label{font-size:11px;opacity:.7;letter-spacing:1px}#hud-shot .club-box .club-name{font-size:22px;font-weight:800;color:var(--accent)}#hud-shot .club-box .club-hint{font-size:10px;opacity:.6}#hud-shot .power-box{width:230px}#hud-shot .power-box .power-top{display:flex;justify-content:space-between;font-size:11px;opacity:.8;margin-bottom:4px}#hud-shot .power-track{position:relative;height:20px;border-radius:11px;background:#00000059;overflow:hidden;border:1px solid rgba(255,255,255,.25)}#hud-shot .power-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:11px;background:linear-gradient(90deg,#57e389,#ffd34e 55%,#ff6b6b);transition:width .02s linear}#hud-shot .power-sweet{position:absolute;top:-1px;bottom:-1px;width:3px;background:#ffffffd9;left:80%}#hud-shot .power-lie{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:11px}#hud-shot .power-lie .pl-label{opacity:.7;letter-spacing:1px}#hud-shot .power-lie .lie-tag{font-weight:800;font-size:12px;padding:1px 9px;border-radius:10px}#hud-shot .power-lie .lie-pct{margin-left:auto;font-weight:800;font-size:13px}#hud-shot .aim-box{text-align:center;width:86px}#hud-shot .aim-box .aim-label{font-size:11px;opacity:.7;letter-spacing:1px}#hud-shot .aim-dial{position:relative;width:54px;height:54px;margin:2px auto 0;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#00000040}#hud-shot .aim-dial .flag-dot{position:absolute;top:4px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--warn)}#hud-shot .aim-arrow{position:absolute;left:50%;top:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:22px solid var(--accent);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(0)}#hud-shot .aim-box .aim-deg{font-size:11px;opacity:.8;margin-top:2px}#hud-controls{position:absolute;right:18px;bottom:22px;padding:10px 14px;font-size:12px;line-height:1.7;max-width:230px;opacity:.92}#hud-controls h4{font-size:12px;color:var(--accent);margin-bottom:4px;letter-spacing:1px}#hud-controls .key{display:inline-block;min-width:18px;text-align:center;padding:1px 6px;margin-right:4px;border-radius:5px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);font-weight:700;font-size:11px}#hud-message{position:absolute;top:26%;left:50%;transform:translate(-50%);text-align:center;font-size:46px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 22px rgba(255,211,78,.6);opacity:0;transition:opacity .25s ease}#hud-message.show{opacity:1}#hud-message .sub{display:block;font-size:17px;font-weight:600;letter-spacing:1px;margin-top:6px;opacity:.9}#result-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#0a284673,#050f19d1);opacity:0;pointer-events:none;transition:opacity .5s ease}#result-overlay.show{opacity:1;pointer-events:auto}#result-card{width:380px;padding:30px 34px 26px;text-align:center;transform:scale(.9);transition:transform .5s cubic-bezier(.2,1.3,.4,1)}#result-overlay.show #result-card{transform:scale(1)}#result-card .result-grade{font-size:52px;font-weight:900;letter-spacing:2px;margin-bottom:4px;text-shadow:0 3px 0 rgba(0,0,0,.3)}#result-card .result-sub{font-size:15px;opacity:.85;margin-bottom:20px}#result-card .result-stats{display:flex;justify-content:space-around;margin-bottom:24px}#result-card .result-stats .stat{display:flex;flex-direction:column}#result-card .result-stats .stat .num{font-size:34px;font-weight:800;color:var(--accent)}#result-card .result-stats .stat .cap{font-size:11px;opacity:.7;letter-spacing:1px;text-transform:uppercase}#result-card .result-diff{font-size:20px;font-weight:800;margin-bottom:22px}button.btn{cursor:pointer;border:none;border-radius:30px;padding:13px 30px;font-size:17px;font-weight:800;letter-spacing:1px;color:#3a2400;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:0 5px #c46a14,0 8px 16px #0000004d;transition:transform .08s ease,box-shadow .08s ease}button.btn:hover{transform:translateY(-1px)}button.btn:active{transform:translateY(4px);box-shadow:0 1px #c46a14,0 3px 8px #0000004d}#start-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:linear-gradient(160deg,#36c5e0,#1a7fb8 60%,#0a4d78);z-index:20;pointer-events:auto;transition:opacity .6s ease}#start-overlay.hide{opacity:0;pointer-events:none}#start-overlay .game-logo{text-align:center}#start-overlay .game-logo .t1{font-size:18px;letter-spacing:6px;opacity:.9}#start-overlay .game-logo .t2{font-size:64px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.25),0 0 30px rgba(255,255,255,.4);line-height:1}#start-overlay .game-logo .t3{font-size:16px;letter-spacing:2px;margin-top:8px;opacity:.92}.hidden{display:none!important}#hud-shot,#hud-controls{transition:opacity .45s ease}#hud-shot.dim,#hud-controls.dim{opacity:0}#title-card{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) scale(.94);text-align:center;opacity:0;pointer-events:none;transition:opacity .7s ease,transform .7s ease}#title-card.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#title-card .tc-bar{height:3px;width:280px;margin:12px auto;background:linear-gradient(90deg,transparent,var(--accent),transparent)}#title-card .tc-main{font-size:56px;font-weight:900;letter-spacing:5px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 34px rgba(255,211,78,.5)}#title-card .tc-sub{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--accent);margin-top:2px}#result-card .scorecard{margin:6px 0 18px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}#result-card .sc-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}#result-card .sc-row span{padding:9px 0;font-size:20px;font-weight:800}#result-card .sc-head{background:#ffffff14}#result-card .sc-head span{padding:6px 0;font-size:11px;font-weight:700;letter-spacing:2px;opacity:.65}#result-card .sc-score{font-size:26px;font-weight:900}.touch-btn{display:none}#shot-btn{position:absolute;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:116px;height:116px;border-radius:50%;border:none;z-index:15;pointer-events:auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#3a2400;background:radial-gradient(circle at 50% 38%,#ffe27a 0%,var(--accent) 45%,var(--accent-deep) 100%);box-shadow:0 6px #c46a14,0 10px 20px #00000059;transition:transform .06s ease,box-shadow .06s ease;font-family:inherit;-webkit-user-select:none;user-select:none}#shot-btn .shot-label{font-size:22px;font-weight:900;letter-spacing:1px}#shot-btn .shot-hint{font-size:10px;font-weight:700;opacity:.7}#shot-btn.pressing{transform:translateY(5px);box-shadow:0 1px #c46a14,0 3px 10px #00000059}#cam-btn{position:absolute;right:calc(51px + env(safe-area-inset-right,0px));bottom:calc(152px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;border:1px solid var(--panel-border);z-index:15;pointer-events:auto;align-items:center;justify-content:center;font-size:24px;color:#fff;background:var(--panel-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#daynight-btn{display:flex;align-items:center;justify-content:center;min-width:56px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 22px #00000047;font-size:20px;line-height:1;cursor:pointer;pointer-events:auto;transition:background .15s ease}#daynight-btn:hover{background:#ffffff29}@media (pointer: coarse){.touch-btn{display:flex}#hud-controls{display:none}}@media (max-width: 820px) and (orientation: portrait){.touch-btn{display:flex}#hud-controls{display:none}#hud-info{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));min-width:0;padding:10px 14px 9px}#hud-info .hole-title{font-size:21px}#hud-info .stat-row{font-size:13px}#top-right-controls{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));flex-direction:column-reverse;align-items:flex-end}#hud-shot{left:12px;right:auto;width:auto;max-width:210px;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:none;flex-direction:column;align-items:stretch;gap:9px;padding:12px 14px;background:#0a1824cc;border-color:#ffffff73}#hud-shot .aim-box,#hud-shot .club-hint,#hud-shot .power-top span:last-child{display:none}#hud-shot .club-box{min-width:0}#hud-shot .club-keys{gap:7px;margin-bottom:6px}#hud-shot .club-key{width:36px;height:36px;font-size:16px;border-radius:9px}#hud-shot .club-box .club-label{font-size:11px}#hud-shot .club-box .club-name{font-size:20px}#hud-shot .power-box{width:auto}#hud-shot .power-box .power-top{font-size:12px;opacity:.9}#hud-shot .power-track{height:24px;border-radius:13px}#hud-shot .power-lie{font-size:12px;margin-top:8px}#title-card .tc-main{font-size:38px;letter-spacing:3px}#title-card .tc-bar{width:200px}#start-overlay{padding:0 18px}}