:root{--fog: #f3ede2;--ink: #3a342c;--ink-soft: #6a6254;--brass: #c4a574;--brass-deep: #8c7048;--sheet: oklch(.96 .01 85 / .72);--ease: cubic-bezier(.4, 0, .2, 1);--dur: .15s;--ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", Outfit, sans-serif;--pad-l: max(env(safe-area-inset-left, 0px), 20px);--pad-r: max(env(safe-area-inset-right, 0px), 20px);--pad-t: max(env(safe-area-inset-top, 0px), 14px);--pad-b: max(env(safe-area-inset-bottom, 0px), 14px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#d9d1c2;color:var(--ink);font-family:var(--ui);font-weight:400;-webkit-user-select:none;user-select:none;touch-action:none}body{position:fixed;top:0;right:0;bottom:0;left:0}#safe-probe{position:fixed;pointer-events:none;visibility:hidden;left:var(--pad-l);top:var(--pad-t);right:var(--pad-r);bottom:var(--pad-b)}#view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block}#view[hidden]{display:none}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}#hud{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud-pause{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#f5f1ea8c;backdrop-filter:saturate(1.2) blur(20px);-webkit-backdrop-filter:saturate(1.2) blur(20px);color:var(--ink);font:500 13px/1 var(--ui);letter-spacing:.04em;min-height:44px;min-width:44px;padding:12px 16px;border-radius:999px;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease);position:absolute;top:var(--pad-t);left:var(--pad-l)}#hud-pause:active{transform:scale(.97)}#hud-hole,#hud-time{position:absolute;top:var(--pad-t);margin:0;font-size:13px;color:var(--ink);background:#f5f1ea8c;backdrop-filter:saturate(1.2) blur(20px);-webkit-backdrop-filter:saturate(1.2) blur(20px);border-radius:999px;padding:12px 14px;min-height:44px;display:flex;align-items:center}#hud-hole{left:calc(var(--pad-l) + 88px);right:calc(var(--pad-r) + 88px);justify-content:center;letter-spacing:.12em;text-transform:uppercase}#hud-time{right:var(--pad-r);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#hud-seat{position:absolute;top:calc(var(--pad-t) + 48px);left:0;right:0;margin:0;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}#hud-race{position:absolute;left:var(--pad-l);right:var(--pad-r);bottom:var(--pad-b);margin:0;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.seats{list-style:none;margin:8px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.seats li{padding:8px 12px;border-radius:10px;background:#f5f1ea73;font-size:14px}.seats li.wait{background:transparent;box-shadow:inset 0 0 0 1px #5c544947;color:var(--ink-soft)}.seats li.you{background:var(--ink);color:var(--fog)}.sheet-podium{max-width:560px;max-height:calc(100dvh - var(--pad-t) - var(--pad-b) - 8px);overflow:auto}#podium-kicker{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-deep)}#podium-winner{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500;font-size:52px;line-height:.88;letter-spacing:-.04em;color:var(--ink)}#podium-time{margin:0;font-size:22px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--brass-deep)}.board{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.board li{display:grid;grid-template-columns:1.4rem 1fr auto;gap:10px;align-items:baseline;padding:10px 12px;border-radius:14px;background:#f5f1ea73}.board li.win{background:var(--ink);color:var(--fog)}.board li.you:not(.win){box-shadow:inset 3px 0 0 var(--brass)}.board .n{font-size:11px;letter-spacing:.12em;color:var(--ink-soft)}.board li.win .n{color:var(--brass)}.board .t{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.hole-eye{margin-top:8px}.hole-wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 10px}.hole-win{padding:8px 10px;border-radius:12px;background:#f5f1ea66;min-height:52px}.hole-win .hn{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.hole-win .who{display:block;font-size:13px;margin-top:2px;font-variant-numeric:tabular-nums}.hole-win.mine{background:var(--ink);color:var(--fog)}.hole-win.mine .hn{color:var(--brass)}.btn[hidden]{display:none}body[data-pack=night]{--fog: #e8e4d8;--ink: #e8e4d8;--ink-soft: #9aa3b0;--brass: #c8b890;--brass-deep: #8a9ab0;--sheet: oklch(.22 .025 260 / .72);background:#0a1018;color:var(--ink)}body[data-pack=night] .btn.primary{background:var(--fog);color:#0a1018}body[data-pack=night] .btn.ghost,body[data-pack=night] #hud-pause,body[data-pack=night] #hud-hole,body[data-pack=night] #hud-time,body[data-pack=night] .tab,body[data-pack=night] .card,body[data-pack=night] .seats li,body[data-pack=night] .board li,body[data-pack=night] .hole-win{background:#23293380;color:var(--ink)}body[data-pack=night] #hud-pause,body[data-pack=night] #hud-hole,body[data-pack=night] #hud-time{box-shadow:inset 0 0 0 1px #d7d0c32e}body[data-pack=night] .tab.on,body[data-pack=night] .board li.win,body[data-pack=night] .hole-win.mine{background:var(--fog);color:#0a1018}body[data-pack=night] .board li.win .n,body[data-pack=night] .hole-win.mine .hn{color:var(--brass)}body[data-pack=night] .board li.you:not(.win){box-shadow:inset 3px 0 0 var(--brass)}body[data-pack=night] .seats li.you{background:var(--fog);color:#0a1018}body[data-pack=night] .seats li.wait{background:transparent;box-shadow:inset 0 0 0 1px #d7d0c338}body[data-pack=links]{--sheet: oklch(.94 .008 120 / .72)}body[data-pack=garden]{--brass: #d4a070;--brass-deep: #8a6840}#hint-pointer{position:fixed;z-index:5;left:var(--pad-l);right:auto;bottom:calc(var(--pad-b) + 8px);text-align:left;margin:0;padding:0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.sheet{position:fixed;z-index:6;left:var(--pad-l);right:var(--pad-r);bottom:var(--pad-b);top:auto;width:auto;max-width:420px;max-height:calc(100dvh - var(--pad-t) - var(--pad-b) - 8px);margin-inline:auto;padding:20px 20px 18px;background:var(--sheet);backdrop-filter:saturate(1.2) blur(20px);-webkit-backdrop-filter:saturate(1.2) blur(20px);border-radius:22px;display:flex;flex-direction:column;align-items:stretch;gap:8px;transition:background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.sheet[hidden]{display:none}.sheet-course{max-width:560px;height:calc(100dvh - var(--pad-t) - var(--pad-b) - 12px);max-height:calc(100dvh - var(--pad-t) - var(--pad-b) - 8px);overflow:hidden}.sheet-course .eyebrow,.sheet-course h2,.sheet-course .tabs,.sheet-course .actions{flex-shrink:0}.sheet-course .tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin:4px 0 8px;padding-bottom:2px;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.sheet-course .tabs::-webkit-scrollbar{display:none}.sheet-course .tabs:empty{display:none;margin:0}.sheet-course .grid{flex:1 1 0;min-height:0;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px}.sheet-course .actions{margin-top:10px}.eyebrow{margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep)}h1{margin:0;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500;font-size:56px;line-height:.9;letter-spacing:-.03em}h2{margin:0;font-family:var(--ui);font-style:normal;font-weight:500;font-size:28px;line-height:1.1;letter-spacing:-.02em}.lede{margin:2px 0 8px;max-width:22rem;font-size:15px;line-height:1.4;color:var(--ink-soft)}.actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%;margin-top:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;flex:1;min-width:0;width:auto;min-height:48px;border-radius:999px;font:500 16px/1 var(--ui);color:var(--ink);padding:0 22px;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ink);color:var(--fog)}.btn.ghost{background:#f5f1ea9e;box-shadow:inset 0 0 0 1px #5c54492e}.btn:disabled{opacity:.38;pointer-events:none}.time-row{display:flex;gap:12px;align-items:baseline;margin:4px 0 8px;font-size:22px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#sunk-par{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.pips{display:flex;gap:8px;margin:4px 0 12px}.pip{width:10px;height:10px;border-radius:999px;background:#7c6f5e40}.pip.on{background:var(--brass)}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#f5f1ea66;color:var(--ink-soft);font:500 13px/1 var(--ui);min-height:44px;padding:8px 14px;border-radius:999px;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.tab.on{background:var(--ink);color:var(--fog)}.tab:active{transform:scale(.97)}.tab[disabled]{opacity:.45;pointer-events:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:auto;max-height:min(48dvh,280px);-webkit-overflow-scrolling:touch;touch-action:pan-y}.card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#f5f1ea80;color:var(--ink);border-radius:14px;padding:10px 10px 12px;text-align:left;display:flex;flex-direction:column;gap:4px;min-height:64px;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.card:active{transform:scale(.97)}.card-n{font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}.card-name{font-size:13px}.card-pips{display:flex;gap:4px;margin-top:auto}.card-pips .pip{width:6px;height:6px}@media(orientation:landscape){h1{font-size:40px}h2{font-size:22px}.lede{margin:0 0 4px;font-size:14px;max-width:none}.sheet{padding:16px 18px 14px}.sheet-course{max-width:min(640px,calc(100vw - var(--pad-l) - var(--pad-r)));height:calc(100dvh - var(--pad-t) - var(--pad-b) - 12px);max-height:calc(100dvh - var(--pad-t) - var(--pad-b) - 8px)}.sheet-course .grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;gap:6px}.sheet-course .card{min-height:44px;padding:8px 10px;flex-direction:row;align-items:center;gap:8px}.sheet-course .card-pips{margin-top:0;margin-left:auto}#hud-hole{left:calc(var(--pad-l) + 92px);right:calc(var(--pad-r) + 88px)}#podium-winner{font-size:36px}.sheet-podium{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"kicker board" "winner board" "time board" "heye heye" "holes holes" "act act";gap:2px 16px;align-items:start;max-width:min(720px,calc(100vw - var(--pad-l) - var(--pad-r)));overflow:hidden}#podium-kicker{grid-area:kicker}#podium-winner{grid-area:winner;align-self:end}#podium-time{grid-area:time;font-size:16px}.sheet-podium .board{grid-area:board;margin:0;gap:4px}.sheet-podium .board li{padding:6px 10px}.sheet-podium .hole-eye{grid-area:heye;margin-top:2px}#podium-holes{grid-area:holes}.sheet-podium>.actions{grid-area:act;margin-top:2px}.sheet-podium .actions .btn{min-height:40px}.hole-wins{max-height:none;overflow:visible}.hole-win{min-height:0;padding:5px 8px}}body.display #hud-hole{left:var(--pad-l)}#join-code{margin:4px 0 0;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500;font-size:44px;letter-spacing:.2em;line-height:1}#join-url{word-break:break-all;max-width:none;font-size:13px;letter-spacing:0;text-transform:none;color:inherit;text-decoration:underline;text-underline-offset:3px}#lanes{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;gap:2px;background:#c4b9a6}#lanes[hidden]{display:none}#lanes[data-n="2"]{grid-template-columns:1fr 1fr}#lanes[data-n="3"],#lanes[data-n="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#lanes[data-n="3"] .lane:first-child{grid-column:1 / -1}.lane[hidden]{display:none}.lane{position:relative;min-width:0;min-height:0}.lane canvas{display:block;width:100%;height:100%}.lane-label{position:absolute;top:12px;left:12px;z-index:2;margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:#f5f1ea8c;backdrop-filter:saturate(1.2) blur(20px);-webkit-backdrop-filter:saturate(1.2) blur(20px);border-radius:999px;padding:10px 14px}body.pad #hud-hole{left:var(--pad-l);right:calc(var(--pad-r) + 148px)}body.pad #hud-seat{display:flex;top:var(--pad-t);left:auto;right:calc(var(--pad-r) + 72px);width:auto;padding:12px 14px;background:#f5f1ea8c;backdrop-filter:saturate(1.2) blur(20px);-webkit-backdrop-filter:saturate(1.2) blur(20px);border-radius:999px;color:var(--ink)}body.pad[data-phase=playing] #pad-sheet .eyebrow,body.pad[data-phase=playing] #pad-sheet h2,body.pad[data-phase=playing] #pad-sheet .lede{display:none}body.pad[data-phase=playing] #pad-sheet{padding-top:12px}body.pad #turn{z-index:20;top:var(--pad-t);right:var(--pad-r);bottom:var(--pad-b);left:var(--pad-l);max-width:none;max-height:none;justify-content:center;text-align:center}@media(orientation:portrait){body.pad #turn{display:flex}body.pad>.sheet:not(#turn){visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:reduce){.btn,.card,.tab,#hud-pause{transition:background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:active,.card:active,.tab:active,#hud-pause:active{transform:none}}