:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}html{height:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh;height:100%}#envsButton{position:absolute}.modal-header,.modal-footer{border:none}.modal-content{border:2px solid lightgrey}.dice-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;pointer-events:none;-webkit-user-select:none;user-select:none}.dice-icon g rect{fill:none}.dice-icon g path{stroke:#000;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;fill:#fff}.dice-icon g text{font-size:1em;font-weight:700;fill:#000;text-anchor:middle}#diceSelector{position:relative;z-index:2;display:flex;justify-content:center;overflow-y:visible;height:50px}#dicePool{display:flex}#handContainer{display:flex;height:50px;min-width:250px;padding:5px}#controlContainer{display:flex;flex-direction:column;padding:5px}.pool-tray{display:flex;flex-direction:column;padding:5px;border:1px solid lightgrey;border-radius:5px;width:50px;height:251.33px;background-color:#fff}.dice-button{border:none;padding:0;background:none}.empty-slot-icon{color:#d3d3d3}.action-button:not(:hover){background-color:#fff!important}#dummyNav{color:#fff;background-color:#000}#holeInfo{display:flex;padding:5px}#infoContainer{display:flex;overflow-x:hidden;min-height:70px}#strokeInfo,#positionInfo{display:flex;flex-direction:column;width:50%;padding:5px}#positionInfo div{display:flex;gap:1em;min-height:36px}#playGameContainer{display:flex;flex-direction:column;height:100vh;-webkit-text-size-adjust:100%}#gameInfoBar{display:flex;gap:1em;justify-content:center;align-items:center;min-height:36px}#playButton{display:flex;width:50vw;max-width:210px;height:50vw;max-height:210px;border-radius:50%;padding:0;border:1px solid black}#playButton.swing-disabled{border-color:#d3d3d3}#playButton.swing-disabled svg circle.clubHead{fill:#d3d3d3}#playButtonContainer{display:flex;justify-content:center;align-items:center;padding:1em 0}#club{width:50vw;max-width:210px;height:50vw;max-height:210px;transition:height .25s,width .25s}.dirButton{border-radius:50%;aspect-ratio:1/1;background-color:transparent;margin:2rem;font-size:1.2em;transition:transform .25s;border:1px solid black}.dirButton:disabled{transform:scale(.5)}.dirButton:disabled i{opacity:0}.main-icon{position:absolute;pointer-events:none;color:#fff;font-size:2em;display:flex;flex-direction:column;align-items:center;overflow:hidden;z-index:1}#dirIcon{transition:transform .25s}#dirIcon.reversed{transform:rotate(-180deg)}i.smaller{font-size:.8em}.moving-right{animation:moving-right 1s infinite linear}@keyframes moving-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}.moving-left{animation:moving-left 1s infinite linear}@keyframes moving-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.terrain-path{stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}.terrain-path.minor{stroke-width:2}.grass{stroke:green}.bunker{stroke:brown}.water{stroke:#00f}.blank{stroke:#a9a9a9}.map-block{display:block;overflow:visible;min-width:0;min-height:0}.map-block svg{display:block;overflow:visible}.map-tick-mark path{stroke:#d3d3d3;stroke-width:2px;stroke-dasharray:4}.map-tick-mark text{stroke:none;font-weight:700;font-size:.875em}.map-tick-mark text.large{font-size:1.25em}.map-tick-mark.hidden{display:none}.hazard-tag{transform-origin:50% 50%}.hazard-tag path{fill:#fff;stroke:#000;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.hazard-tag text{stroke:none;fill:#000;text-anchor:middle;font-size:20px;font-weight:700}.flag-tag{transform-origin:50% 50%}.flag-tag path{fill:#fff;stroke:#000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.flag-tag text{fill:#000;text-anchor:middle;font-size:20px;font-weight:700}.flag-tag.back path{fill:#ff0}.flag-tag.front path{fill:red}.flag-tag.front text{fill:#fff}.map-ruler path{fill:none;stroke:#d3d3d3;stroke-width:4}.map-ruler text{fill:#d3d3d3;text-anchor:middle;font-weight:700;font-size:14px}.viewbox-border{display:none;fill:none;stroke:red;stroke-width:1}#fieldContainer{transform:scale(1);transform-origin:bottom left;overflow:visible;display:inline-block;position:relative;height:30vh;z-index:0}#field{display:inline-block;position:relative;left:0;top:0;height:auto;z-index:1;overflow-y:visible}#field svg{height:30vh;width:auto}#ball{position:absolute;z-index:3}#ball svg{display:block;position:relative;left:-50%;top:-16px;width:16px;height:16px}#player{position:absolute;z-index:4}#player svg{display:block;position:relative;left:-50%;top:-42px;width:18px;height:24px;overflow:visible;z-index:0}#positionIndicator{position:absolute;background-color:#fff;width:40px;height:40px;left:-20px;top:-144px;border:2px solid black;border-radius:50%;z-index:1}#positionIndicator p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:large;font-weight:700;margin:auto}.position-dash{stroke:#d3d3d3;stroke-width:2px;stroke-dasharray:4}#mapWrapper{position:relative;z-index:2;transform:scale(1);transform-origin:top left}.hole-map-container{display:flex;align-items:stretch}label.form-check-label{font-size:16px}.test-control{max-width:350px}.test-button{padding:10px;margin:10px}.test-button.selected{background-color:#00f;color:#fff}.test-indicator{background-color:#fff;padding:10px;margin:10px}.test-indicator.true{background-color:green;color:#fff}.test-element-container{padding:10px;margin:10px;border:2px solid black}.test-control-container{max-height:60vh;overflow-y:scroll}.test-container{display:flex;flex-direction:column;overflow-y:hidden;height:100vh;max-height:100vh;width:100vw}.test-component-container{display:flex;justify-content:center;align-items:center}#fieldWindow{overflow-y:hidden;overflow-x:auto;scrollbar-width:thin;margin:0 auto;min-height:42vh;width:95vw}#zoomButtons{position:absolute;display:flex;align-items:center;right:2.5vw;z-index:2}#zoomButtons button{margin:.25em;font-size:small}#zoomButtons button:disabled{margin:.25em;font-size:small;color:#d3d3d3}#strokeIndicator{position:absolute;background-color:#fffc;border:2px solid black;padding:.5em;border-radius:5px;z-index:2}#strokeIndicator span{margin:.25em;font-size:larger;font-weight:600}.cup-indicator{position:absolute;width:fit-content;background-color:#fffc;border:2px solid black;padding:.5em;border-radius:5px;top:54vh;right:2.5vw;z-index:2;transition-property:opacity;transition-duration:.5s}.cup-indicator.hidden{opacity:0}.cup-indicator.right{right:2.5vw}.cup-indicator.left{left:2.5vw}.cup-indicator span{margin:.25em;font-size:1.25rem;font-weight:700}