@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.modes{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#e5e1da;background-image:url(/logo/loginImage.webp);background-position:center;background-size:cover;background-repeat:no-repeat;font-weight:700;position:relative;padding:1rem 1rem 8rem;box-sizing:border-box}@media (min-width: 768px){.modes{padding:1rem 2rem 10rem}}@media (min-width: 1024px){.modes{padding:1rem 2rem 4rem}}.modes_header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:1rem;width:100%;max-width:800px;padding:0 1rem}.modes_title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin-bottom:1rem;font-family:Montserrat,sans-serif;color:#fff;position:relative}.modes_title:before{color:#ff3c7b;transform:translateZ(-8px);opacity:.7}.modes_title:after{color:#4bc0c8;transform:translateZ(-4px);opacity:.5}.modes_subtitle{font-size:clamp(1rem,3vw,1.4rem);opacity:.8;font-weight:600}.modes_btn_container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:800px;position:relative;align-items:center;justify-content:center}@media (min-width: 1024px){.modes_btn_container{grid-template-columns:1fr 1fr;grid-template-areas:"classic tactical" "custom custom"}}@media (min-width: 1024px){.modes_btn:nth-child(1){grid-area:classic}}@media (min-width: 1024px){.modes_btn:nth-child(2){grid-area:tactical}}@media (min-width: 1024px){.modes_btn:nth-child(3){grid-area:custom;width:50%;justify-self:center;grid-column:span 2}}.modes_btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;border-radius:16px;width:50%;min-height:80px;padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;box-sizing:border-box;color:#fff;min-width:280px}.modes_btn:hover{transform:translateY(-2px);border-color:#fff3;background:#ffffff26}.modes_btn:hover:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff3,#fff0);animation:shine 2s ease-out}.modes_btn_icon{font-size:24px;flex-shrink:0}.modes_btn_content{display:flex;flex-direction:column;text-align:left}.modes_btn_title{font-size:clamp(1rem,4vw,1.2rem);font-weight:700}.modes_btn_desc{font-size:clamp(.8rem,3vw,.9rem);opacity:.8;font-weight:400}.modes_info{position:absolute;top:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.modes_info:hover{transform:scale(1.1);background:#fff3}.start_btn{font-size:16px;padding:12px 24px;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background:linear-gradient(135deg,#e5e1da);padding:1rem 3rem;color:#2a2f4f;font-size:1.2rem;font-weight:700;border-radius:16px;margin-top:2rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start_btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}@keyframes shine{0%{left:-100%}to{left:100%}}.popin_info{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:700px;border-radius:24px;padding:32px;min-height:400px;z-index:10}@media (min-width: 1024px){.popin_info{left:calc(50% + 100px);width:calc(100% - 260px);padding:25px 160px 50px;min-height:600px;max-width:900px;display:flex;justify-content:center;align-items:center;flex-direction:column}}@media (min-width: 480px){.popin_info{left:calc(50% + 100px);width:calc(100% - 260px);padding:25px 160px 50px;min-height:400px;max-width:900px;display:flex;justify-content:center;align-items:center;flex-direction:column}}.popin_info{color:#2a2f4f}.popin_info_firstline{display:flex;width:min-content;gap:15px;align-items:center;cursor:pointer;margin-bottom:20px}.popin_info_content{line-height:1.5}.bg_container{width:100vw;height:100vh;background-image:url(/logo/loginImage.webp);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}.connected-users{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:16px;color:#fff;width:100%;max-width:500px;margin:0 auto;box-shadow:0 8px 32px #0000001a}.connected-users h3{color:#fff;font-weight:600;font-size:24px;text-align:center;position:relative;margin-bottom:20px;font-size:1.3em;text-transform:uppercase;font-weight:700}.connected-users h3.light{background-color:#e5e1da;color:#2a2f4f;height:50px;width:70%;border-radius:8px;display:flex;justify-content:center;align-items:center}.connected-users p{display:flex;align-items:center;justify-content:center}.connected-users .connected-user-item{display:flex;justify-content:space-between;padding:14px 16px;margin-bottom:12px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);align-items:center}.connected-users .connected-user-item .user-name{min-width:130px;height:50px;max-width:350px;width:55%;background-color:#e1f1ff;border-radius:8px;border:2px solid #505050;box-shadow:-2px 2px #00000040;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;font-weight:500;color:#2a2f4f;padding:8px 16px;overflow:hidden;height:40px;margin:0}.connected-users .connected-user-item .game-buttons{display:flex;gap:12px;align-items:center}.connected-users .connected-user-item .game-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;padding:8px 16px;transition:all .3s ease;box-shadow:0 8px 32px #0000001a;height:40px;display:flex;align-items:center;justify-content:center}.connected-users .connected-user-item .game-buttons button.classic-game-btn{background-color:#4caf50;color:#fff}.connected-users .connected-user-item .game-buttons button.classic-game-btn:hover{background-color:#45a049;transform:translateY(-2px)}.connected-users .connected-user-item .game-buttons button.classic-game-btn:active{transform:translateY(1px)}.connected-users .connected-user-item .game-buttons button.tactical-game-btn{background-color:#2196f3;color:#fff}.connected-users .connected-user-item .game-buttons button.tactical-game-btn:hover{background-color:#0b7dda;transform:translateY(-2px)}.connected-users .connected-user-item .game-buttons button.tactical-game-btn:active{transform:translateY(1px)}@media (max-width: 768px){.connected-users{padding:20px}.connected-users .connected-user-item{flex-direction:column;gap:12px}.connected-users .connected-user-item .user-name{width:100%;margin-bottom:8px}.connected-users .connected-user-item .game-buttons{width:100%;justify-content:space-between}.connected-users .connected-user-item .game-buttons button{flex:1}}.login-container{position:relative;height:100vh}.login-container .login-header{position:absolute;top:1rem;right:2rem;text-align:right}.login-container .login-header h1{font-size:1.5rem;color:#8d292b;font-weight:700;margin:0}.login-container .login-header p{font-size:1rem;color:#4b4b4b;margin:0}.login-container .login-content{display:flex;height:100%}.login-container .login-image{flex:2;background-image:url(/logo/loginImage.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.login-container .login-form{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:#f5ebe3}.login-container .login-form h2{font-size:2rem;color:#8d292b;margin-bottom:1.5rem}.login-container .login-form .input-group{margin-bottom:1rem;width:100%;max-width:400px}.login-container .login-form .input-group label{display:block;font-size:1rem;color:#8d292b;margin-bottom:.5rem}.login-container .login-form .input-group input{width:100%;height:2.5rem;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-shadow:4px 4px 4px #00000040}.login-container .login-form .login-button{width:100%;max-width:400px;height:2.8rem;background-color:#8d292b;box-shadow:4px 4px 4px #00000040;color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out,color .3s ease-in-out}.login-container .login-form .login-button:hover{background-color:#732123}.login-container .login-form .forgot-password{margin-top:1rem}.login-container .login-form .forgot-password a{color:#8d292b;text-decoration:none}.login-container .login-form .forgot-password a:hover{text-decoration:underline}.login-container .login-form .signup-link{margin-top:2rem;text-align:center}.login-container .login-form .signup-link a{color:#fff;background-color:#8d292b;padding:.75rem 1rem;text-decoration:none;box-shadow:4px 4px 4px #00000040;border-radius:5px;font-weight:700;display:inline-block;line-height:1.5rem;white-space:pre-line;text-align:center;width:100%;max-width:400px;transition:background-color .2s ease-in-out,color .3s ease-in-out}.login-container .login-form .signup-link a span{display:block}.login-container .login-form .signup-link a:hover{background-color:#732123}.signup-container{position:relative;height:100vh}.signup-container .signup-header{position:absolute;top:1rem;right:2rem;text-align:right}.signup-container .signup-header h1{font-size:1.5rem;color:#8d292b;font-weight:700;margin:0}.signup-container .signup-header p{font-size:1rem;color:#4b4b4b;margin:0}.signup-container .signup-content{display:flex;height:100%}.signup-container .signup-image{flex:2;background-image:url(/logo/loginImage.webp);background-size:cover;background-position:center}.signup-container .signup-form{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:#f5ebe3}.signup-container .signup-form h2{font-size:2rem;color:#8d292b;margin-bottom:1.5rem}.signup-container .signup-form .input-group{margin-bottom:1rem;width:100%;max-width:400px}.signup-container .signup-form .input-group label{display:block;font-size:1rem;color:#8d292b;margin-bottom:.5rem}.signup-container .signup-form .input-group input{width:100%;height:2.5rem;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-shadow:4px 4px 4px #00000040}.signup-container .signup-form .signup-button{width:100%;max-width:400px;height:2.8rem;background-color:#8d292b;box-shadow:4px 4px 4px #00000040;color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out,color .3s ease-in-out}.signup-container .signup-form .signup-button:hover{background-color:#732123}.signup-container .signup-form .signup-content__actions__button{width:100%;max-width:400px;height:2.8rem;margin-top:1rem;background-color:#ccc;color:#4b4b4b;font-size:1rem;font-weight:700;border:1px solid black;box-shadow:4px 4px 4px #00000040;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out,color .3s ease-in-out}.signup-container .signup-form .signup-content__actions__button:hover{background-color:#615d5d;color:#fff}.popin__container{height:80%;background-color:#191717e6;border:4px solid #ffffff;border-radius:8px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:-2px 2px #00000040;width:100%;max-width:600px}.bg-secondary{background-color:#ece4dc;color:#5e0a0a;border-radius:12px;box-shadow:4px 4px 4px #0009}.profile{padding:30px 15px;max-width:500px;margin:auto}.profile__header{display:flex;padding:0 10px;gap:15px;margin-bottom:20px}.profile__header img{border-radius:8px;width:78px;height:81px;background-repeat:no-repeat;background-size:cover}.profile__header--info{width:100%}.profile__username{display:flex;justify-content:center;align-items:center;height:45px}.profile__user--infos{display:flex;justify-content:center;align-items:center;color:#e3e0e0;height:50%;font-weight:600;font-style:italic}.profile__ranking{display:flex;justify-content:center;align-items:center;width:100%;gap:20%;margin-bottom:20px}.profile__ranking--card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:5px 8px;gap:3px}.ranking{background-color:#2a2f4f;color:#e5e1da;padding:3px 5px;border-radius:4px}.profile__content{width:95%;margin:auto;border-radius:0 0 12px 12px;background-color:#f0f0f4;border-bottom:1px solid #000000;display:flex;justify-content:center;align-items:center;flex-direction:column}.profile__content__title{width:100%;height:40px;box-shadow:-2px 2px #00000040;background-color:#c3cae0;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #1b1a1a;border-top:1px solid #1b1a1a;position:relative}.profile__content__title svg{position:absolute;left:10px}.profile__content .history__games{width:90%;margin:auto;display:flex;justify-content:center;align-items:center;padding:10px 0}.profile__content .pass{display:flex;justify-content:center;align-items:center;width:90%;margin:auto;flex-direction:column;padding:10px}.profile__content .pass__available{color:#2a2f4f;font-size:16px;font-weight:500;font-style:italic;margin-top:40px}.profile__content .pass__btn{border-radius:12px;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background-color:#e5e1da;color:#2a2f4f;min-width:130px;height:60px;width:90%;height:34px;margin:20px auto 10px;padding:0 10px}.profile__content .pass__info{font-size:14px;font-style:italic;width:90%;margin:auto;text-align:center;font-weight:400}.profile__content .chest__tab{display:flex;justify-content:center;align-items:center;width:90%;margin:auto;flex-direction:column;padding:10px}.profile__content .chest__history{flex-direction:row}.profile__content .chest__next__available{font-size:14px;font-style:italic;margin:20px auto;font-weight:400}.profile__content .chest__next svg{margin-top:10px}.profile__content .chest__next__time{font-size:24px}.profile__content .bag{display:flex;justify-content:center;align-items:center;width:90%;margin:auto;flex-direction:column;padding:10px}.nav__btn{display:flex;justify-content:center;width:95%;margin:20px auto;gap:10px}.nav__btn .profile__btn{width:43%;height:47px;border-radius:10px;gap:10px}.nav__btn button{display:flex;justify-content:center;align-items:center;justify-content:start;width:33%;border-radius:25px;height:36px;background-color:#e5e1da;color:#2a2f4f;font-size:16px;gap:5px;cursor:pointer}.nav__btn button svg{margin-left:7px}.shop-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center;background:#2a2f4ff2}@media (max-width: 480px){.shop-container{max-width:350px;max-height:calc(100vh - 140px);transform:translate(-50%,-50%)}.shop-container:global(.modal-open){position:fixed}}.shop-container__header{color:#fff;font-weight:600;font-size:24px;margin-bottom:24px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.shop-container__header.light{background-color:#e5e1da;color:#2a2f4f;height:50px;width:70%;border-radius:8px;display:flex;justify-content:center;align-items:center}.shop-container__header svg{width:24px;height:24px;color:#fff;margin-right:10px}.shop-container__content{width:100%;margin:24px 0;position:relative;overflow:hidden}.shop-container .shop-items-container{display:flex;flex-direction:column;gap:16px;filter:blur(8px);pointer-events:none}.shop-container .shop-item{border-radius:16px;padding:16px;display:flex;align-items:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);color:#fff}.shop-container .shop-item .item-image{width:80px;height:80px;margin-right:16px;border-radius:12px;overflow:hidden;position:relative;background:#ffffff0d}.shop-container .shop-item .item-image img{width:100%;height:100%;object-fit:cover}.shop-container .shop-item .item-details{flex:1;display:flex;flex-direction:column;gap:8px}.shop-container .shop-item .item-details h3{margin:0;color:#fff;font-size:18px;font-weight:600}.shop-container .shop-item .item-details .price{color:#5e0a0a;font-size:16px;font-weight:500}.shop-container .shop-item:hover{transform:translateY(-2px)}@media (max-width: 768px){.shop-container .shop-container__header{font-size:20px}.shop-container .shop-container .shop-item{padding:12px}.shop-container .shop-container .shop-item .item-image{width:60px;height:60px}.shop-container .shop-container .shop-item .item-details h3{font-size:16px}.shop-container .shop-container .shop-item .item-details .price{font-size:14px}}@media (max-width: 480px){.shop-container .shop-container{padding:24px}.shop-container .shop-container__header{font-size:18px}.shop-container .shop-container .shop-item{padding:12px}.shop-container .shop-container .shop-item .item-image{width:50px;height:50px}.shop-container .shop-container .shop-item .item-details h3{font-size:14px}.shop-container .shop-container .shop-item .item-details .price{font-size:12px}}.friends-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center;background:#2a2f4ff2}@media (max-width: 480px){.friends-container{max-width:350px;max-height:calc(100vh - 140px);transform:translate(-50%,-50%)}.friends-container:global(.modal-open){position:fixed}}@media (max-width: 768px){.friends-container{padding:32px}}.friends-container__header{color:#fff;font-weight:600;font-size:24px;margin-bottom:24px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.friends-container__header.light{background-color:#e5e1da;color:#2a2f4f;height:50px;width:70%;border-radius:8px;display:flex;justify-content:center;align-items:center}.friends-container__header svg{width:20px;height:20px}@media (max-width: 480px){.friends-container__header svg{width:24px;height:24px}}.friends-container__add{width:100%;display:flex;gap:12px;margin:16px 0}@media (max-width: 480px){.friends-container__add{margin:24px 0}}.friends-container__add input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;color:#fff;font-size:14px}@media (max-width: 480px){.friends-container__add input{width:150px;font-size:16px}}.friends-container__add input::placeholder{color:#ffffff80}.friends-container__add input:focus{outline:none;border-color:#5e0a0a}.friends-container__add button{border-radius:12px;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background:#5e0a0a;color:#fff;padding:12px 16px}@media (max-width: 480px){.friends-container__add button{padding:8px 12px}}.friends-container__add button:hover{background:#750c0c}.friends-container__list{width:100%;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}@media (max-width: 480px){.friends-container__list{max-height:calc(100vh - 350px);gap:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}}.friends-container__list-title{background:#ffffff0d;color:#fff;font-size:16px;font-weight:600;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;position:relative}@media (max-width: 480px){.friends-container__list-title{font-size:18px;padding:10px}}.friends-container__list-title img{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;cursor:pointer;opacity:.7;transition:opacity .3s ease}@media (max-width: 480px){.friends-container__list-title img{width:20px;height:20px}}.friends-container__list-title img:hover{opacity:1}.friends-container__list-item{background:#ffffff0d;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}@media (max-width: 480px){.friends-container__list-item{padding:16px;border-radius:16px}}.friends-container__list-item:hover{background:#ffffff1a}.friends-container__list-item .username{color:#fff;font-weight:500;display:flex;align-items:center;gap:8px}@media (max-width: 480px){.friends-container__list-item .username{gap:12px}}.friends-container__list-item .actions{display:flex;align-items:center;gap:8px}@media (max-width: 480px){.friends-container__list-item .actions{width:100%;flex-direction:row;justify-content:space-between}}.friends-container__list-item .actions select{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:9px 28px 9px 12px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}@media (max-width: 480px){.friends-container__list-item .actions select{padding:8px 32px 8px 16px;font-size:14px;background-size:16px}}.friends-container__list-item .actions select:hover{background-color:#ffffff26}.friends-container__list-item .actions select:focus{outline:none;border-color:#5e0a0a}.friends-container__list-item .actions select option{background-color:#2a2f4f;color:#fff}.friends-container__list-item .actions button{border-radius:12px;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background:#5e0a0a;color:#fff;padding:8px 16px}@media (max-width: 480px){.friends-container__list-item .actions button{padding:6px 12px}}.friends-container__list-item .actions button:hover{background:#750c0c}.friends-container__empty{color:#fff;text-align:center;font-size:16px;margin:24px 0;opacity:.7}@media (max-width: 480px){.friends-container__empty{font-size:18px;margin:32px 0}}.friends-container__actions{display:flex;flex-direction:column;gap:8px;margin-top:24px;width:100%}@media (max-width: 480px){.friends-container__actions{flex-direction:row;justify-content:space-between;margin-top:16px;padding-bottom:8px}.friends-container__actions button{flex:1;min-width:calc(50% - 4px)}}.friends-container__actions button{border-radius:12px;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background:#ffffff1a;color:#fff;padding:8px 12px;width:100%}.friends-container__actions button:hover{background:#fff3}.friends-container__actions button:last-child{background:#5e0a0a}.friends-container__actions button:last-child:hover{background:#750c0c}@media (max-width: 480px){.friends-container{padding:16px}.friends-container__list-item{flex-direction:column;align-items:flex-start;gap:12px}.friends-container__list-item .actions{width:100%;flex-direction:row;justify-content:space-between}.friends-container__list-item .actions select{flex:1;margin-right:8px}}.loading_overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}@media (min-width: 1024px){.loading_overlay{left:250px;width:calc(100% - 250px)}}.loading_logo{width:200px;height:auto;animation:pulse 2s infinite ease-in-out;filter:drop-shadow(0 2px 4px rgba(94,10,10,.2))}@media (min-width: 1024px){.loading_logo{width:250px}}@media (max-width: 992px){.loading_logo{width:225px}}@media (max-width: 768px){.loading_logo{width:200px}}@media (max-width: 576px){.loading_logo{width:175px}}@media (max-width: 480px){.loading_logo{width:150px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center;background:#2a2f4ff2}@media (max-width: 480px){.notifications-container{max-width:350px;max-height:calc(100vh - 140px);transform:translate(-50%,-50%)}.notifications-container:global(.modal-open){position:fixed}}.notifications-container__header{color:#fff;font-weight:600;font-size:24px;margin-bottom:24px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.notifications-container__header.light{background-color:#e5e1da;color:#2a2f4f;height:50px;width:70%;border-radius:8px;display:flex;justify-content:center;align-items:center}.notifications-container__header svg{width:24px;height:24px;color:#fff}.notifications-container__list{width:100%;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;margin:24px 0}.notifications-container__list-title{background:#ffffff0d;color:#fff;font-size:18px;font-weight:600;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center}.notifications-container__list-item{background:#ffffff0d;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.notifications-container__list-item:hover{background:#ffffff1a}.notifications-container__list-item .notification-message{color:#fff;font-weight:500;padding-right:6px}.notifications-container__list-item .actions{display:flex;align-items:center;gap:12px}.notifications-container__list-item .actions .action-button{border-radius:12px;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background:#5e0a0a;color:#fff;padding:8px 16px}.notifications-container__list-item .actions .action-button:hover{background:#781010}.notifications-container__empty{color:#fff;text-align:center;font-size:18px;margin:32px 0;opacity:.7}.delete-cross{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.7}.delete-cross:hover{transform:scale(1.2);opacity:1}@media (max-width: 480px){.notifications-container{padding:24px}.notifications-container__list-item{flex-direction:column;align-items:flex-start;gap:16px}.notifications-container__list-item .actions{width:100%;justify-content:flex-end}}.menu-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000001a;align-items:center;background:#2a2f4ff2;display:flex;flex-direction:column;max-height:90vh;height:500px}@media (max-width: 480px){.menu-container{max-width:350px;max-height:calc(100vh - 140px);transform:translate(-50%,-50%)}.menu-container:global(.modal-open){position:fixed}}.menu-container__header{color:#fff;font-weight:600;font-size:24px;margin-bottom:24px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.menu-container__header.light{background-color:#e5e1da;color:#2a2f4f;height:50px;width:70%;border-radius:8px;display:flex;justify-content:center;align-items:center}@media (max-width: 480px){.menu-container__header{margin-bottom:0}}.menu-container__header svg{width:24px;height:24px;color:#fff;margin-right:10px}.menu-container__content{width:100%;flex-grow:1;overflow-y:auto;max-height:100%;padding-right:0;display:flex;flex-direction:column;background-color:#2a2f4f;scrollbar-width:thin;scrollbar-color:#2a2f4f rgba(255,255,255,.1)}.menu-container__content::-webkit-scrollbar{width:8px;height:8px}.menu-container__content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:8px 0}.menu-container__content::-webkit-scrollbar-thumb{background-color:#5e0a0a;border-radius:4px;background-clip:padding-box;border:2px solid transparent}.menu-container__list{flex-grow:1;overflow-y:auto;max-height:100%}.menu-container__list ul{list-style:none;padding:0 8px 0 0;margin:0;display:flex;flex-direction:column;gap:16px}.menu-container .menu-item{background:#ffffff0d;border-radius:16px;padding:24px;display:flex;align-items:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;font-weight:500;cursor:pointer}.menu-container .menu-item:hover{background:#ffffff1a}@media (max-width: 480px){.menu-container .menu-item{font-size:14px;padding:16px}}.menu-container__select-button{border-radius:12px;font-size:16px;padding:12px 24px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background:#5e0a0a;color:#fff;width:100%;margin-top:24px}@media (max-width: 480px){.menu-container{padding:24px}}.username{font-size:24px;font-weight:700;color:#fff}.background{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url(/logo/loginImage.webp);background-position:center center;background-size:cover}.background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#2a2f4f33,#2a2f4f66)}.navbar{position:fixed;bottom:0;left:0;width:100%;z-index:10;display:flex;align-items:center;height:60px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a2f4ff2;border-top:1px solid rgba(42,47,79,.1)}.navbar__link{color:#fff;background-color:transparent;font-size:0;width:16.66%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;transition:all .3s ease;position:relative;gap:4px;font-weight:700}.navbar__link svg{width:24px;height:24px;transition:transform .3s ease}.navbar__link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background-color:#fff;transition:width .3s ease;border-radius:3px 3px 0 0}.navbar__link:hover:after,.navbar__link.active:after{background-color:#5e0a0a;width:40%}.navbar__link:hover svg,.navbar__link.active svg{transform:translateY(-2px)}.navbar__link:first-child img{border-radius:12px}.navbar__user__icon{display:none}.logoutBtn,.custom-btn{background-color:transparent;color:transparent;font-size:0;width:16.66%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:none;cursor:pointer;transition:all .3s ease;position:relative;gap:4px}.logoutBtn svg,.custom-btn svg{width:24px;height:24px;transition:transform .3s ease}.logoutBtn:hover svg,.custom-btn:hover svg{transform:translateY(-2px)}@media screen and (min-width: 1024px){#root:has(.navbar){display:flex}.navbar{min-width:250px;width:250px;flex-direction:column;height:100vh;position:sticky;top:0;background:#2a2f4ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px 0;border-top:none;box-shadow:0 8px 32px #0000001a;justify-content:space-between}.navbar__link{font-size:14px;width:100%;height:56px;margin:4px 0;flex-direction:row;justify-content:flex-start;padding:0 32px;gap:16px;border-radius:0}.navbar__link:after{left:0;bottom:50%;transform:translateY(50%);width:3px;height:0;border-radius:0 3px 3px 0}.navbar__link:hover,.navbar__link.active{background-color:#5e0a0a}.navbar__link:hover:after,.navbar__link.active:after{width:3px;height:24px}.navbar__link:hover svg,.navbar__link.active svg{transform:translate(2px)}.navbar__link svg{width:24px;height:24px}.navbar__user__icon{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:40px;padding:0 32px;display:block}.navbar__user__icon img{width:64px;height:64px;border-radius:50%;box-shadow:0 8px 32px #0000001a}.navbar__footer{display:flex;flex-direction:column;width:100%;margin-top:auto;padding-top:20px}.logoutBtn,.custom-btn{width:100%;padding:16px 32px;color:#fff;font-size:14px;font-weight:600;flex-direction:row;justify-content:flex-start;gap:16px}.logoutBtn:hover,.custom-btn:hover{background-color:#5e0a0a}.logoutBtn:hover svg,.custom-btn:hover svg{transform:translate(2px)}.logoutBtn svg,.custom-btn svg{width:24px;height:24px;transition:transform .3s ease}.logoutBtn{color:#fff}.logoutBtn:hover{background-color:#5e0a0a}}.disabled-feature{cursor:not-allowed;position:relative}.disabled-feature:hover:before{content:"Disponible prochainement";position:absolute;top:-30px;left:60%;transform:translate(-50%);background-color:#5e0a0a;color:#ece4dc;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;min-width:100px}.disabled-feature:hover:after{content:"";position:absolute;top:-6px;left:60%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #5e0a0a}.disabled-feature .lock-icon{display:none}@media screen and (min-width: 1024px){.disabled-feature .lock-icon{display:block;position:absolute;right:32px;top:50%;transform:none;height:1em;margin-top:-.5em;line-height:1;font-size:14px}.disabled-feature:hover:before{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.disabled-feature:hover:after{top:50%;left:100%;transform:translateY(-50%);border-left:5px solid #5e0a0a;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:none}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}@media (min-width: 992px){.modal-overlay{padding-left:250px}.modal-overlay:before{content:"";flex:0 0 calc(50% - 125px)}}.modal{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;max-height:90vh;box-shadow:0 4px 8px #0003}@media (min-width: 992px){.modal{flex:0 0 auto;margin-left:calc(-50% + 125px)}}.modal h2{display:flex;justify-content:center;margin-top:0;color:#5e0a0a;font-weight:700}textarea{width:100%;height:250px;margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-shadow:4px 4px 4px #00000040}.modal-actions{margin-top:10px;display:flex;justify-content:space-between;gap:10px}.cancel-button,.send-button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;box-shadow:4px 4px 4px #00000040}.cancel-button{background-color:#ccc;color:#333;transition:background-color .2s ease-in-out,color .3s ease-in-out}.cancel-button:hover{background-color:#888787}.send-button{background-color:#5e0a0a;color:#fff;transition:background-color .2s ease-in-out,color .3s ease-in-out}.send-button:hover{background-color:#732123}.preferences-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000001a;background:#2a2f4ff2}@media (max-width: 480px){.preferences-container{max-width:350px;max-height:calc(100vh - 140px);transform:translate(-50%,-50%)}.preferences-container:global(.modal-open){position:fixed}}.preferences-container__header{color:#fff;font-weight:600;font-size:24px;margin-bottom:24px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.preferences-container__header svg{width:24px;height:24px;color:#fff}.preferences-container__form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.preferences-container__form-group{background:#ffffff0d;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.preferences-container__form-group:hover{background:#ffffff1a}.preferences-container__form-group label{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:500}.preferences-container__form-group label svg{width:20px;height:20px;color:#5e0a0a}.preferences-container__form-group select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 32px 8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.preferences-container__form-group select:hover{background-color:#ffffff26}.preferences-container__form-group select:focus{outline:none;border-color:#5e0a0a}.preferences-container__form-group select option{background-color:#2a2f4f;color:#fff}.preferences-container__actions{display:flex;justify-content:space-between;gap:16px;margin-top:32px}.preferences-container__actions__button{flex:1;padding:12px 24px;font-size:16px;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none}.preferences-container__actions__button:first-child{background:#ffffff1a;color:#fff}.preferences-container__actions__button:first-child:hover{background:#fff3}.preferences-container__actions__button:last-child{background:#5e0a0a;color:#fff}@media (max-width: 480px){.preferences-container{padding:24px}.preferences-container__header{font-size:20px}.preferences-container__form-group{padding:12px;flex-direction:column;align-items:flex-start;gap:12px}.preferences-container__form-group label{font-size:14px}.preferences-container__form-group select{width:100%;max-width:none}.preferences-container__actions{flex-direction:column}.preferences-container__actions__button{width:100%}}.player{background-position:center center;background-size:cover}.player1{background-image:url(/assets/game/medal1.webp);background-position:center center;background-size:cover;width:100%;height:100%}.player2{background-image:url(/assets/game/medal2.webp);background-position:center center;background-size:cover;width:100%;height:100%}.main{width:100%;position:absolute;border-radius:5px;display:flex;justify-content:center;height:max-content;margin:auto;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes clignote-bg{0%{background-color:#fff}50%{background-color:green}to{background-color:#fff}}.clignote:not(:disabled){animation:clignote-bg 1s infinite ease-in-out}.container{width:100%;padding:5px}.board__container{border-radius:12px;border:3px solid #505050;box-sizing:border-box;background-color:#fff;margin:auto auto 20px;width:100%;height:90vw;max-width:530px;max-height:530px}.board__container>div:first-child{background-image:url(/assets/board/Ornement%20plateau.webp);background-position:center center;background-size:cover;border-radius:10px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.board__container .orb{position:absolute;color:#000;background-position:center center;background-size:cover}.board__container .board{display:flex;flex-direction:column;overflow:auto;width:calc(100% - 15px);height:calc(100% - 15px);border-radius:10px;position:relative;z-index:10;background-position:center center;background-size:cover}.board__container .board .cell>.sealed{position:absolute;left:0;top:0;background-position:center center;background-size:cover}.board__container .board .cell{overflow:hidden;position:relative}.board__container .board .cell.sealed{box-shadow:none!important}.board__container .board__row{display:flex;flex:1}.board__container .board__row__cell{width:100%;flex:1;display:flex;justify-content:center;align-items:center}.board__container .board__row__cell:before{content:"";display:block;height:0;width:100%;position:absolute;top:0;left:0}.orb>div{position:absolute;width:100%;height:100%;background-position:center center;background-size:cover}.bomb{background:#ff000080;width:100%;height:100%;z-index:100}.clone{background-image:url(/assets/illusionniste/medaillon.webp);background-position:center center;background-size:cover;width:100%;height:100%}@media screen and (min-width: 565px){.board__container .board{width:calc(100% - 40px);height:calc(100% - 40px)}}@media screen and (min-width: 1024px){.board__container{width:95vh;height:95vh;max-width:calc(100vw - 400px);max-height:calc(100vw - 400px)}}.special{border:none!important}.timer{position:absolute;top:0;right:0;background-color:#00000080;color:#fff;padding:5px;border-radius:5px;font-size:1.5em;z-index:100}.specialBack{width:524px;height:524px;position:absolute;background-position:center center;background-size:cover}.tp{position:absolute;height:100%;width:100%;background-image:url(/assets/game/TP1.webp);background-position:center center;background-size:cover;z-index:10}.header{display:flex;padding:clamp(.625rem,1.5vw,1rem) 0;position:relative;width:100%;justify-content:space-between;gap:10px}@media (max-width: 768px){.header{align-items:center;gap:1rem}}.header .btn__player{min-width:130px;height:50px;max-width:350px;width:55%;background-color:#e1f1ff;border-radius:8px;border:2px solid #505050;box-shadow:-2px 2px #00000040;padding:0 10px;text-overflow:ellipsis}@media (max-width: 480px){.header .btn__player{width:100%;max-width:300px}}.header .game__mode{border-radius:12px;font-size:16px;padding:12px 24px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background-color:#e5e1da;color:#2a2f4f;min-width:130px;height:60px;display:flex;justify-content:center;align-items:center;height:clamp(3.125rem,6vw,3.75rem);width:clamp(40%,45vw,250px);font-size:clamp(1rem,2vw,1.3rem);font-style:italic;background-color:#fff;cursor:initial}@media (max-width: 768px){.header .game__mode{width:80%}}.header .timer{width:clamp(60px,10vw,80px);border-radius:25px;background-color:#ece4dce6;border:3px solid #fff;display:flex;justify-content:center;position:absolute;bottom:calc(100% + clamp(10px,2vw,15px));right:0}@media (max-width: 768px){.header .timer{position:static;margin:.5rem auto}}.popin_spells{width:auto;min-height:unset;min-width:200px}.popin_spells>.spells_content{margin:0}.popin_spells>.return{bottom:15px}.btn__container{display:flex;justify-content:center;align-items:center;gap:2px}@media (max-width: 480px){.btn__container{justify-content:center}}.btn__container .btn{width:clamp(40px,6vw,50px);height:clamp(40px,6vw,50px);cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:8px;box-shadow:-2px 2px #00000040;color:#2a2f4f;background-color:#fff;outline:none;border:1px solid #1b1b1b}.btn__container .btn__previous__next{width:clamp(45px,7vw,60px);height:clamp(45px,7vw,60px);display:flex;justify-content:center;align-items:center;gap:5px;border-radius:10px}.arrow__container{display:flex;width:clamp(45px,7vw,62px);height:clamp(45px,7vw,62px);position:relative}.spell__container{display:flex;gap:5px;position:relative;width:180px}.spell__container>div{position:relative}.spell__container>div>button{border-radius:12px;font-size:16px;padding:12px 24px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;width:100%;white-space:wrap;height:50px;text-overflow:ellipsis}.spell__container>div>span{display:flex;justify-content:center;align-items:center;font-size:12px;position:absolute;top:3px;right:10px;border-radius:50%;width:15px;background-color:#5e0a0a;color:#fff;cursor:pointer}.test__game{height:clamp(40px,6vw,50px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#5e0a0a4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.popin__winner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(280px,80%,400px);border-radius:24px;background-color:#2a2f4f;padding:clamp(1rem,3vw,1.25rem);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:clamp(1.5rem,4vw,1.875rem);min-height:220px}.popin__winner h2{color:#fff;font-weight:700;font-size:clamp(1rem,3vw,1.25rem);text-align:center}.popin__winner button{display:flex;justify-content:center;align-items:center;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:clamp(160px,80%,200px);min-height:50px;padding:clamp(.75rem,2vw,1.5rem);font-weight:700;font-size:clamp(.875rem,2vw,1rem);background-color:#5e0a0a;cursor:pointer}.popin__winner .return,.popin__winner .return span{color:#fff;font-weight:500;bottom:10px;font-size:clamp(.875rem,2vw,1rem)}.btn__stats{border-radius:12px;font-size:16px;padding:12px 24px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;width:100px}.dashboard{width:100%;display:flex;flex-direction:column;gap:10px}.dashboard__first__row,.dashboard__second__row{position:static;display:flex;justify-content:space-between;align-items:center;gap:10px}.dashboard__first__row .btn__pass,.dashboard__second__row .btn__pass{width:70px;height:70px;border-radius:10px}.dashboard__first__row .btn__player,.dashboard__second__row .btn__player{min-width:130px;height:50px;max-width:350px;width:55%;background-color:#e1f1ff;border-radius:8px;border:2px solid #505050;box-shadow:-2px 2px #00000040;padding:0 10px;text-overflow:ellipsis}.dashboard__second__row .btn__player{display:none}@media screen and (min-width: 1024px){.header{display:none}.dashboard__first__row{position:absolute;left:5px;top:50%;transform:translateY(-50%);flex-direction:column;gap:10px}.dashboard__first__row .btn__player{display:block}.dashboard__second__row{display:flex;justify-content:center;align-items:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);flex-direction:column;gap:10px}.dashboard__second__row .btn__player{display:block}.spell__container button{max-width:180px}.btn__stats{position:absolute;top:0;left:20px}}.remaining__orb{display:flex;color:#fff}.remaining__orb div{background-position:center center;background-size:cover;width:30px;height:30px}@media screen and (max-width: 500px){.dashboard__first__row>*{width:50%}.dashboard__first__row .spell__container>button{position:relative}}.popin_character{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#2a2f4f;border-radius:10px;width:90%;max-width:500px;padding:20px;overflow:hidden}.popin_character>h1{width:auto;text-transform:capitalize;font-size:18px;font-weight:700;color:#fff;margin-bottom:15px;height:auto}.popin_character_header{display:flex;justify-content:center;align-items:center;gap:15px}.popin_character_header .popin_btn{color:#5e0a0a;font-size:20px;font-weight:700;background-color:#fff;border-radius:15px;padding:4px 8px;display:flex;justify-content:center;align-items:center;margin-bottom:16px;cursor:pointer}.popin_character .medaillon{width:40px;height:40px;border-radius:50%;margin-bottom:15px;background-position:center center;background-size:cover}.swiper{width:80%;max-width:500px;height:400px;overflow:visible!important}.swiper-button-next{right:-40px!important;color:#fff!important}.swiper-button-prev{left:-40px!important;color:#fff!important}.swiper-slide{border-radius:10px;background-position:center center;background-size:cover}.button_launch{border-radius:12px;font-size:16px;padding:12px 24px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #0000001a;background-color:#5e0a0a;margin-top:20px;color:#fff;font-weight:700}.popin_spells{left:50%;padding:20px 20px 70px;justify-content:flex-start;align-items:center;flex-direction:column}.popin_spells .return{background-color:#fff}.popin_spells .return>*{color:#5e0a0a!important;font-size:18px;font-weight:700}.popin_spells>h1{margin:0;width:220px}.popin_spells_container{display:flex;justify-content:center;align-items:center;height:100%}.popin_spells .spells_content{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px;gap:20px}.popin_spells .spells_content>div{text-align:center;padding:15px;background-color:#2a2f4f;border-radius:10px;color:#fff;width:90%}.popin_spells .spells_content>div>h3{font-size:18px;font-weight:700;margin-bottom:15px}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.board{width:500px;height:500px;border:3px solid black;display:flex;flex-direction:column}.row{display:flex;flex:1}.cell{display:flex;box-shadow:1px 1px #fff,2px 2px gray;justify-content:center;align-items:center;border-radius:1px;flex:1}.clickable{position:absolute;cursor:pointer;background-color:#90ee90b3;width:100%;height:100%;z-index:101}.player{position:absolute;background-size:cover;width:100%;height:100%}.piege{position:absolute;background-color:#90ee90;width:100%;height:100%;border-radius:50%}.trappe{position:absolute;background:#00000080;width:100%;height:100%;z-index:99}.escapade{position:absolute;background:#ffffff80;width:100%;height:100%;z-index:99}*{font-size:100%;font:inherit;vertical-align:baseline;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:weight;font-style:normal;margin:0;box-sizing:border-box;padding:0}.sonner-toast-wrapper [data-sonner-toast]{background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.sonner-toast-wrapper [data-sonner-toast] [data-title],.sonner-toast-wrapper [data-sonner-toast] [data-description]{color:inherit!important}.sonner-toast-wrapper [data-sonner-toast][data-type=success] [data-icon] svg{color:#4bb543!important}.sonner-toast-wrapper [data-sonner-toast][data-type=error] [data-icon] svg{color:#f33!important}.sonner-toast-wrapper [data-sonner-toast][data-type=info] [data-icon] svg{color:#2e86c1!important}.sonner-toast-wrapper [data-sonner-toast][data-type=warning] [data-icon] svg{color:#f39c12!important}.sonner-toast-wrapper [data-sonner-toast] [data-icon] svg{width:20px;height:20px}