.world-cup-page .layout .nav-container{position:relative;padding:63px 0 59px;width:100%;height:100%;background-color:#172131;box-shadow:-10px 0px 12px 0px rgba(0,0,0,.1019607843);display:flex;justify-content:center}.world-cup-page .layout .nav-bar{position:fixed;display:flex;z-index:2;flex-direction:column;max-width:311px;width:100%;height:93vh;background-repeat:no-repeat;background-position:0px -61px;align-items:center}.world-cup-page .layout .nav-bar .nav-box{max-width:224px;width:100%;margin-top:64px;display:flex;flex-direction:column;height:100%;justify-content:space-between}.world-cup-page .layout .nav-bar .nav-box .nav-items{display:flex;flex-direction:column;gap:9px}.world-cup-page .layout .nav-bar .nav-box .bottom-items{display:flex;flex-direction:column;gap:9px}.world-cup-page .layout .nav-bar .nav-box .bottom-items .item:last-child div{margin-right:-4px}.world-cup-page .layout .nav-bar .nav-box .item{padding:5px;width:100%;display:flex;border-radius:33px;background-color:rgba(25,36,55,0);height:56px;align-items:center;gap:22px;transition:all .3s;overflow:hidden;cursor:pointer}.world-cup-page .layout .nav-bar .nav-box .item div{width:47px;height:47px;padding:9px;display:flex;border-radius:50%;background-color:rgba(255,192,1,0);align-items:center;justify-content:center;transition:all .3s}.world-cup-page .layout .nav-bar .nav-box .item p{color:#fff;font-weight:400;font-size:16px;line-height:normal;margin:0}.world-cup-page .layout .nav-bar .nav-box .item.active{background-color:rgba(38,68,118,.6)}.world-cup-page .layout .nav-bar .nav-box .item.active div{background-color:#ffc001;box-shadow:-20px 0px 18px 10px rgba(255,196,0,.14),20px 0 20px 7px rgba(255,196,0,.41)}.world-cup-page .layout .nav-bar .nav-box .item.active div svg .path{fill:#000}.world-cup-page .layout .nav-bar .nav-box .item.active div svg .path-stroke{stroke:#000}.point-info-modal{position:fixed;inset:0;z-index:999;display:flex;justify-content:center;align-items:center;background:rgba(11,17,27,.58);backdrop-filter:blur(8px);visibility:hidden;opacity:0;transition:opacity .5s ease,visibility .5s ease}.point-info-modal.active{visibility:visible;opacity:1}.point-info-modal.active .point-info-page{bottom:50%;transform:translateY(50%)}.point-info-page{position:absolute;bottom:-100%;max-width:760px;width:100%;max-height:calc(100vh - 48px);padding:49px 49px 24px;border-radius:32px;background:#1f2d45;box-shadow:0 0 8px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;transition:all .5s}.point-info-drag-handle{width:45px;height:4px;margin:15px auto 8px;border-radius:99px;background:#ffc001;cursor:grab;flex-shrink:0;display:none}.point-info-close-btn{display:flex;padding:.5rem;margin-right:auto;border:none;border-radius:.5rem;background:rgba(0,0,0,0);color:#fff;cursor:pointer;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.point-info-close-btn svg{width:16px;height:16px}.point-info-close-btn:hover{background:hsla(0,0%,100%,.1)}.point-info-close-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(14,165,233,.5)}.point-info-card{max-width:660px;width:100%;position:relative;display:flex;flex-direction:column;height:100%}.point-info-header{display:flex;align-items:center;gap:16px;margin-top:10px}.point-info-header h1{margin:0;color:#fff;font-size:16px;font-weight:500;line-height:normal;text-align:start;white-space:nowrap}.point-info-header-border{width:100%;height:1px;background-color:hsla(0,0%,100%,.1)}.point-info-body{width:100%;padding:23px 0 0}.point-info-body .sub-title{display:flex;gap:6px;align-items:center}.point-info-rules{padding:0 8px 0;color:#fff;overflow:auto;height:58vh;direction:ltr;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,0.1019607843) rgba(0,0,0,0)}.point-info-rules .description{direction:rtl;border-bottom:1px solid hsla(0,0%,100%,.2);padding-top:12px}.point-info-rules .description .sub-title{font-weight:900;font-size:18px;line-height:normal;text-align:right;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:6px}.point-info-rules .description .score-item{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.point-info-rules .description .score-item .score-title{color:#fff;font-weight:400;font-size:18px;line-height:normal;text-align:right}.point-info-rules .description .score-item .score{color:#96d61a;font-weight:600;font-size:18px;line-height:normal;text-align:right;white-space:nowrap}.point-info-rules ul{list-style:none;display:flex;flex-direction:column;gap:16px;margin:0;padding:0}.point-info-rules li{position:relative;padding-right:24px;color:#fff;font-size:16px;font-weight:400;line-height:normal;text-align:right}.point-info-rules li::before{content:"";position:absolute;right:0;top:4px;width:16px;height:16px;background:url(/wp-content/themes/mtn_personal/world-cup-game/assets/images/li-marker.svg) center/contain no-repeat}.point-info-rules span,.point-info-rules strong{color:#96d61a;font-size:inherit;font-weight:400;line-height:normal}.point-info-rules p{margin:0;color:#fff;font-size:16px;line-height:1.8;text-align:right}.point-info-footer{margin-top:28px}.point-info-footer-close{display:flex;width:160px;height:40px;align-items:center;justify-content:center;margin:0 auto;border:none;border-radius:8px;background-color:#ffc001;color:#111;font-weight:500;font-size:14px;line-height:normal;cursor:pointer}@media(max-width: 768px){.point-info-modal{height:100vh;border:0;align-items:flex-end}.point-info-page{position:relative;bottom:unset;width:100%;height:auto;min-height:92vh;max-height:100vh;padding:0 30px 33px;border-radius:24px 24px 0 0;background:#1f2d45;box-shadow:0 -5px 4px rgba(0,0,0,.25);overflow-y:auto;overscroll-behavior:contain;transition:transform .4s cubic-bezier(0.32, 0.72, 0, 1);touch-action:pan-y}.point-info-page.dragging{transition:none}.point-info-page .point-info-close-btn{display:none}.point-info-modal.active .point-info-page{bottom:0;transform:translateY(0)}.point-info-drag-handle{display:block;height:3px;margin:10px auto 16px}.point-info-header{gap:16px;margin-top:0}.point-info-header h1{font-size:14px;line-height:22px}.point-info-body{padding:15px 0 0}.point-info-rules{margin-top:0px;padding:25px 0 23px}.point-info-rules ul{gap:16px}.point-info-rules li,.point-info-rules p{font-size:12px}.point-info-footer{margin-top:27px}}.mobile-nav-bar{display:none}.logout-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7)}.logout-modal.active{display:flex}.logout-modal__content{max-width:320px;width:90%;padding:30px;border-radius:16px;background-color:#1e293b;text-align:center}.logout-modal__title{margin:0 0 15px;color:#fff !important;font-size:18px}.logout-modal__text{margin:0 0 25px;color:#fff !important;font-size:14px}.logout-modal__buttons{display:flex;gap:15px}.logout-modal__button{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:bold;cursor:pointer;transition:opacity .2s ease}.logout-modal__button:hover{opacity:.9}.logout-modal__button:disabled{cursor:not-allowed;opacity:.7}.logout-modal__button--confirm{background-color:#ef4444;color:#fff}.logout-modal__button--cancel{background-color:#334155;color:#e2e8f0}@media(max-width: 1220px){.world-cup-page .layout .nav-container{display:none}.world-cup-page .layout .nav-bar{display:none}.world-cup-page .layout .mobile-nav-bar{width:100%;display:flex;position:fixed;z-index:5;gap:100px;bottom:-2px;height:100px;justify-content:center}.world-cup-page .layout .mobile-nav-bar .nav-box{display:flex;max-width:fit-content;width:100%;background:hsla(0,0%,100%,0.2392156863);border-radius:33px;height:57px;border:1px solid rgba(26,26,26,0.0509803922);backdrop-filter:blur(16px);box-shadow:inset -4px 4px 8px rgba(17,17,17,0.1490196078),0 4px 4px 0 rgba(0,0,0,.25);padding:6px 11px;gap:8.8px}.world-cup-page .layout .mobile-nav-bar .nav-items{display:flex;flex-direction:column;gap:9px}.world-cup-page .layout .mobile-nav-bar .item{padding:5.5px;display:flex;width:44px;border-radius:33px;background-color:rgba(0,0,0,.1490196078);height:44px;align-items:center;gap:0;transition:all .3s;overflow:hidden;cursor:pointer}.world-cup-page .layout .mobile-nav-bar .item div{width:44px;height:44px;padding:0;display:flex;border-radius:50%;background-color:rgba(255,192,1,0);align-items:center;justify-content:center;transition:all .3s}.world-cup-page .layout .mobile-nav-bar .item div svg{width:22px;height:22px}.world-cup-page .layout .mobile-nav-bar .item p{color:#fff;font-weight:400;font-size:12px;line-height:normal;visibility:hidden;width:0;margin:0;opacity:0}.world-cup-page .layout .mobile-nav-bar .item.active{padding:5.5px 5.5px 5.5px 22px;background-color:#101723;width:fit-content;column-gap:7px}.world-cup-page .layout .mobile-nav-bar .item.active p{visibility:visible;opacity:1;width:fit-content}.world-cup-page .layout .mobile-nav-bar .item.active div{width:33px;height:33px;background-color:#ffc001}.world-cup-page .layout .mobile-nav-bar .item.active div svg .path{fill:#000}.world-cup-page .layout .mobile-nav-bar .item.active div svg .path-stroke{stroke:#000}}