:root{--text-color:#eef1ef}*,:after,:before{box-sizing:border-box}body,html{background-color:#0c0910;color:var(--text-color);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;height:100vh;margin:0;padding-top:20px}main{box-sizing:border-box;flex:1;padding-top:1rem}footer{margin-top:auto;padding:1rem}.ranking-title{font-family:Abel,sans-serif;font-size:3rem}.btn.btn-sm.home-ranking{background-color:#45404f;color:var(--text-color);font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;padding:0 10px}.col-6.d-flex.justify-content-end a.home-ranking{align-self:flex-start}.login,.register,h1{font-optical-sizing:auto;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-transform:uppercase}.login,.register,h1,h2{font-family:Roboto,sans-serif}h2{font-optical-sizing:auto;font-weight:500}a{color:var(--text-color);text-decoration:none}.navbar{background-color:#110d17}.navbar-brand.game-control{color:var(--text-color);font-family:Roboto,sans-serif;font-optical-sizing:auto;font-size:1.2rem;font-weight:700}.fa-lightbulb{color:#eef1ef}.nav-game:hover i.fa-lightbulb{color:gold}.nav-link.h-menu{color:var(--text-color);font-family:Abel,sans-serif;font-optical-sizing:auto;font-size:1rem;font-weight:800;text-align:center}a.game-auth{background-color:#1c1a20;border-radius:10px;color:#514b5b;padding:0 10px}a.game-auth:hover{background-color:#312d37;color:#eef1ef}.nav-link.auth{background-color:#ec058e;border-radius:50px;height:30px;margin:auto;padding:.2rem;text-align:center;width:100%}.nav-link.auth,a.btn.btn-sm.nav-game{color:var(--text-color);font-family:Roboto,sans-serif;font-optical-sizing:auto;font-size:1rem;font-weight:500}a.btn.btn-sm.nav-game{background-color:#1c1a20}.btn.btn-sm.nav-game:hover{background-color:#312d37}a.btn.btn-sm.dropdown-toggle{background-color:#1c1a20;color:var(--text-color);font-family:Roboto,sans-serif;font-optical-sizing:auto;font-size:1rem;font-weight:500}a.btn.dropdown-toggle.footer-toggle{background-color:transparent}.custom-toggler{background:transparent;border:none;display:flex;flex-direction:column;gap:4px;height:24px;justify-content:center;width:50px}.custom-toggler .toggler-bar{background-color:#eef1ef;border:none;display:block;height:3px;transition:all .3s ease}.custom-toggler:active,.custom-toggler:focus,.custom-toggler:focus-visible{border:none;box-shadow:none;outline:none}.nav-links a{color:#00d1b2;font-size:1.5rem;margin:0 1rem;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#4fef91}.btn-auth{background-color:#4fef91!important;color:#0c0910;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:600}.btn-auth:hover{background-color:#1d924e!important;color:var(--text-color);font-weight:600}.row.ctrlBottom{display:flex;gap:1rem}button.bottom-button{background-color:transparent;border:none;color:#ec058e;font-family:Abel,sans-serif;font-size:1.5rem;font-weight:400;text-transform:uppercase}.tmpBtn:hover button{color:var(--text-color)}.tmpBtn a{color:#ec058e;font-family:Abel,sans-serif;font-size:1.5rem;font-weight:400;text-transform:uppercase}.tmpBtn{align-items:center;background-color:#0e0a12;border-radius:50px;display:flex;font-optical-sizing:auto;height:50px;justify-content:center;text-align:center;width:50px}.tmpBtn:hover{background-color:transparent;border-radius:50px}.tmpBtn:hover a{color:var(--text-color)}.tmpBtn .btn.dropdown-toggle,.tmpBtn .btn.dropdown-toggle.show,.tmpBtn .btn.dropdown-toggle:active,.tmpBtn .btn.dropdown-toggle:focus{border:none!important;box-shadow:none!important;outline:none!important}.tmpBtn .dropdown-menu{background-color:#1c1a20}.tmpBtn .dropdown-item{background-color:transparent;color:#ec058e!important;font-size:1rem}.tmpBtn .dropdown-item:focus,.tmpBtn .dropdown-item:hover{background-color:rgba(236,5,142,.1);color:#ec058e!important}.tmpBtn .dropdown-item.active{background-color:#1c1a20;color:var(--text-color)!important}.custom-ctrlTop{color:#6369d1;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500}.custom-ctrlTop i{font-size:1.3rem}.user-custom-ctrlTop{background-color:#6369d1;border-radius:50px;color:#1c1a20;display:inline-block;font-family:Abel,sans-serif;font-weight:700;white-space:nowrap}.st0{fill:#93278f}.st1{fill:#0ff}.st2{fill:#ff0}.st3{fill:#00f}.st4{fill:#ec058e}.st5{fill:#2e3192}.st6{fill:#009245}.tangram-container{margin:0 auto;text-align:center}.tangram-container,.tangram-svg{max-width:1200px;width:100%}#tangram-desktop{display:block}#tangram-mobile{display:none}.form-help{color:grey;font-family:Abel,sans-serif;font-size:.8rem}.section-header{border-bottom:2px solid #f8f9fa;margin-bottom:20px;padding-bottom:10px}.coordinates-field{font-family:Courier New,monospace;font-size:.9em}.nav-tabs .nav-link{border-radius:0}.nav-tabs .nav-link.active{background-color:#f8f9fa;border-color:#dee2e6 #dee2e6 #f8f9fa}.position-relative .badge{transform:translate(50%,-50%)}.pieces-preview .badge{font-size:.7em}.card-footer .btn-group .btn{border-radius:0}.card-footer .btn-group .btn:first-child{border-radius:.25rem 0 0 .25rem}.card-footer .btn-group .btn:last-child{border-radius:0 .25rem .25rem 0}.tangram-svg{height:auto;max-width:100%}.dashboard-card{border:none;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card-title{font-weight:600;margin-bottom:1.5rem}.card-body{padding:2rem;text-align:center}.admin-header{border-radius:0 0 10px 10px;color:#fff;margin-bottom:2rem;padding:2rem 0}.recent-activity{display:none}.fade-in{animation:fadeIn .3s ease-in-out forwards;opacity:0}.fade-out{animation:fadeOut .3s ease-in-out forwards;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}#activity-btn{transition:all .3s ease}#activity-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}@media (max-width:767.98px){.tmpBtn a,button.bottom-button{font-size:.9rem}#secondary_nav .row.ctrlTop{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}#secondary_nav .col-2{flex:0 0 calc(33.333% - 0.5rem);max-width:calc(33.333% - .5rem)}.tmpBtn .dropdown-item{background-color:transparent;color:#ec058e!important;font-size:.7rem}}@media screen and (max-width:768px){#tangram-desktop{display:none}#tangram-mobile{display:block}#tangram-mobile .tangram-svg{max-width:590px}}.dropdown-submenu{position:relative}.dropdown-submenu .dropdown-menu{border-radius:0 6px 6px 6px;display:none;left:100%;margin-left:0;margin-top:0;position:absolute;top:0}@media (min-width:768px){.dropdown-submenu:hover .dropdown-menu{display:block}}.dropdown-submenu.show .dropdown-menu{display:block!important}.dropdown-submenu .dropdown-item{padding-right:35px}.dropdown-submenu .dropdown-toggle:after{display:none}@media (max-width:767px){.dropdown-submenu .dropdown-menu{background-color:#1c1a20;border:none;border-radius:0;box-shadow:inset 0 1px 0 rgba(0,0,0,.125);float:none;margin-top:0;position:static;width:100%}.dropdown-submenu .dropdown-item{font-size:.7rem;padding-left:1rem}.dropdown-submenu .fas.fa-chevron-right{transition:transform .3s ease}.dropdown-submenu.show .fas.fa-chevron-right{transform:rotate(90deg)}}#btn-sprinter{background-color:#ed6a5e;border:none;color:#fff}#btn-sprinter:hover{background-color:#eb5a4c;border:none}#btn-explorer{background-color:#ff8e72;border:none;color:#fff}#btn-explorer:hover{background-color:#fd8163;border:none}#btn-collector{background-color:#ffaf87;border:none;color:#fff}#btn-collector:hover{background-color:#fba377;border:none}.color-set-select{color:#ec058e;font-family:Abel,sans-serif;font-size:1.5rem;font-weight:400;text-transform:uppercase}.color-selector-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin:10px 0;padding:10px}.color-selector-container label{color:#495057;display:inline-block;font-weight:700;margin-right:10px}.color-set-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:200px;padding:5px 10px}.color-set-select:hover{border-color:#007bff}.color-set-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:none}.color-set-select:disabled{cursor:not-allowed;opacity:.6}.color-loading{color:#007bff;display:inline-block;margin-left:10px}.flash-message{border-radius:4px;margin:10px 0;padding:10px}.flash-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.flash-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.tangram-notification{animation:slideIn .3s ease-out;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;font-size:14px;padding:10px 15px;position:fixed;right:20px;top:20px;z-index:9999}.tangram-notification--error{background-color:#dc3545}.tangram-notification--success{background-color:#28a745}.tangram-notification--info{background-color:#007bff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.dashboard-card.card.white-remove{background-color:transparent!important;border:none;box-shadow:none}i.fa-spin{color:var(--text-color)!important}.table-success{background-color:rgba(40,167,69,.1)!important}.badge{font-size:.9em}.card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.btn-block{padding:10px}