#game{position:relative;z-index:10}#top-hud,#action-dock{z-index:30;will-change:transform,opacity;background:transparent!important;background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#action-dock>*,#action-dock div{background:transparent!important;background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body[data-phase=overlay] #top-hud{opacity:0!important;transform:translateY(-100%)!important;pointer-events:none!important}body[data-phase=overlay] #action-dock{opacity:0!important;transform:translateY(110%)!important;pointer-events:none!important}#btn-shot{display:inline-block!important;width:112px!important;min-width:112px!important;min-height:48px!important}#btn-hit{display:inline-block!important;width:min(70vw,260px)!important;min-width:220px!important;min-height:52px!important}#btn-shot,#btn-hit{color:#fff!important;text-shadow:0 0 8px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.8)!important}:root{--hud-font-scale: 1}#top-hud{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 0px);min-height:42px;padding:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);display:flex;align-items:center;color:#fff;z-index:20;pointer-events:none;transition:transform .16s ease,opacity .16s ease}#top-hud .hud-bar{display:flex;align-items:center;justify-content:center;gap:8px 10px;flex-wrap:wrap;width:100%;max-width:720px;margin-inline:auto;font-size:calc(var(--hud-font-scale, 1) * .75rem);line-height:1.05;-webkit-font-smoothing:antialiased}body[data-phase=overlay] #top-hud{opacity:0;transform:translateY(-8px)}body[data-phase=aim] #top-hud,body[data-phase=play] #top-hud,body[data-phase=sinking] #top-hud{opacity:1;transform:translateY(0)}#top-hud .hud-chip .emoji{font-size:1em;margin-right:.3em;display:inline-flex;align-items:center;flex-shrink:0}#top-hud .hud-chip{display:inline-flex;align-items:center;justify-content:center;gap:.25em;padding:.5em .9em;height:32px;min-height:32px;border-radius:999px;background:#1a1a1ae6;border:1px solid rgba(46,204,113,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#fff;white-space:nowrap;line-height:1.2;pointer-events:auto;box-sizing:border-box}#top-hud .hud-chip .label{font-weight:500;opacity:.85;letter-spacing:.02em}#top-hud .hud-chip .value{font-weight:700;max-width:9ch;overflow:hidden;text-overflow:ellipsis}#top-hud .hud-chip--btn{cursor:pointer;transition:transform .08s ease,background .12s ease,border-color .12s ease}#top-hud .hud-chip--btn:active{transform:translateY(1px) scale(.99)}#top-hud .hud-chip--btn[aria-pressed=true],#top-hud .hud-chip--btn.is-active{background:#2ecc7140;border-color:#2ecc71bf}#top-hud[data-hud-tight="1"] .hud-bar{gap:8px}@media (max-width: 420px){#top-hud .hud-chip{padding:.55em 1em;height:34px}}#top-hud{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#top-hud .hud-bar{gap:6px}#top-hud[data-hud-compact="1"] .hud-bar{gap:4px}#top-hud .hud-chip{padding:.5em .9em;height:32px;background:#1a1a1ae6;border:1px solid rgba(46,204,113,.45);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #00000014}#top-hud .hud-chip .label{font-weight:500;letter-spacing:.01em;opacity:.9}#top-hud .hud-chip .value{font-weight:750}#top-hud .hud-bar>.hud-chip:first-child{margin-left:2px}#top-hud .hud-bar>.hud-chip:last-child{margin-right:2px}#top-hud .hud-chip.yards-to-pin{min-width:75px;padding-left:.7em}#top-hud .hud-chip.yards-to-pin .emoji{font-size:.9em;margin-right:.2em}#top-hud:not([data-hud-compact]) .hud-chip:nth-child(1){min-width:70px}#top-hud:not([data-hud-compact]) .hud-chip:nth-child(2){min-width:65px}#top-hud:not([data-hud-compact]) .hud-chip:nth-child(3){min-width:65px}#top-hud:not([data-hud-compact]) .hud-chip:nth-child(4){min-width:85px}#top-hud:not([data-hud-compact]) .hud-chip:nth-child(5){min-width:70px}#top-hud[data-hud-compact="1"] .hud-chip{min-width:auto}#top-hud[data-hud-tight="1"] .hud-bar{gap:7px}#top-hud[data-hud-tight="1"] .hud-chip{padding:.5em .9em}#top-hud[data-hud-compact="1"] .hud-chip{padding:.35em .5em;gap:.2em}#top-hud[data-hud-compact="1"] .hud-chip .label,#top-hud[data-hud-compact="1"] .hud-chip .emoji{display:none}#top-hud[data-hud-compact="1"] .hud-chip.strokes .emoji,#top-hud[data-hud-compact="1"] #hud-club .emoji,#top-hud[data-hud-compact="1"] .hud-chip.yards-to-pin .emoji{display:inline-flex;margin-right:.15em;font-size:.85em}#top-hud[data-hud-compact="1"] .hud-chip .value{max-width:none;overflow:visible;text-overflow:clip}#top-hud[data-hud-compact="1"] .hud-chip[data-kind=wind] .value:before{content:"💨 ";opacity:.8;font-size:.9em}#top-hud[data-hud-compact="1"] .hud-chip[data-kind=shot] .value:before{content:"🎯 ";opacity:.8;font-size:.9em}#game-container,#gameContainer{touch-action:none;overscroll-behavior:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,.touch-target{min-width:40px;min-height:40px;touch-action:manipulation}.penalty-chooser button,.penalty-option,#btn-hit,#btn-shot,#unplayable-btn{min-width:44px;min-height:44px;touch-action:manipulation}#debug-overlay{position:fixed!important;top:42px!important;top:calc(env(safe-area-inset-top) + 42px)!important;left:10px!important;width:auto!important;max-width:90vw!important;background:#ff0080d9!important;padding:6px 8px!important;border-radius:6px!important;font-family:monospace!important;font-size:12px!important;line-height:1.4!important;color:#fff!important;z-index:9999!important;pointer-events:none!important;transition:opacity .2s ease!important;display:block!important;flex:none!important;grid-area:unset!important;margin:0!important;transform:none!important;white-space:pre!important}#debug-overlay pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#hud-yds{display:none!important}.hud-pill small{opacity:.9;margin-right:.2em;font-weight:500;letter-spacing:.02em}@media (max-width: 420px){.hud-pill{padding:6px 9px;font-size:11px}}#top-hud .hud-chip{background:linear-gradient(135deg,#1e0f2dd9,#321e41cc);border:1px solid rgba(170,100,170,.6);box-shadow:0 0 8px #aa64aa66,0 0 15px #aa64aa33,inset 0 1px #ffffff1a;color:#fff;text-shadow:0 0 8px rgba(100,180,200,.6)}#top-hud .hud-chip--btn:hover,#top-hud .hud-chip--btn[aria-pressed=true],#top-hud .hud-chip--btn.is-active{background:linear-gradient(135deg,#b450784d,#6496b440);border-color:#64b4c8b3;box-shadow:0 0 12px #64b4c880,0 0 20px #64b4c84d,inset 0 1px #ffffff26}#action-dock button{background:linear-gradient(135deg,#ff006ee6,#ff10f0cc);border:2px solid #00D9FF;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px #ff006e99,0 0 40px #00d9ff66,inset 0 1px #fff3;text-shadow:0 0 10px rgba(0,217,255,.9);transition:all .3s ease}#action-dock button:hover{background:linear-gradient(135deg,#00d9ffe6,#ff006ecc);border-color:#ff10f0;transform:translateY(-2px);box-shadow:0 0 30px #00d9ffcc,0 0 50px #ff10f080,inset 0 1px #ffffff4d}#action-dock button:active{transform:translateY(0) scale(.98)}#action-dock button:first-child{background:linear-gradient(135deg,#00d9ffcc,#00ff88b3);border-color:#0f8}#action-dock button:last-child{background:linear-gradient(135deg,#ffaa00e6,#ff006ecc);border-color:#fa0;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #fa09,0 0 40px #ff006e66,inset 0 1px #fff3}50%{box-shadow:0 0 30px #fa0c,0 0 60px #ff006e99,inset 0 1px #ffffff4d}}.swing-meter-overlay{background:radial-gradient(ellipse at center,#0d0221f2,#5d2f5de6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swing-meter{background:linear-gradient(90deg,#0d0221e6,#241734cc);border:2px solid #FF10F0;box-shadow:0 0 30px #ff10f099,inset 0 0 20px #00d9ff33}.swing-meter-fill{background:linear-gradient(90deg,#00d9ff,#ff006e,#fa0);box-shadow:0 0 15px currentColor}.swing-meter-zone.perfect{background:#00ff884d;border-color:#0f8}.swing-meter-zone.good{background:#00d9ff33;border-color:#00d9ff}.carry-label{color:#fff;text-shadow:0 0 10px rgba(255,170,0,.9),0 0 20px rgba(255,0,110,.6);font-weight:700}.penalty-chooser{background:linear-gradient(135deg,#0d0221f2,#5d2f5de6);border:2px solid #FF10F0;box-shadow:0 0 30px #ff10f099,inset 0 0 20px #00d9ff33}.penalty-option{background:#ff006e1a;border:1px solid #FF006E;color:#fff}.penalty-option:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff80}.result-overlay{background:linear-gradient(135deg,#0d0221fa,#5d2f5df2)}.result-card{background:linear-gradient(135deg,#241734e6,#0d0221f2);border:2px solid #FF10F0;box-shadow:0 0 40px #ff10f099,inset 0 0 20px #00d9ff33}.result-title{color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.9),0 0 40px rgba(255,0,110,.5);font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:2px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,110,.03) 2px,rgba(255,0,110,.03) 4px);pointer-events:none;z-index:1000;mix-blend-mode:overlay}