:root{--background:#0e0e16;--foreground:#f5f5f5;--accent-primary:#dd4837;--accent-secondary:#ead351;--card:#1c1c28;--stroke:hsla(0,0%,100%,.12)}html{scroll-behavior:smooth}body{color:var(--foreground);background:radial-gradient(circle at top,#1d1d2f 0,#0e0e16 55%);min-height:100vh}*,body{font-family:var(--font-unbounded),var(--font-martian-mono),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}section{scroll-margin-top:120px}.util-visibility-visible{visibility:visible}.util-visibility-hidden{visibility:hidden}.util-display-flex{display:flex}.util-display-none{display:none}.util-flex-column{flex-direction:column}.util-flex-row{flex-direction:row}.util-align-center{align-items:center}.util-justify-center{justify-content:center}.util-justify-between{justify-content:space-between}.util-min-width-120{min-width:120px}.util-min-width-40{min-width:40px}.util-min-height-30{min-height:30px}.util-min-height-40{min-height:40px}.util-position-relative{position:relative}.util-position-absolute{position:absolute}.util-position-fixed{position:fixed}.util-object-cover{object-fit:cover}.util-object-contain{object-fit:contain}.util-width-full{width:100%}.util-height-full{height:100%}.util-font-size-small{font-size:.75rem}.util-font-size-base{font-size:1rem}.util-cursor-pointer{cursor:pointer}.util-cursor-not-allowed{cursor:not-allowed}.util-opacity-60{opacity:.6}.util-opacity-80{opacity:.8}.util-opacity-100{opacity:1}.util-margin-0{margin:0}.util-margin-bottom-20{margin-bottom:20px}.util-margin-top-0{margin-top:0}.util-padding-0{padding:0}.util-text-center{text-align:center}.util-text-left{text-align:left}.util-color-black{color:#000}.util-color-white{color:#fff}.util-bg-transparent{background:transparent}.util-border-none{border:none}.util-overflow-hidden{overflow:hidden}@media (max-width:768px){.util-mobile-font-size-small{font-size:.75rem}}.navigation-bar{background-color:#ead351;color:#000;border-bottom:10px solid #dd4837;position:fixed;width:100%;height:70px;left:0;right:0;z-index:999}.navigation-container{max-width:1040px;padding:0 20px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%}.navigation-logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center}.navigation-logo-image{height:60px}.navigation-menu-button{display:none;background:none;border:none;font-size:2rem;color:#000;cursor:pointer;transition:all 1s ease}.navigation-menu-button:hover{color:#c5c5c5}.navigation-right{display:flex;flex-direction:row;align-items:center;gap:25px;min-width:200px;min-height:40px;position:relative}.navigation-fight-points{display:flex;align-items:center;min-width:120px;min-height:30px;visibility:visible}.navigation-right:has(:not(.navigation-fight-points)) .navigation-fight-points-placeholder{min-width:120px;min-height:30px;display:block}.navigation-leaderboard-link{display:flex;align-items:center;text-decoration:none;color:#000;transition:all .3s ease}.navigation-leaderboard-link:hover{transform:scale(1.1);color:#dd4837}.navigation-trophy-icon{width:40px;height:40px;border-radius:50%;background-color:rgba(117,105,40,.3);transition:all .3s ease}.navigation-trophy-emoji,.navigation-trophy-icon{display:flex;align-items:center;justify-content:center}.navigation-trophy-emoji{width:24px;height:24px;font-size:20px}.navigation-trophy-icon:hover{background-color:hsla(0,0%,100%,.4);transform:scale(1.05)}.navigation-profile-icon{padding:0;overflow:hidden;cursor:pointer}.navigation-profile-icon--active{background-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.navigation-profile-icon .navigation-profile-avatar{width:100%;height:100%!important;border-radius:50%;object-fit:cover}.navigation-profile-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.navigation-profile-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.navigation-profile-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#d34836;border-radius:50%;animation:spin 1s linear infinite}.navigation-profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}.navigation-profile-dropdown-container{position:relative;display:inline-block;z-index:1001}.navigation-profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background-color:hsla(0,0%,6%,.95);backdrop-filter:blur(10px);border:2px solid #dd4837;border-radius:8px;min-width:280px;width:max-content;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1002;padding:8px 0;display:flex;flex-direction:column;gap:0}.navigation-profile-dropdown-section{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.navigation-profile-dropdown-section:last-child{border-bottom:none}.navigation-profile-dropdown-label{font-size:12px;color:hsla(0,0%,100%,.6);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:0 16px 8px}.navigation-profile-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px;text-decoration:none;width:100%}.navigation-profile-dropdown-item:hover{background-color:rgba(221,72,55,.2);color:#ead351}.navigation-profile-dropdown-item--info{cursor:default}.navigation-profile-dropdown-item--info:hover{background-color:transparent;color:#fff}.navigation-profile-dropdown-icon{font-size:18px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.navigation-profile-dropdown-wallet-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}.navigation-profile-dropdown-wallet-label{font-size:12px;color:hsla(0,0%,100%,.6);font-weight:500}.navigation-profile-dropdown-wallet-address{font-size:13px;color:#ead351;font-weight:600;font-family:monospace;word-break:break-all}.navigation-trophy-image{width:24px;height:24px;filter:brightness(0) saturate(100%)}@media (max-width:768px){.navigation-bar{height:65px}.navigation-logo-image{height:40px}.navigation-trophy-icon{width:35px;height:35px}.navigation-profile-icon{padding:0!important}.navigation-trophy-image{width:20px;height:20px}.navigation-menu-button{display:block;display:none}.sync-popup{background:hsla(0,0%,7%,.7);padding:20px;border-radius:10px;width:350px;text-align:center;display:flex;flex-direction:column;border:2px solid #4a9eff;box-shadow:0 0 25px #4a9eff;color:#fff;backdrop-filter:blur(10px)}.navigation-container{max-width:1040px;padding:0 12px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%}}@media (max-width:350px){.navigation-logo-image{height:35px}.navigation-trophy-icon{width:30px;height:30px}.navigation-profile-icon{padding:0!important}.navigation-trophy-image{width:18px;height:18px}.navigation-right{gap:10px}}.side-menu-button{text-decoration:none}.side-menu-button--active .side-menu-circle{background:#dd4837}@media (max-width:768px){.side-menu-container{position:fixed;flex-direction:row;justify-content:space-between;width:100vw;top:90px;left:0;transform:none;border:none;border-bottom:2px solid #fff;padding:0;background:#272727;z-index:999}.side-menu-circle{width:30px;height:30px}.side-menu-button{border-radius:0;flex-direction:column;align-items:center;width:25vw;padding:5px;height:100%;font-size:9px}.side-menu-container--collapsed .side-menu-button span,.side-menu-toggle-button{display:none;align-self:center}}.welcome-screen-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;background-color:#202020;color:#fff;text-align:center;padding-top:60px}.welcome-screen-container img{width:max(20vw,30vh);height:auto;margin-bottom:30px}.main-content-wrapper{overflow:scroll;height:100vh;scroll-snap-points-y:repeat(100vh);scroll-snap-type:y proximity}.main-content-wrapper::-webkit-scrollbar{display:none}.side-menu-container--collapsed .side-menu-label.side-menu-label--hidden{display:none!important}.side-menu-toggle-button{display:block!important}.side-menu-container--collapsed .side-menu-button .side-menu-circle{display:flex!important}.side-menu-container--collapsed .side-menu-container{width:auto;min-width:60px;padding-left:5px;padding-right:5px}.side-menu-container{position:fixed;top:50%;width:270px;transform:translateY(-50%);left:0;background:rgba(0,0,0,.5);box-shadow:0 4px 6px rgba(0,0,0,.1);padding-left:10px;padding-right:5px;padding-bottom:10px;border-radius:4px;display:flex;flex-direction:column;gap:0;color:#fff;border-left:2px solid #fff;z-index:999}.side-menu-link{text-decoration:none}.side-menu-button{text-decoration:none!important;display:flex;align-items:center;gap:8px;padding:8px;border:none;border-radius:8px;background:none;cursor:pointer;transition:all .2s ease-in-out;color:#fff;width:100%;font-family:inherit}.side-menu-button:hover{background:#f7f7f7;color:#000}.side-menu-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:3px solid #000;border-radius:50%;font-weight:700;background-color:#fff;color:#dd4837}.side-menu-button--active .side-menu-circle{background:#dd4837!important;color:#fff}.side-menu-toggle-button{align-self:flex-end;background:rgba(17,13,13,0);color:#fff;border:none;width:100%;padding:5px;cursor:pointer}.side-menu-label{display:inline}.side-menu-label--hidden{display:none}.side-menu-container--collapsed{width:auto;min-width:60px;padding-left:5px;padding-right:5px}.side-menu-container--collapsed .side-menu-button{justify-content:center;padding:8px 5px}@media (max-width:768px){.side-menu-container{position:fixed;flex-direction:row;justify-content:space-between;width:100vw;top:90px;left:0;transform:none;border:none;border-bottom:2px solid #fff;padding:0;background:#272727;z-index:999}.side-menu-circle{width:30px;height:30px}.side-menu-button{border-radius:0;flex-direction:column;align-items:center;width:25vw;padding:5px;height:100%;font-size:9px}.side-menu-container--collapsed .side-menu-button span,.side-menu-toggle-button{display:none!important;align-self:center}}