:root{--ink: #f2efe6;--ink-dim: rgba(242, 239, 230, .62);--ink-faint: rgba(242, 239, 230, .4);--panel: rgba(12, 16, 9, .62);--panel-solid: rgba(12, 16, 9, .85);--hair: rgba(242, 239, 230, .14);--accent: #e0b13c;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--sans: "Archivo", ui-sans-serif, system-ui, sans-serif}html,body{margin:0;height:100%;background:#0c1009;color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{position:fixed;inset:0}#app canvas{display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--ink)}#hud{position:fixed;inset:0;pointer-events:none;font-size:clamp(11px,.42vw + 7.5px,15px);line-height:1.4}#hud button{font:inherit;cursor:pointer;touch-action:none;pointer-events:auto}#hud button:disabled{opacity:.35;cursor:default}.num{font-variant-numeric:tabular-nums}.sep{opacity:.45}.lit{color:var(--ink)}#hud-top{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:1.2em;padding:1.4em 1.5em}#hud-top>*{pointer-events:auto;min-width:0}#hud-room{display:flex;flex-direction:column;gap:.25em;text-shadow:0 1px 10px rgba(0,0,0,.55)}#hud-room .wordmark{font-family:var(--serif);font-size:1.5em;line-height:1;letter-spacing:.06em}.meta{display:flex;align-items:center;gap:.5em;white-space:nowrap;font-size:.66em;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}#hud-room .dot{width:.5em;height:.5em;border-radius:50%;background:var(--accent);animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}#hud-hole{display:flex;flex-direction:column;align-items:center;gap:.3em;text-align:center;text-shadow:0 1px 12px rgba(0,0,0,.5)}#hud-hole .meta{font-size:.64em;letter-spacing:.22em}#hud-hole .meta.row{gap:.7em;letter-spacing:.16em}#hud-hole .rule{width:1px;height:.9em;background:#f2efe640}#hud-hole-name{font-family:var(--serif);font-size:2.15em;line-height:1.05}#hud-hole-turn{margin-top:.35em;padding:.3em .75em;border:1px solid rgba(242,239,230,.25);border-radius:2px;background:#0c100959;color:var(--ink-dim);font-size:.6em;letter-spacing:.2em;text-transform:uppercase}#hud-hole-turn.mine{border-color:var(--accent);color:var(--accent)}#hud-scores{width:14.5em;padding:.7em .8em .75em;background:var(--panel);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--hair);border-radius:3px}#hud-scores .card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.55em;font-size:.6em;letter-spacing:.22em;text-transform:uppercase;color:#f2efe68c}#hud-scores table{width:100%;border-collapse:collapse;font-size:.78em;font-variant-numeric:tabular-nums}#hud-scores td{padding:.28em .2em;text-align:center;border-top:1px solid rgba(242,239,230,.12)}#hud-scores td.who{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud-scores td.tot{text-align:right}#hud-scores tr.par td{padding:.15em .2em;border:0;color:var(--ink-faint);font-size:.82em;letter-spacing:.1em}#hud-scores tr.turn td{color:var(--accent)}#hud-scores i{font-style:normal;color:var(--accent);padding-right:.35em}#hud-scores i.ghost{opacity:0}#hud-log{position:absolute;left:1.5em;top:6.4em;width:17em;max-height:34vh;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;gap:.2em;font-size:.72em;line-height:1.45;color:var(--ink-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.6);mask-image:linear-gradient(to bottom,transparent,#000 2.4em);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 2.4em)}#hud-log div{animation:fade .4s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}#hud-caddie{position:absolute;left:50%;bottom:11.5em;transform:translate(-50%);width:min(38em,calc(100% - 3em));pointer-events:auto;display:flex;flex-direction:column;gap:.35em;padding:.85em 1.1em;background:#0c1009a8;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(242,239,230,.13);border-left:2px solid var(--accent);border-radius:3px}#hud-caddie.in{animation:fade .5s ease both}#hud-caddie .who{display:flex;align-items:center;gap:.6em;font-size:.6em;letter-spacing:.22em;text-transform:uppercase}#hud-caddie-who{color:var(--accent)}#hud-caddie-src{color:#f2efe661;letter-spacing:.12em}#hud-caddie-text{font-family:var(--serif);font-style:italic;font-size:1.15em;line-height:1.35;text-wrap:pretty}#hud-bottom{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:1.2em;flex-wrap:wrap;padding:2.5em 1.5em 1.4em;background:linear-gradient(to top,rgba(9,12,7,.78) 12%,rgba(9,12,7,.35) 55%,transparent)}#hud-bottom>*{pointer-events:auto;min-width:0}#hud-shot{display:flex;flex-direction:column;gap:.7em}.rack-row{display:flex;align-items:center;gap:.4em}#hud-club-rack{display:flex;gap:.25em}#hud-club-rack .club{min-width:2.5em;padding:.42em .5em;background:transparent;color:var(--ink-dim);border:1px solid rgba(242,239,230,.18);border-radius:2px;font-size:.72em;letter-spacing:.1em}#hud-club-rack .club:hover{color:var(--ink);border-color:#f2efe673}#hud-club-rack .club.on{background:var(--accent);border-color:var(--accent);color:#14180f;font-weight:600}#hud button.icon{width:1.9em;height:1.9em;display:grid;place-items:center;background:transparent;color:#f2efe6a6;border:1px solid rgba(242,239,230,.18);border-radius:2px;font-size:.8em}#hud button.icon:hover{color:var(--ink);border-color:#f2efe680}#hud button.icon.big{width:2.4em;height:2.4em;background:#0c100980;font-size:.85em}#hud button.icon.big:hover{border-color:var(--accent)}.readouts{display:flex;align-items:flex-end;gap:1.6em}.readout{display:flex;flex-direction:column;gap:.1em}.readout.right{align-items:flex-end}.readout .label{font-size:.58em;letter-spacing:.2em;text-transform:uppercase;color:#f2efe680}.readout .value{font-family:var(--serif);font-size:1.5em;line-height:1.1}.readout .value small{font-size:.55em;color:#f2efe68c}.readout .value.dim{color:#f2efe6cc}#hud-swing{display:flex;flex-direction:column;align-items:center;gap:.55em;flex:1 1 18em;min-width:15em}#hud-power{position:relative;width:100%;max-width:26em;height:1.5em}#hud-power .track{position:absolute;inset:auto 0 .55em;height:1px;background:#f2efe638}#hud-power .ticks{position:absolute;inset:auto 0 .2em;height:.35em;display:flex;justify-content:space-between}#hud-power .ticks i{width:1px;height:100%;background:#f2efe64d}#hud-power .ticks i.minor{height:60%;align-self:flex-end;background:#f2efe62e}#hud-power-fill{position:absolute;left:0;bottom:.55em;width:0;height:.32em;background:var(--accent);border-radius:1px;box-shadow:0 0 1.2em #e0b13c66}#hud-power-needle{position:absolute;left:0;bottom:.95em;width:2px;height:.55em;background:var(--ink);transform:translate(-1px)}.swing-row{display:flex;align-items:center;gap:1.1em}#btn-swing{min-width:9em;padding:.7em 1.6em;background:var(--accent);color:#14180f;border:0;border-radius:2px;font-weight:600;font-size:.85em;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 .4em 1.8em #00000059}#btn-swing:hover:not(:disabled){filter:brightness(1.08)}#btn-swing:active:not(:disabled){transform:translateY(1px)}.hint{font-size:.58em;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}#hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:.8em}#hud-wind{display:flex;align-items:center;gap:.7em}#hud-wind .dial{position:relative;width:3.1em;height:3.1em;display:grid;place-items:center;border:1px solid rgba(242,239,230,.22);border-radius:50%;background:#0c100973}#hud-wind .dial-label{position:absolute;top:.18em;font-size:.5em;letter-spacing:.1em;text-transform:uppercase;color:#f2efe673}#hud-wind-arrow{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .35s ease}#hud-wind-arrow .head{width:0;height:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-bottom:.5em solid var(--accent)}#hud-wind-arrow .tail{width:2px;height:1.1em;background:var(--accent)}#hud-controls{display:flex;gap:.4em;flex-wrap:wrap;justify-content:flex-end}#hud-controls button{padding:.55em .9em;background:#0c100980;color:#f2efe6d9;border:1px solid rgba(242,239,230,.2);border-radius:2px;font-size:.68em;letter-spacing:.16em;text-transform:uppercase}#hud-controls button:hover{border-color:var(--accent);color:var(--ink)}#hud-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 85% at 50% 42%,transparent 42%,rgba(8,11,6,.42) 100%)}body>button:last-of-type:not([id]){font-family:var(--sans)!important;letter-spacing:.16em!important;text-transform:uppercase!important;border-radius:2px!important}@media(max-width:760px){#hud-scores{display:none}#hud-log{top:auto;bottom:15.5em;width:12em;max-height:18vh}#hud-caddie{bottom:13.5em}#hud-bottom{align-items:stretch;gap:.8em;padding:2em 1em 1.1em}#hud-shot,#hud-swing,#hud-right{flex:1 1 100%}#hud-right{flex-direction:row;align-items:flex-end;justify-content:space-between}.readouts{gap:1.1em}#hud-club-rack .club{min-width:2.9em;padding:.7em .5em}#hud button.icon.big{width:2.9em;height:2.9em}#btn-swing{padding:.95em 1.6em}#hud-controls button{padding:.8em .9em}}@media(max-width:420px){#hud-hole-name{font-size:1.7em}#hud-log{display:none}}