#goalie-ui{position:absolute;display:none;width:100%;top:0px;height:auto;flex-direction:column;justify-content:center;align-items:center;padding-top:calc(var(--header-size) + 10px);gap:10px;}#penalty-gauge{display:none;position:relative;opacity:0;transition:opacity 0.5s ease-in-out,
        top 0.5s ease-in-out;}#goalie-tutorial{position:relative;text-align:center;font-size:4vw;z-index:1;opacity:0;transition:opacity 0.5s ease-in-out;}#fail-text{display:none;opacity:0;position:relative;justify-content:start;flex-direction:column;align-items:center;text-align:center;gap:5px;transition:opacity 0.5s ease-in-out,
        top 0.5s ease-in-out;z-index:1;}#so-close{position:relative;opacity:0;top:-100px;font-size:11vw;color:white;font-style:italic;transition:opacity 0.5s ease-in-out,
        top 0.5s ease-in-out;}#try-again{position:relative;opacity:0;top:-100px;font-size:7vw;color:#00B4FB;-webkit-text-stroke:1.5vw #011A47;paint-order:stroke fill;letter-spacing:1px;transition:opacity 0.5s ease-in-out,
        top 0.5s ease-in-out;}.penalty-gauge-override{--gauge-value:1 !important;width:55vw !important;height:23px !important;opacity:1 !important;}.penalty-gauge-colours{background:linear-gradient(90deg, #62D4FB 0%,  #FFDC13 20%, #FF1500 50%, #FFDC13 80%, #62D4FB 100%) !important;}#puck{position:absolute;left:0%;height:38px;}#puck > img{position:relative;left:-50%;height:100%;width:auto;}.gauge-container{position:absolute;top:-150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;z-index:1990;transition:top 0.5s ease-in-out;}.gauge{--gauge-value:0.7;--gauge-border-size:4px;position:relative;width:50vw;height:20px;background:linear-gradient(135deg, #01a6e9 0%, #021a43 100%);transform:skew(-20deg);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15);opacity:0.9;}.gauge::before{content:'';position:absolute;top:var(--gauge-border-size);left:var(--gauge-border-size);right:var(--gauge-border-size);bottom:var(--gauge-border-size);background:rgba(0,23,61,0.7);}.gauge-fill{position:absolute;top:var(--gauge-border-size);left:var(--gauge-border-size);bottom:var(--gauge-border-size);width:calc((100% - 2 * var(--gauge-border-size)) * var(--gauge-value));background:linear-gradient(90deg, #ffe312 0%, #ff5601 100%);transition:width 0.5s ease;}#gauge-text-score{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:7vw;font-style:italic;}.score-text-border-container{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;}.score-text-border{position:relative;-webkit-text-stroke:2.5vw #011B45;color:transparent;}#gauge-text-score .smaller-pts-text{font-size:5vw;bottom:-0.7vw;}#score-text{position:relative;background:white;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.pts-styling{position:relative;background:linear-gradient(45deg, #e79501, #f0b701, #f1ce02);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.green{color:#48bb78;}.red{color:#DC143C;}#gauge-text-score .ping{position:absolute;font-size:5vw;-webkit-text-stroke:1vw #011B45;paint-order:stroke fill;font-weight:bold;pointer-events:none;left:100%;top:50%;transform:translate(0, -50%);animation:pingAway 0.7s ease-in-out forwards;z-index:1;}@keyframes pingAway{0%{transform:translate(0, -50%);opacity:1;}100%{transform:translate(70px, -25px);opacity:0;}}#gauge-text-score .y-motion{position:relative;transform:translate(0, 0);animation:y-motion 0.7s ease-in-out forwards;}@keyframes y-motion{0%{transform:translate(0, 0)  rotate(0deg);}50%{transform:translate(0, -20px) rotate(6deg);}100%{transform:translate(0, 0)  rotate(10deg);}}#gauge-text-score .multiplier-text{position:relative;color:white;font-size:3.5vw;-webkit-text-stroke:0.7vw #011B45;top:-20px;rotate:25deg;left:75%;z-index:0;}