body{margin:0;overflow:hidden;font-family:JetBrains Mono,monospace}canvas{display:block}div.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem}div.overlay.show{display:flex}.overlay.start .strokes,.overlay.start .score,.overlay.start .replay,.overlay.start .next,.overlay.start .total-strokes,.overlay.start .total-score,.overlay.start .play-again,.overlay.complete .play,.overlay.complete .total-strokes,.overlay.complete .total-score,.overlay.complete .play-again,.overlay.summary .play,.overlay.summary .replay,.overlay.summary .next,.overlay.summary .strokes,.overlay.summary .score,.overlay.summary .par{display:none}.overlay-content{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:80%}@media screen and (min-width:768px){.overlay-content{max-width:360px}}@media screen and (min-width:1024px){.overlay-content{max-width:400px}}.overlay-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#d3d3d395;border-radius:.25em;margin-bottom:1em}.overlay-text-container p{font-size:20px;color:#fcfcfd}.overlay-text-container h1{font-size:25px;color:#fcfcfd}.overlay-text-container .over-par{color:red}.overlay-text-container .under-par{color:green}.overlay-btns-container{display:flex;flex-direction:column;gap:1em;max-width:100%}.overlay button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.overlay button:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.overlay button:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.overlay button:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}.hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.slider-container{position:absolute;bottom:2em;width:100%;display:none;justify-content:center;align-items:center}.slider-card{display:flex;flex-direction:column;align-items:center;width:50vw;background:#d3d3d350;border-radius:12px;padding:20px;pointer-events:all;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.slider-card .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;outline:none;opacity:.8;transition:opacity .2s}.slider-card .slider:hover{opacity:1}.slider-card .slider::-webkit-slider-runnable-track{width:100%;height:16px;border-radius:10px;background:linear-gradient(to right,transparent 0 var(--pc),rgba(0,0,0,.5) var(--pc) 100%),linear-gradient(to right,green,#ff0,red)}.slider-card .slider::-moz-range-track{width:100%;height:16px;border-radius:10px;background:linear-gradient(to right,transparent 0 var(--pc),rgba(0,0,0,.5) var(--pc) 100%),linear-gradient(to right,green,#ff0,red)}.slider-card .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:32px;height:32px;margin-top:-8px;background:url(/assets/golf-svgrepo-com-BRbGL-ZX.png) no-repeat center;background-size:contain;background-color:transparent;cursor:pointer}.slider-card .slider::-moz-range-thumb{width:32px;height:32px;border:none;border-radius:50%;background:url(/assets/golf-svgrepo-com-BRbGL-ZX.png) no-repeat center;background-size:contain;background-color:transparent;cursor:pointer}.slider-container.vertical{bottom:auto;top:50%;right:2em;transform:translateY(-50%);width:auto}.slider-container.vertical .slider-card{width:auto;height:50vh;padding:20px 14px}.slider-container.vertical .slider-card .slider{writing-mode:vertical-lr;direction:rtl;width:16px;height:100%}.slider-container.vertical .slider-card .slider::-webkit-slider-runnable-track{width:16px;height:100%;background:linear-gradient(to top,transparent 0 var(--pc),rgba(0,0,0,.5) var(--pc) 100%),linear-gradient(to top,green,#ff0,red)}.slider-container.vertical .slider-card .slider::-moz-range-track{width:16px;height:100%;background:linear-gradient(to top,transparent 0 var(--pc),rgba(0,0,0,.5) var(--pc) 100%),linear-gradient(to top,green,#ff0,red)}.slider-container.vertical .slider-card .slider::-webkit-slider-thumb{margin-left:-8px}