:root{--glass:#0e1814b8;--glass-strong:#0c1411e0;--glass-light:#ffffff14;--line:#ffffff1f;--text:#f5f2ea;--muted:#f5f2eaa3;--faint:#f5f2ea66;--gold:#f2c230;--gold-soft:#f2c23029;--green:#8ef0a8;--ghost:#7fe3ff;--warn:#ffb35c;--bad:#ff7a6b;--radius:14px;--shadow:0 10px 30px #00000059;--font:ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#0d1512;margin:0;font-size:14px;overflow:hidden}body.swing-active,body.swing-active *{-webkit-user-select:none!important;user-select:none!important}button{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.game-root{-webkit-user-select:none;user-select:none;position:fixed;inset:0}.canvas-host{position:absolute;inset:0}.game-canvas{outline:none;display:block;width:100%!important;height:100%!important}.layer{pointer-events:none;position:absolute;inset:0}.layer>*{pointer-events:auto}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{appearance:none;border:1px solid var(--line);background:var(--glass-light);color:var(--text);cursor:pointer;letter-spacing:.01em;white-space:nowrap;border-radius:10px;padding:9px 14px;font-weight:560;transition:background .15s,border-color .15s,transform 80ms}.btn:hover{background:#ffffff24}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn.primary{background:var(--gold);color:#1b1a12;border-color:#0000}.btn.primary:hover{background:#ffd24a}.btn.ghosty{background:0 0}.btn.small{border-radius:8px;padding:6px 10px;font-size:12.5px}.btn.icon{place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.btn[disabled]{opacity:.45;cursor:default}.kbd{border:1px solid var(--line);color:var(--muted);background:#ffffff0f;border-radius:5px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-block}.btn.primary .kbd{color:#1b1a12b3;background:#1b1a1214;border-color:#1b1a1240}.seg{border:1px solid var(--line);background:#00000040;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:12.5px;font-weight:560}.seg button.on{color:var(--text);background:#ffffff29}.seg button:focus-visible{outline:2px solid var(--gold)}input[type=text],input[type=url]{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:9px;padding:9px 11px}input[type=text]:focus,input[type=url]:focus{border-color:#0000;outline:2px solid #f2c23099}input[type=range]{width:100%;accent-color:var(--gold)}label.field{color:var(--muted);gap:6px;font-size:12.5px;display:grid}.menu{background:linear-gradient(90deg,#070e0bc7 0%,#070e0b59 38%,#070e0b00 60%);grid-template-columns:minmax(320px,420px) 1fr;align-items:center;padding:32px clamp(16px,5vw,64px);display:grid;position:absolute;inset:0}.menu-card{gap:14px;display:grid}.title{font-family:var(--display);letter-spacing:-.01em;text-shadow:0 4px 30px #00000073;margin:0;font-size:clamp(44px,6vw,68px);font-weight:600;line-height:.95}.tagline{color:var(--muted);margin:0 0 10px;font-size:15px}.menu-buttons{gap:8px;display:grid}.menu-buttons .btn{text-align:left;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;display:flex}.menu-buttons .btn small{color:var(--muted);font-size:12px;font-weight:450}.menu-buttons .btn.primary small{color:#1b1a12a6}.resume{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.menu-foot{color:var(--faint);font-size:12px;line-height:1.5}.menu-foot a,.linkish{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.modal-back{z-index:20;background:#050a0873;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal{background:var(--glass-strong);-webkit-user-select:text;user-select:text;width:min(560px,100%);max-height:calc(100vh - 32px);padding:22px 22px 18px;overflow:auto}.modal.wide{width:min(760px,100%)}.modal h2{font-family:var(--display);margin:0 0 4px;font-size:26px;font-weight:600}.modal .sub{color:var(--muted);margin:0 0 16px;line-height:1.45}.modal .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal section{border-top:1px solid var(--line);padding:12px 0}.modal section:first-of-type{border-top:0}.modal .help{color:var(--muted);margin:6px 0 0;font-size:12.5px;line-height:1.45}.pill{color:var(--muted);border:1px solid var(--line);background:#ffffff14;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:inline-flex}.pill.warn{color:var(--warn);border-color:#ffb35c59}.pill.ghost{color:var(--ghost);border-color:#7fe3ff59}.pill.good{color:var(--green);border-color:#8ef0a859}.list{gap:8px;display:grid}.list-item{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.list-item .meta{color:var(--muted);font-size:12px}table.card{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.card th,table.card td{text-align:center;border-bottom:1px solid var(--line);padding:7px 8px}table.card th:first-child,table.card td:first-child{text-align:left}table.card th{color:var(--muted);font-size:12px;font-weight:560}table.card tr.ghost td{color:var(--ghost)}table.card td.cur{background:#f2c2301a}.score-under{color:var(--green)}.score-over{color:var(--warn)}.hud-top-left{gap:4px;min-width:210px;padding:10px 14px;display:grid;position:absolute;top:14px;left:14px}.hole-line{align-items:baseline;gap:10px;display:flex}.hole-num{font-family:var(--display);font-size:24px;font-weight:600}.hole-meta{color:var(--muted);font-size:12.5px}.hole-name{color:var(--muted);font-size:13px}.players-mini{gap:3px;margin-top:4px;display:grid}.players-mini .p{color:var(--muted);justify-content:space-between;gap:14px;font-size:13px;display:flex}.players-mini .p.cur{color:var(--text);font-weight:600}.players-mini .p.cur:before{content:"";background:var(--gold);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.players-mini .p.ghost{color:var(--ghost)}.hud-top-right{align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;right:14px}.wind{align-items:center;gap:10px;padding:8px 12px;display:flex}.wind svg{transition:transform .35s}.wind .speed{font-size:15px;font-weight:650}.wind .lbl{color:var(--muted);font-size:11px}.hud-buttons{gap:4px;padding:5px;display:flex}.hud-bottom-left{gap:8px;max-width:min(560px,100vw - 420px);display:grid;position:absolute;bottom:14px;left:14px}.club-bar{gap:4px;padding:5px;display:flex}.club-btn{appearance:none;cursor:pointer;text-align:left;min-width:70px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:7px 10px 6px;position:relative}.club-btn .n{color:var(--text);font-size:14px;font-weight:650;display:block}.club-btn .d{font-variant-numeric:tabular-nums;font-size:11.5px;display:block}.club-btn.on{background:#f2c23029;border-color:#f2c2308c}.club-btn.sug:after{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.club-btn:hover{background:#ffffff12}.club-btn[disabled]{cursor:default;opacity:.55}.setup-row{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.setup-row .lbl{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin-right:2px;font-size:11px}.lie{color:var(--muted);font-size:12.5px}.lie b{color:var(--text)}.pad-wrap{justify-items:stretch;gap:8px;width:calc(clamp(270px,46vh,410px)/1.28205);display:grid;position:absolute;bottom:14px;right:14px}.steps{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;display:grid}.step{color:var(--faint);text-align:center;border-radius:8px;padding:6px 7px;font-size:11px;line-height:1.25}.step b{letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:10px;display:block}.step.on{color:var(--text);background:#8ef0a829;box-shadow:inset 0 0 0 1px #8ef0a880}.step.done{color:var(--muted)}.pad{-webkit-backdrop-filter:blur(10px);width:calc(clamp(270px,46vh,410px)/1.28205);height:clamp(270px,46vh,410px);box-shadow:var(--shadow);touch-action:none;cursor:crosshair;background:radial-gradient(120% 90% at 50% 30%,#1e3028cc,#080e0ce6);border:1px solid #ffffff24;border-radius:18px;position:relative;overflow:hidden}.pad.armed{border-color:#8ef0a873}.pad canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pad .ready{z-index:2;padding:11px 18px;font-size:15px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000059}.pad .pad-note{color:var(--muted);text-align:center;pointer-events:none;font-size:11.5px;line-height:1.35;position:absolute;bottom:10px;left:12px;right:12px}.pad .pad-top{color:var(--faint);pointer-events:none;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:8px;left:10px;right:10px}.pad.disabled{opacity:.45;cursor:default}.center-top{z-index:5;pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{pointer-events:none;text-align:center;max-width:min(520px,80vw);padding:9px 16px;font-weight:560}.toast.warn{color:var(--warn)}.toast.good{color:var(--green)}.shot-card{gap:10px;width:min(440px,100vw - 32px);padding:14px 16px 12px;display:grid;position:absolute;top:88px;left:50%;transform:translate(-50%)}.stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat{background:#ffffff0d;border-radius:9px;padding:7px 9px}.stat .k{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:10.5px}.stat .v{font-variant-numeric:tabular-nums;font-size:17px;font-weight:650}.headline{font-weight:600}.tip{color:var(--muted);line-height:1.4}.card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.flight-hint{color:var(--muted);align-items:center;gap:12px;padding:8px 14px;font-size:12.5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.marker{opacity:0;will-change:transform;position:absolute;top:0;left:0;pointer-events:none!important}.marker .tag{white-space:nowrap;font-variant-numeric:tabular-nums;background:#0a100db8;border:1px solid #ffffff2e;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:650;position:absolute;transform:translate(-50%,-100%)}.marker.pin .tag{color:var(--gold)}.marker.ghost .tag{color:var(--ghost)}.live-dist{font-variant-numeric:tabular-nums;text-shadow:0 2px 14px #0000008c;opacity:0;font-size:30px;font-weight:700;transition:opacity .2s;position:absolute;top:88px;left:50%;transform:translate(-50%);pointer-events:none!important}.fps{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);pointer-events:none!important}.practice-panel{gap:6px;width:280px;max-height:calc(100vh - 330px);padding:10px 12px;display:grid;position:absolute;top:118px;left:14px;overflow:auto}.practice-panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0;font-size:11px;font-weight:600}.hist{font-variant-numeric:tabular-nums;grid-template-columns:34px 1fr 1fr 1fr;align-items:baseline;gap:2px 8px;font-size:12.5px;display:grid}.hist .h{color:var(--faint);text-transform:uppercase;font-size:10.5px}.hist .shape{color:var(--muted);grid-column:2/-1;margin-bottom:4px;font-size:11.5px}.center-card{background:var(--glass-strong);gap:12px;width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);padding:22px;display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.center-card.wide{width:min(720px,100vw - 32px)}.center-card h2{font-family:var(--display);margin:0;font-size:30px;font-weight:600}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:650}.big-score{font-family:var(--display);font-size:54px;font-weight:600;line-height:1}.result-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:8px 0;display:flex}.result-row .label{color:var(--gold);font-weight:600}.share-box{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;gap:8px;padding:12px;display:grid}.notice{color:var(--muted);font-size:12px;line-height:1.45}.notice.warn{color:var(--warn)}.tutorial-demo{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 4px;display:grid}.tut-step{border:1px solid var(--line);text-align:center;color:var(--muted);background:#ffffff0d;border-radius:12px;justify-items:center;gap:6px;padding:10px;font-size:12.5px;display:grid}.tut-step b{color:var(--text)}.tut-step svg{width:100%;max-width:140px;height:auto}@keyframes tut-dot-1{0%,20%{transform:translate(40px,10px)}60%,to{transform:translate(0)}}@keyframes tut-dot-2{0%,15%{transform:translate(0)}75%,to{transform:translateY(60px)}}@keyframes tut-dot-3{0%,10%{transform:translateY(60px)}55%{transform:translate(0)}80%,to{transform:translate(2px,-28px)}}.tut-dot-1{animation:2.2s ease-in-out infinite tut-dot-1}.tut-dot-2{animation:2.2s ease-in-out infinite tut-dot-2}.tut-dot-3{animation:1.6s cubic-bezier(.5,0,.9,.6) infinite tut-dot-3}.loading{z-index:30;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.loading .glass{padding:12px 18px;font-weight:560}.fatal{background:radial-gradient(circle at 30% 20%,#1d3a2c,#0b1310 70%);place-items:center;padding:24px;display:grid;position:absolute;inset:0}@media (max-width:980px){.hud-bottom-left{max-width:calc(100vw - 28px);bottom:calc(clamp(270px,46vh,410px) + 70px)}.practice-panel{display:none}.menu{background:linear-gradient(#070e0bbf,#070e0b66);grid-template-columns:1fr}}@media (max-height:760px){.club-btn{min-width:60px;padding:5px 8px}.shot-card{top:70px}.practice-panel{max-height:calc(100vh - 300px);top:104px}}.center-card.bottom{top:auto;bottom:24px;transform:translate(-50%)}.shot-card.side{width:min(400px,100vw - 32px);top:132px;left:14px;transform:none}