:root{--messagePopupHeight:60px}.bottomNavButtons{border-radius:10px;height:var(--bottom-button-container-height-desktop);margin-top:20px;width:auto}.mainContainer{height:calc(100dvh - var(--desktop-nav-height));overflow-y:none}.showPopupHeight{height:var(--messagePopupHeight)}.leftPanelInnerContainerHeight{height:calc(100dvh - var(--desktop-nav-height) - 60px - var(--bottom-button-container-height-desktop))}.leftPanelInnerContainerHeight.showPopup{height:calc(100dvh - var(--desktop-nav-height) - 60px - var(--bottom-button-container-height-desktop) - var(--messagePopupHeight))}.leftPanelInnerContainerHeightNoButtons{height:calc(100dvh - 40px - var(--desktop-nav-height))}.leftPanelInnerContainerHeightNoButtons.showPopup{height:calc(100dvh - 40px - var(--desktop-nav-height) - var(--messagePopupHeight))}.leftPanelInnerContainerHeightSafari{height:calc(100dvh - var(--desktop-nav-height) - 60px - var(--bottom-button-container-height-desktop))}.leftPanelInnerContainerHeightSafari.showPopup{height:calc(100dvh - var(--desktop-nav-height) - 60px - var(--bottom-button-container-height-desktop) - var(--messagePopupHeight))}.leftPanelInnerContainerHeightNoButtonsSafari{height:calc(100dvh - 40px - var(--desktop-nav-height))}.leftPanelInnerContainerHeightNoButtonsSafari.showPopup{height:calc(100dvh - 40px - var(--desktop-nav-height) - var(--messagePopupHeight))}.dvhHeight,.noDvhHeight{height:calc(100dvh - 140px)}.rightPanelHasPopupHeight{height:100%}@media (max-width:768px){.rightPanelHasPopupHeight{height:calc(100% - var(--messagePopupHeight))!important}}@media (max-width:576px){.dvhHeight{height:calc(100dvh - 105px)}.bottomNavButtons{width:100%;position:fixed;bottom:0;border-radius:0;height:var(--bottom-button-container-height-mobile);margin-top:20px}.mainContainer{height:calc(100dvh - var(--mobile-nav-height))}.leftPanelInnerContainerHeight{height:calc(100dvh - var(--mobile-nav-height) - var(--bottom-button-container-height-desktop) + 10px)}.leftPanelInnerContainerHeight.showPopup{height:calc(100dvh - var(--mobile-nav-height) - var(--bottom-button-container-height-desktop) + 10px - var(--messagePopupHeight))}.leftPanelInnerContainerHeightNoButtons{height:calc(100dvh - var(--mobile-nav-height) - 8px)}.leftPanelInnerContainerHeightNoButtons.showPopup{height:calc(100dvh - var(--mobile-nav-height) - 8px - var(--messagePopupHeight))}.leftPanelInnerContainerHeightSafari{height:calc(100dvh - var(--mobile-nav-height) - var(--bottom-button-container-height-desktop) - 20px)}.leftPanelInnerContainerHeightSafari.showPopup{height:calc(100dvh - var(--mobile-nav-height) - var(--bottom-button-container-height-desktop) - 20px - var(--messagePopupHeight))}.leftPanelInnerContainerHeightNoButtonsSafari{height:calc(100dvh - 40px - var(--mobile-nav-height))}.leftPanelInnerContainerHeightNoButtonsSafari.showPopup{height:calc(100dvh - 40px - var(--mobile-nav-height) - var(--messagePopupHeight))}}.shadow-top-fade{position:relative;border-radius:20px;top:0;left:0;right:0}.shadow-top-fade:before{content:"";border-radius:10px;position:absolute;top:0;left:0;right:0;height:70%;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,46.7%,.3),rgba(172,171,171,0))}@media (max-width:768px){.shadow-top-fade:before{top:0;left:0;right:0}}.buttonOffset-1{scale:0;top:0;opacity:0;transition:opacity .1s,top 0s 1s,scale .4s;background:var(--bg-colour);height:50px}.btn-menu.clicked~.buttonOffset-1{transition:all .5s cubic-bezier(0,1,.7,1.15)!important;opacity:1!important;top:-55px!important;scale:1!important}.buttonOffset-2{scale:0;top:0;opacity:0;transition:opacity .1s,top 0s 1s,scale .4s;background:var(--bg-colour);height:50px}.btn-menu.clicked~.buttonOffset-2{transition:all .7s cubic-bezier(0,1,.7,1.15)!important;opacity:1!important;top:-105px!important;scale:1!important}.buttonOffset-3{scale:0;top:0;opacity:0;transition:opacity .1s,top 0s 1s,scale .4s;background:var(--bg-colour);height:50px}.btn-menu.clicked~.buttonOffset-3{transition:all .9s cubic-bezier(0,1,.7,1.15)!important;opacity:1!important;top:-155px!important;scale:1!important}.buttonOffset-4{scale:0;top:0;opacity:0;transition:opacity .1s,top 0s 1s,scale .4s;background:var(--bg-colour);height:50px}.btn-menu.clicked~.buttonOffset-4{transition:all 1.1s cubic-bezier(0,1,.7,1.15)!important;opacity:1!important;top:-205px!important;scale:1!important}.buttonOffset-5{scale:0;top:0;opacity:0;transition:opacity .1s,top 0s 1s,scale .4s;background:var(--bg-colour);height:50px}.btn-menu.clicked~.buttonOffset-5{transition:all 1.3s cubic-bezier(0,1,.7,1.15)!important;opacity:1!important;top:-255px!important;scale:1!important}.buttonGroupContainer{position:relative;width:100%}.btn-menu,.button-loop-button,.button-loop-button-container{display:flex;align-items:center;justify-content:center;width:100%;position:absolute;background:var(--bg-colour)}.emptyCardStyling{height:100%;position:absolute;top:0;left:0;z-index:4;width:100%;background:var(--bg-colour);border-radius:10px}.editableCardContainer{height:530px;max-height:55vh;width:-moz-fit-content;width:fit-content;z-index:0}@media (max-width:576px){.editableCardContainer{max-height:63vh}}.editableCardActionsContainer{min-height:25%;height:-moz-fit-content;height:fit-content;width:100%}.heroTicketRow{--box-size:52px;width:220px;gap:5px;margin-top:8px}.heroTicketRow,.nicknameContainer{display:flex;justify-content:center}.nicknameContainer{align-items:center;width:100%;border-radius:30px;padding:0 10px;border:var(--sc-colour) 2px solid}.formTextAlign>input{text-align:center}.leftTopPanelTitle{height:70px;width:100%;border-bottom:3px solid var(--sc-colour);border-top-left-radius:10px;border-top-right-radius:10px}@media(max-width:768px){.leftTopPanelTitle{height:50px!important;margin-top:-15px;margin-bottom:5px}}.staggered-fade-enter-active[data-v-968ef322]{transition-delay:0s}.staggered-fade-enter-to[data-v-968ef322]{opacity:1;transform:scale(1)}.rowBoxContainer{height:80px;width:80px;border:var(--sc-colour) 2px solid;border-radius:5px;position:relative}.rowBoxContainer,.rowBoxContainer .resultsIcon{display:flex;align-items:center;justify-content:center}.rowBoxContainer .resultsIcon{position:absolute;bottom:-15px;left:calc(50% - 15px)}.loss,.rowBoxContainer .win{background:var(--bg-colour);width:30px;height:30px;border-radius:50%;padding-top:1px;display:flex;align-items:center;justify-content:center;overflow:hidden}.rowBoxContainer .win{color:var(--sc-colour);border:3px solid var(--sc-colour)}.rowBoxContainer .loss{border:3px solid red;color:red}.textBasedResults{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-on-bg-colour);font-size:2.8rem;margin-bottom:3px}@media (max-width:576px){.drawColourText{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-5px;translate:0 -3px;font-size:.8rem;margin:0!important}}.heroObjectPosition{-o-object-position:0 -12px;object-position:0 -12px}.tallHero{-o-object-position:0 -5px;object-position:0 -5px}.smallHero{-o-object-position:0 -20px;object-position:0 -20px}@media (max-width:992px){.heroObjectPosition{-o-object-position:0 2px;object-position:0 2px;scale:1.6}.tallHero{-o-object-position:0 10px;object-position:0 10px}.smallHero{-o-object-position:0 -15px;object-position:0 -15px}}@media (max-width:576px){.heroObjectPosition{-o-object-position:0 6px;object-position:0 6px;scale:1.6}.tallHero{-o-object-position:0 10px;object-position:0 10px}.smallHero{-o-object-position:0 -5px;object-position:0 -5px}}.heroCardSpacing{position:relative;margin-right:190px;gap:190px}.heroCardSpacing:not(:last-child):after{content:"";position:absolute;right:-97px;top:1%;height:98%;width:3px;border-radius:3px;background:var(--sc-colour);opacity:.35}.heroCardSpacing:first-child{margin-left:70px}