*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#golf-canvas{position:fixed;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;display:block;touch-action:none}.fake-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;align-items:flex-start;z-index:10}.fake-form label{font-size:14px;color:#333}.phone-input{font-size:16px;padding:8px 12px;border:1px solid #ccc;border-radius:4px;width:220px;outline:none;cursor:pointer;background:#fff;color:#111;letter-spacing:.05em}.phone-input:focus{border-color:#666}.submit-btn{padding:8px 20px;font-size:14px;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;cursor:pointer;color:#333}.submit-btn:hover{background:#eee}.fake-form.scorecard-mode{background:#fffde7;border:3px solid #222;border-radius:0;padding:10px 14px;gap:4px;box-shadow:4px 4px #555;width:fit-content}.fake-form.scorecard-mode label{color:#555;font-size:8px;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:.08em}.phone-input.scorecard-display{background:transparent;border:none;color:#111;font-size:14px;font-family:"Press Start 2P",monospace;letter-spacing:.15em;pointer-events:none;padding:0;width:16ch}.overlay{position:fixed;z-index:20;pointer-events:auto}.hidden{display:none!important}#digit-picker{top:50%;left:50%;transform:translate(-50%,-50%);background:#fffde7;border:4px solid #222;padding:20px;display:grid;grid-template-columns:repeat(5,56px);gap:8px;box-shadow:6px 6px #555}#digit-picker .digit-btn{width:56px;height:56px;font-size:14px;font-family:"Press Start 2P",monospace;color:#111;background:#fff;border:3px solid #222;cursor:pointer;transition:background .08s,transform .08s}#digit-picker .digit-btn:hover{background:#fd0}#digit-picker .digit-btn:active{transform:translateY(2px);border-color:#000}#digit-picker .picker-label{grid-column:1 / -1;text-align:center;color:#555;font-size:9px;font-family:"Press Start 2P",monospace;margin-bottom:4px}#hud{bottom:28px;left:50%;transform:translate(-50%);background:#fffde7;border:4px solid #222;padding:16px 28px;display:flex;align-items:center;gap:28px;font-family:"Press Start 2P",monospace;box-shadow:6px 6px #555;min-width:380px;justify-content:space-between}#hud .hud-stat{display:flex;flex-direction:column;align-items:center;gap:6px}#hud .hud-label{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.06em}#hud .hud-value{font-size:22px;color:#111}.reset-btn{padding:10px 16px;font-size:9px;font-family:"Press Start 2P",monospace;border:3px solid #111;background:#fd0;color:#111;cursor:pointer;white-space:nowrap;transition:background .08s,transform .08s}.reset-btn:hover{background:#ffc800}.reset-btn:active{transform:translateY(2px)}.start-over-btn{padding:10px 16px;font-size:9px;font-family:"Press Start 2P",monospace;border:3px solid #111;background:#ff6b6b;color:#111;cursor:pointer;white-space:nowrap;transition:background .08s,transform .08s}.start-over-btn:hover{background:#f44}.start-over-btn:active{transform:translateY(2px)}.mute-btn{padding:10px 14px;font-size:9px;font-family:"Press Start 2P",monospace;border:3px solid #111;background:#ada;color:#111;cursor:pointer;white-space:nowrap;transition:background .08s,transform .08s}.mute-btn:hover{background:#8c8}.mute-btn:active{transform:translateY(2px)}.mute-btn--off{background:#ccc;color:#555}.mute-btn--off:hover{background:#bbb}@media (max-width: 600px){#hud{min-width:0;width:calc(100% - 24px);gap:10px;padding:10px 12px;bottom:max(16px,env(safe-area-inset-bottom,16px))}#hud .hud-value{font-size:16px}.reset-btn,.start-over-btn,.mute-btn{padding:0 10px;min-height:44px;font-size:7px}}#toast{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:#222;color:#fd0;font-size:14px;font-family:"Press Start 2P",monospace;font-weight:400;padding:14px 24px;border:3px solid #ffdd00;z-index:30;pointer-events:none;text-align:center;box-shadow:4px 4px #000}#end-scorecard{top:50%;left:50%;transform:translate(-50%,-50%);background:#fffde7;border:4px solid #222;padding:28px 36px;font-family:"Press Start 2P",monospace;min-width:360px;box-shadow:8px 8px #555}#end-scorecard h2{font-size:14px;text-align:center;margin-bottom:20px;letter-spacing:.06em;text-transform:uppercase;color:#2a4}#end-scorecard table{width:100%;border-collapse:collapse;font-size:10px;margin-bottom:20px}#end-scorecard th,#end-scorecard td{padding:8px 10px;text-align:center;border-bottom:2px solid #ddd;color:#111}#end-scorecard th{color:#555;font-size:8px;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #222}.score-under{color:#2a4}.score-over{color:#c22}.score-even{color:#555}.final-number{text-align:center;font-size:16px;letter-spacing:.15em;color:#111;background:#222;color:#fd0;padding:10px 16px;margin-top:4px}.final-number-label{text-align:center;font-size:8px;color:#555;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.submit-game-btn{display:block;width:100%;margin-top:20px;padding:14px;font-size:11px;font-family:"Press Start 2P",monospace;border:3px solid #111;background:#fd0;color:#111;cursor:pointer;transition:background .08s,transform .08s}.submit-game-btn:hover{background:#ffc800}.submit-game-btn:active{transform:translateY(2px)}#game-title{position:fixed;top:16px;left:50%;transform:translate(-40%);font-family:"Press Start 2P",monospace;font-size:clamp(36px,5.4vw,60px);display:flex;align-items:center;z-index:15;pointer-events:none;white-space:nowrap}#game-title .tl{display:inline-block;text-shadow:2px 2px 0 #000,-1px -1px 0 rgba(0,0,0,.4)}#game-title .tl-gap{display:inline-block;width:.55em}#game-title .tl-plain{display:inline-block;color:#000}@media (max-width: 600px){#game-title{left:8px;top:max(8px,env(safe-area-inset-top,8px));transform:none;font-size:clamp(10px,2.5vw,60px)}#game-title .tl{text-shadow:1px 1px 0 #000}}@keyframes pixel-shake{0%{margin-left:0}15%{margin-left:-12px}30%{margin-left:12px}45%{margin-left:-8px}60%{margin-left:8px}75%{margin-left:-4px}90%{margin-left:4px}to{margin-left:0}}#too-bad.shaking{animation:pixel-shake .5s ease-out}
