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:1033px){.overlay-content{max-width:400px}}.overlay-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#725d5d;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202000%201500'%3e%3c!--https://www.svgbackgrounds.com/set/free-svg-backgrounds-and-patterns/--%3e%3crect%20fill='%23ee5522'%20width='2000'%20height='1500'/%3e%3cdefs%3e%3cradialGradient%20id='a'%20gradientUnits='objectBoundingBox'%3e%3cstop%20offset='0'%20stop-color='%23FB3'/%3e%3cstop%20offset='1'%20stop-color='%23ee5522'/%3e%3c/radialGradient%3e%3clinearGradient%20id='b'%20gradientUnits='userSpaceOnUse'%20x1='0'%20y1='750'%20x2='1550'%20y2='750'%3e%3cstop%20offset='0'%20stop-color='%23f7882b'/%3e%3cstop%20offset='1'%20stop-color='%23ee5522'/%3e%3c/linearGradient%3e%3cpath%20id='s'%20fill='url(%23b)'%20d='M1549.2%2051.6c-5.4%2099.1-20.2%20197.6-44.2%20293.6c-24.1%2096-57.4%20189.4-99.3%20278.6c-41.9%2089.2-92.4%20174.1-150.3%20253.3c-58%2079.2-123.4%20152.6-195.1%20219c-71.7%2066.4-149.6%20125.8-232.2%20177.2c-82.7%2051.4-170.1%2094.7-260.7%20129.1c-90.6%2034.4-184.4%2060-279.5%2076.3C192.6%201495%2096.1%201502%200%201500c96.1-2.1%20191.8-13.3%20285.4-33.6c93.6-20.2%20185-49.5%20272.5-87.2c87.6-37.7%20171.3-83.8%20249.6-137.3c78.4-53.5%20151.5-114.5%20217.9-181.7c66.5-67.2%20126.4-140.7%20178.6-218.9c52.3-78.3%2096.9-161.4%20133-247.9c36.1-86.5%2063.8-176.2%2082.6-267.6c18.8-91.4%2028.6-184.4%2029.6-277.4c0.3-27.6%2023.2-48.7%2050.8-48.4s49.5%2021.8%2049.2%2049.5c0%200.7%200%201.3-0.1%202L1549.2%2051.6z'/%3e%3cg%20id='g'%3e%3cuse%20href='%23s'%20transform='scale(0.12)%20rotate(60)'/%3e%3cuse%20href='%23s'%20transform='scale(0.2)%20rotate(10)'/%3e%3cuse%20href='%23s'%20transform='scale(0.25)%20rotate(40)'/%3e%3cuse%20href='%23s'%20transform='scale(0.3)%20rotate(-20)'/%3e%3cuse%20href='%23s'%20transform='scale(0.4)%20rotate(-30)'/%3e%3cuse%20href='%23s'%20transform='scale(0.5)%20rotate(20)'/%3e%3cuse%20href='%23s'%20transform='scale(0.6)%20rotate(60)'/%3e%3cuse%20href='%23s'%20transform='scale(0.7)%20rotate(10)'/%3e%3cuse%20href='%23s'%20transform='scale(0.835)%20rotate(-40)'/%3e%3cuse%20href='%23s'%20transform='scale(0.9)%20rotate(40)'/%3e%3cuse%20href='%23s'%20transform='scale(1.05)%20rotate(25)'/%3e%3cuse%20href='%23s'%20transform='scale(1.2)%20rotate(8)'/%3e%3cuse%20href='%23s'%20transform='scale(1.333)%20rotate(-60)'/%3e%3cuse%20href='%23s'%20transform='scale(1.45)%20rotate(-30)'/%3e%3cuse%20href='%23s'%20transform='scale(1.6)%20rotate(10)'/%3e%3c/g%3e%3c/defs%3e%3cg%20transform='rotate(0%200%200)'%3e%3cg%20transform='rotate(0%200%200)'%3e%3ccircle%20fill='url(%23a)'%20r='3000'/%3e%3cg%20opacity='0.5'%3e%3ccircle%20fill='url(%23a)'%20r='2000'/%3e%3ccircle%20fill='url(%23a)'%20r='1800'/%3e%3ccircle%20fill='url(%23a)'%20r='1700'/%3e%3ccircle%20fill='url(%23a)'%20r='1651'/%3e%3ccircle%20fill='url(%23a)'%20r='1450'/%3e%3ccircle%20fill='url(%23a)'%20r='1250'/%3e%3ccircle%20fill='url(%23a)'%20r='1175'/%3e%3ccircle%20fill='url(%23a)'%20r='900'/%3e%3ccircle%20fill='url(%23a)'%20r='750'/%3e%3ccircle%20fill='url(%23a)'%20r='500'/%3e%3ccircle%20fill='url(%23a)'%20r='380'/%3e%3ccircle%20fill='url(%23a)'%20r='250'/%3e%3c/g%3e%3cg%20transform='rotate(0%200%200)'%3e%3cuse%20href='%23g'%20transform='rotate(10)'/%3e%3cuse%20href='%23g'%20transform='rotate(120)'/%3e%3cuse%20href='%23g'%20transform='rotate(240)'/%3e%3c/g%3e%3ccircle%20fill-opacity='0.1'%20fill='url(%23a)'%20r='3000'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;border-radius:.25em;margin-bottom:1em}.overlay-text-container p{font-size:18px;color:#fcfcfd;text-align:center}.overlay-text-container p.score,.overlay-text-container p.total-score{font-weight:bolder}@media screen and (min-width:1033px){.overlay-text-container p{font-size:20px}}.overlay-text-container h1{font-size:25px;color:#fcfcfd}.overlay-text-container .over-par{color:#8b0000}.overlay-text-container .under-par{color:green}.overlay-btns-container{display:flex;flex-direction:column;gap:1em;max-width:100%}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}button:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}button:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}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}.mobile-input-container{display:flex;justify-content:center;width:100%;margin:0 0 .75em}@media screen and (min-width:1033px){.mobile-input-container{display:none}}@media screen and (max-height:1033px)and (max-width:1376px)and (orientation:landscape)and (pointer:coarse){.mobile-input-container{display:flex}}.mobile-input-card{display:flex;justify-content:space-between;gap:5px;align-items:center;pointer-events:all;width:85vw;height:1em;border-radius:12px;padding:15px;background:#d3d3d350;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}@media screen and (min-width:1033px){.mobile-input-card{width:50vw}}.mobile-input-card button{height:32px;max-width:250px;width:33%;font-size:16px;background-color:#d3d3d375;color:#fff;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.mobile-input-card button span{font-size:24px}@media screen and (min-width:768px){.mobile-input-card button span{font-size:32px}}.mobile-input-card button:active{box-shadow:#00000075 0 1px 7px inset;transform:translateY(2px);color:#d4d4d5d4}.mobile-input-card button.input-shoot{background-image:url(data:image/svg+xml;base64,PCEtLSAKICBXcml0dGVuIEJ5IEBBbnRob255LUVuZzIxIG9uIEdpdGh1Yi4gQzAgSWNvbjsKICBUaGlzIFNWRyBpcyBkZWRpY2F0ZWQgdG8gdGhlIHB1YmxpYyBkb21haW4gdW5kZXIgdGhlIENyZWF0aXZlIENvbW1vbnMgQ0MwIDEuMCBVbml2ZXJzYWwgUHVibGljIERvbWFpbiBEZWRpY2F0aW9uLgogIFRvIHZpZXcgYSBjb3B5IG9mIHRoaXMgbGljZW5zZSwgdmlzaXQ6IGh0dHBzOi8vY3JlYXRpdmVjb21tb25zLm9yZy9wdWJsaWNkb21haW4vemVyby8xLjAvCi0tPgo8c3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzEyMCcgaGVpZ2h0PScxMjAnIHZpZXdCb3g9JzAgMCAxMjAgMTIwJz4KICA8cmVjdCBmaWxsPScjMDBiYjc3JyB3aWR0aD0nMTIwJyBoZWlnaHQ9JzEwMCUnLz4KICA8cmVjdCBmaWxsPScjZmZmJyBmaWxsLW9wYWNpdHk9Jy4xJyB4PScxNScgeT0nMCcgd2lkdGg9JzkwJyBoZWlnaHQ9JzEyMCcgdHJhbnNmb3JtPSJyb3RhdGUoMCwgNjAsIDYwKSIvPgogIDxjaXJjbGUgY3g9JzYwJyBjeT0nNTcnIHI9JzYnIGZpbGw9J3doaXRlJyBmaWxsLW9wYWNpdHk9JzAuOScvPgogIDxsaW5lIHgxPSI1NSIgeDI9IjU1IiB5MT0iNjUiIHkyPSI3MyIgc3Ryb2tlPSJncmV5IiBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1vcGFjaXR5PSIwLjc1Ii8+CiAgPGxpbmUgeDE9IjYwIiB4Mj0iNjAiIHkxPSI2NyIgeTI9IjgwIiBzdHJva2U9ImdyZXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utb3BhY2l0eT0iMC43NSIvPgogIDxsaW5lIHgxPSI2NSIgeDI9IjY1IiB5MT0iNjUiIHkyPSI3MyIgc3Ryb2tlPSJncmV5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW9wYWNpdHk9IjAuNzUiLz4KPC9zdmc+);background-position:center;background-size:auto;background-color:#0b7;background-repeat:no-repeat}.mobile-input-card button.input-shoot:active{color:red}.slider-container{position:absolute;bottom:2em;width:100%;display:none;justify-content:center;align-items:center;flex-direction:column}.slider-card{display:flex;flex-direction:column;align-items:center;width:85vw;padding:15px;background:#d3d3d350;border-radius:12px;pointer-events:all;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}@media screen and (min-width:1033px){.slider-card{width:50vw;padding:20px}}.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:.75em;transform:translateY(-50%);width:auto;height:100vh}@media screen and (min-width:1033px){.slider-container.vertical{right:2em}}.slider-container.vertical .slider-card{width:auto;height:32.5vh;padding:17px 12px}@media screen and (min-width:1033px){.slider-container.vertical .slider-card{height:45vh;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}@media screen and (min-width:320px)and (max-width:950px)and (orientation:landscape){.mobile-input-container{margin:0 0 .375em}.mobile-input-container .mobile-input-card{height:.75em;width:62.5vw;padding:12px 15px}.mobile-input-container .mobile-input-card button{height:24px}}@media screen and (min-width:320px)and (max-width:950px)and (orientation:landscape){.slider-card{width:62.5vw;padding:8px 16px}.slider-container.vertical .slider-card{height:50vh}}