*{box-sizing:border-box}html{--red: #fa0017;--yellow: #f0c400;--green: #00a070;--blue: #0060ff}html,body,#root{height:100%;margin:0}#root{display:flex;flex-direction:column;justify-content:center;align-items:center}body{background-color:#ce4c4c;background-image:url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23c4bea2' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#header{flex:1 1 15%}#slot-machine-wrapper{flex:1 1 65%}#footer{flex:1 1 20%}[id^=clubSvgWrapper]{height:95%}.letters{stroke-width:5px;stroke:#000}.wood .letters{fill:var(--red)}.hybrid .letters{fill:var(--yellow)}.iron .letters{fill:var(--green)}.putter .letters,.wedge .letters{fill:var(--blue)}.Star #background,.Star #eyes{fill:#000}.Star #foreground,.Star #pupils{fill:#ff0}.Beer #background{fill:#c55e00}.Plank .section1{fill:#f5e95a;stroke-width:1.33333325}.Plank .section2{fill:#b0a864;stroke-width:1.33333325}.Plank .section3{fill:#3399ae;stroke-width:1.33333325}.Plank .section4{fill:#dd3d18;stroke-width:1.33333325}.Plank .section5{fill:#636259;stroke-width:1.33333325}.Plank .section6{fill:#635c37;stroke-width:1.33333325}.Plank .secion7{fill:#080700;fill-opacity:1;stroke-width:1.33333325}#WashInWrapper{position:absolute;bottom:0;right:0;width:100vw;height:100vh;z-index:10000;background-color:#000;animation:fadeOut 3s;-webkit-animation:fadeOut 3s;opacity:0;top:-10000px;left:-10000px}#WashInSubWrapper{background:#000;animation:expandFromCenter 3s;-webkit-animation:expandFromCenter 3s;width:100%;height:100%}@-webkit-keyframes expandFromCenter{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(50)}}@keyframes expandFromCenter{0%{transform:scale(.1)}50%{transform:scale(1)}to{transform:scale(50)}}@keyframes fadeOut{0%{opacity:1;top:0;left:0;bottom:0;right:0}50%{opacity:.5;top:0;left:0;bottom:0;right:0}to{opacity:0;z-index:-1;top:0;left:0;bottom:0;right:0}}#toad{fill:#fff}#header{position:relative;z-index:999;top:0;width:min(85vh,85vw);animation:MoveUpDown 2s linear infinite;-webkit-animation:MoveUpDown 2s linear infinite}@-webkit-keyframes MoveUpDown{0%{top:-10px}50%{top:15px}to{top:-10px}}@keyframes MoveUpDown{0%{top:-10px}50%{top:15px}to{top:-10px}}.background{fill:#a5682a;stroke-width:4px;stroke:#fff}.foreground *{stroke-width:4px;stroke:#000}.foreground .Red{fill:var(--red)}.foreground .Yellow{fill:var(--yellow)}.foreground .Green{fill:var(--green)}.foreground .Blue{fill:var(--blue)}.scene{position:relative;width:100%;height:130px;margin:80px auto}.carousel{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform 1s}.carousel__cell{position:absolute;width:100%;height:130px;left:0;top:0}.spinner{display:flex;border:2px solid black;background-color:#fff;width:100%;overflow:hidden;height:100%;justify-content:center;align-items:center}.carousel.spin{animation:rotateX 12s infinite linear}@keyframes rotateX{0%{transform:rotateX(0)}to{transform:rotateX(-3600deg)}}.carousel__cell{background:#fff}.pushable{background:#716313;border:0;padding:0;cursor:pointer;outline-offset:4px;border-radius:50%}.pushable:disabled{cursor:not-allowed}.front{display:block;padding:1em;font-size:1.25rem;background:var(--yellow);color:#fff;transform:translateY(-6px);border:1px solid #716313;border-radius:50%;height:min(90px,20vw);width:min(90px,20vw)}.pushable:disabled .front{background-color:#a38b03;transform:translateY(-3px)}.slot{height:100%;width:33.33333%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.carousel-options{margin:1.5em 0 .15em}.slot .spinner:not(.spinning) .carousel__cell:not(.selected){filter:blur(1px)}.slot .spinner:not(.spinning) .carousel__cell.selected{border-top:3px solid var(--red);border-bottom:3px solid var(--red)}button.spin-button{padding:2em}#slot-machine-wrapper{background-color:#faebd7;padding:1em;border:1em solid bisque;border-radius:2em;display:flex;height:min(75vh,75vw);width:min(75vh,75vw)}#slot-machine{display:flex;width:100%}.slot:nth-child(2) .spinner{border-left:0;border-right:0}@media (max-width: 500px){#slot-machine-wrapper{padding:.75em;border:.5em solid bisque}#slot-machine-wrapper{height:min(85vh,85vw);width:min(85vh,85vw)}}#footer{display:flex;justify-content:space-evenly;width:min(75vw,75vh);align-items:center}#footer button{height:15vh;padding:0;border:0;border-radius:1em;background-color:transparent;cursor:pointer}#footer #mute #top{stroke:#000;fill:var(--blue);stroke-width:10}#footer #mute #bottom{stroke:#fff;fill:#000;stroke-width:10}#footer #mute #slash-bottom{stroke:#000;fill:#f9f9f9;stroke-width:5}#footer #mute #slash-top{fill:var(--red);stroke-width:10}#footer #bag #top{fill:var(--green);fill-opacity:1;stroke:#000;stroke-width:5;stroke-opacity:1}#footer #bag:disabled{cursor:default}#footer #bag:disabled #top{fill:#244b3f}#footer #bag #left-club{fill:#deefe9;stroke:#000;stroke-width:4}#footer #bag #middle-left-club{fill:#465a54;stroke:#000;stroke-width:4}#footer #bag #middle-right-club{fill:#937171;stroke:#000;stroke-width:4}#footer #bag #right-club{fill:#575757;stroke:#000;stroke-width:4}#footer #bag #bottom{fill:#000;fill-opacity:1;stroke:#fff;stroke-width:5;stroke-opacity:1}#footer #restart{opacity:0}#footer #restart.show{opacity:1;transition:opacity .5s ease-in-out}#footer #restart #top{fill:var(--blue);fill-opacity:1;stroke:#000;stroke-width:8;stroke-opacity:1}#footer #restart #bottom{fill:#fff;fill-opacity:1;stroke:#fff;stroke-opacity:1;stroke-width:8}@font-face{font-family:Party;src:url(/RetroMario-Regular.otf) format("opentype")}#bagDialog{display:flex;flex-direction:column;position:absolute;top:1em;left:1em;right:1em;bottom:1em;border:.5em solid bisque;border-radius:2em;background-color:#faebd7;overflow:auto;-webkit-overflow-scrolling:touch;outline:none;padding:1em;max-width:500px}#bagDialog #closeDialog{height:10vh;width:10vh;background-color:transparent;border:none;align-self:flex-end}#bagDialog #closeDialog path{fill:var(--red);stroke:#773838;stroke-width:6px}#bagDialog #bagDialogContent{font-family:Party,serif}#bagDialog #bagDialogContent fieldset{border-color:var(--green);border-radius:.25em}#bagDialog #bagDialogContent legend{color:var(--green);font-size:3em}#bagDialog #bagDialogContent label{color:var(--blue);font-size:2em;width:100%;display:flex;justify-content:space-between;align-items:center;margin:.25em 0}#bagDialog #bagDialogContent label span{padding-left:.25em}.ReactModal__Overlay{opacity:0;transition:opacity .3s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}