@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Nunito:wght@400;700;900&display=swap);:root{--clr-gold:#fbbf24;--clr-gold-light:#fde68a;--clr-gold-dark:#b45309;--clr-bg-dark:#1e1b4b;--clr-bg-glass:rgba(15, 23, 42, 0.7);--clr-green:#10b981;--clr-green-bright:#34d399;--font-title:'Cinzel',serif;--font-main:'Nunito',sans-serif}*,::after,::before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-main);background-color:#150e1f;background-image:radial-gradient(circle at 15% 50%,rgba(245,158,11,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.08),transparent 25%)}#hub-screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}#hub-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:1}#hub-bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 30%),linear-gradient(to top,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 30%);pointer-events:none;z-index:1}.glass-panel{background:linear-gradient(180deg,#2e1c4a,#1a0f2e);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #8b5cf6;border-radius:20px;box-shadow:inset 0 0 0 3px #1a0f2e,0 20px 40px rgba(0,0,0,.8);color:#fff;position:relative}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 20px;z-index:10}.user-profile{display:flex;align-items:center;gap:15px;padding:10px 45px 10px 10px;border-radius:40px}.user-avatar{width:60px;height:60px;border-radius:50%;border:3px solid var(--clr-gold);box-shadow:0 0 15px var(--clr-gold-dark);flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-name{font-family:var(--font-title);font-size:1.4rem;font-weight:700;text-shadow:1px 1px 3px #000}.user-level{font-size:.9rem;color:var(--clr-gold);font-weight:700}.xp-bar-bg{width:100%;height:8px;background:#000;border-radius:4px;margin-top:2px;margin-bottom:2px;border:1px solid var(--clr-gold-dark)}.xp-bar-fill{width:20%;height:100%;background:var(--clr-gold);border-radius:4px;transition:width .3s}.resources-bar{display:flex;gap:15px;z-index:10}.res-item{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#2e1c4a,#1a0f2e);border:2px solid #8b5cf6;border-radius:12px;padding:5px 15px 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.res-item:first-child{border:2px solid #3b82f6}.res-item:nth-child(2){border:2px solid #eab308}.res-item:nth-child(3){border:2px solid #f97316}.res-icon{width:32px;height:32px;background:0 0;display:flex;justify-content:center;align-items:center;font-size:1.4rem}.res-val{font-weight:700;font-size:1rem;color:#fff;text-shadow:1px 1px 2px #000}.res-add{background:linear-gradient(180deg,#34d399,#047857);color:#fff;border:none;width:20px;height:20px;border-radius:6px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.5)}.side-menu-right{position:absolute;right:20px;top:120px;display:flex;flex-direction:column;gap:20px;z-index:10}.bottom-icons-group{display:flex;flex-direction:column;gap:20px}.side-menu-left{position:absolute;left:20px;top:120px;height:525px;display:flex;flex-direction:column;justify-content:flex-end;gap:15px;z-index:10}.icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#2e1c4a,#1a0f2e);border:2px solid #8b5cf6;border-radius:12px;width:80px;height:85px;color:#fff;cursor:pointer;transition:all .2s;box-shadow:inset 0 0 0 2px #1a0f2e,0 4px 10px rgba(0,0,0,.6);position:relative}.icon-btn:hover{transform:scale(1.05);border-color:#d946ef;box-shadow:inset 0 0 0 2px #1a0f2e,0 0 15px rgba(217,70,239,.5)}.icon-btn-img{font-size:2.2rem;margin-bottom:5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.icon-btn-text{font-size:.65rem;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.1}#btn-how-to-play .icon-btn-text{font-size:.55rem}.reward-ready{animation:pulse-reward 2s infinite;box-shadow:0 0 15px rgba(74,222,128,.6);border-color:#4ade80!important}@keyframes pulse-reward{0%{transform:scale(1);box-shadow:0 0 15px rgba(74,222,128,.6)}50%{transform:scale(1.05);box-shadow:0 0 25px #4ade80}100%{transform:scale(1);box-shadow:0 0 15px rgba(74,222,128,.6)}}.reward-claimed{opacity:.5;filter:grayscale(1);box-shadow:none!important;border-color:#334155!important}.badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#fbbf24,#d97706);color:#1a0f2e;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;border:2px solid #1a0f2e;box-shadow:0 2px 5px rgba(0,0,0,.8),inset 0 1px 2px rgba(255,255,255,.5)}.colony-chest{width:144px;padding:12px 6px;text-align:center;box-sizing:border-box;border-radius:12px}.chest-img{font-size:4rem;margin-bottom:5px;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes chestReadyGlow{0%{box-shadow:0 0 5px var(--clr-gold),inset 0 0 10px rgba(251,191,36,.3);border-color:var(--clr-gold);transform:scale(1)}50%{box-shadow:0 0 25px var(--clr-gold),inset 0 0 20px rgba(251,191,36,.8);border-color:#fff;transform:scale(1.05)}100%{box-shadow:0 0 5px var(--clr-gold),inset 0 0 10px rgba(251,191,36,.3);border-color:var(--clr-gold);transform:scale(1)}}.chest-ready{animation:chestReadyGlow 1.5s infinite alternate ease-in-out!important;z-index:20}.chest-title{font-family:var(--font-title);color:var(--clr-gold);font-size:.65rem;line-height:1.1}.bottom-area{display:flex;justify-content:space-between;align-items:flex-end;padding:20px}.bottom-icons{display:flex;gap:15px}.main-logo{width:293px;height:auto;object-fit:contain;max-width:85vw;margin-top:-40px;margin-bottom:65px;animation:float-logo 4s ease-in-out infinite;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5))}@keyframes float-logo{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}.play-btn-wrapper.center-screen{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;width:65vw;container-type:inline-size}.play-btn{background:linear-gradient(180deg,var(--clr-gold),var(--clr-gold-dark));border:3px solid var(--clr-gold-light);border-radius:40px;padding:15px 60px;font-family:var(--font-title);font-size:2.5rem;font-weight:900;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(180,83,9,.8),inset 0 5px 15px rgba(255,255,255,.3);cursor:pointer;transition:all .1s}.play-btn:active{transform:translateY(4px);box-shadow:0 5px 10px rgba(180,83,9,.8)}.play-btn:hover{filter:brightness(1.1);box-shadow:0 15px 35px #b45309}.btn-login-specific{width:100%;max-width:280px;box-sizing:border-box;font-size:1.6rem;padding:12px 15px;white-space:nowrap}.btn-battle-specific{font-size:2rem;padding:12px 48px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#84cc16,#4d7c0f)!important;border-color:#bef264!important;box-shadow:0 10px 25px rgba(77,124,15,.8),inset 0 5px 15px rgba(255,255,255,.3)!important}.btn-battle-specific:hover{box-shadow:0 15px 35px #4d7c0f!important}.btn-battle-specific:active{box-shadow:0 5px 10px rgba(77,124,15,.8)!important}#battle-submenu{display:flex;justify-content:center;gap:20px;margin-top:15px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s cubic-bezier(.175, .885, .32, 1.275)}#battle-submenu.show-submenu{opacity:1;pointer-events:auto;transform:translateY(0)}.submenu-icon-btn{background:radial-gradient(circle at 30% 30%,#1e3a8a,#0f172a);border:2px solid var(--clr-gold);border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.6),inset 0 2px 5px rgba(255,255,255,.2);transition:all .2s ease}.submenu-icon-btn:hover{transform:scale(1.1);box-shadow:0 0 15px var(--clr-gold-light);border-color:var(--clr-gold-light)}.submenu-icon-btn:active{transform:scale(.95)}.submenu-icon{font-size:1.8rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:20px 20px 40px 20px;box-sizing:border-box;z-index:1000;transition:opacity .3s}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-card{background:linear-gradient(180deg,#2e1c4a,#1a0f2e);border:2px solid #8b5cf6;border-radius:20px;padding:30px;box-sizing:border-box;box-shadow:inset 0 0 0 3px #1a0f2e,0 20px 40px rgba(0,0,0,.8);color:#fff;position:relative;width:100%;max-width:800px;height:auto;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow-x:hidden!important;overflow-y:auto!important}.modal-close{position:absolute;top:15px;right:15px;z-index:110;background:linear-gradient(135deg,#fcd34d,#d97706);border:2px solid #1a0f2e;color:#1a0f2e;font-size:1.4rem;font-weight:900;width:36px;height:36px;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;box-shadow:0 4px 10px rgba(0,0,0,.8),inset 0 2px 4px rgba(255,255,255,.5);transition:transform .2s,filter .2s;padding:0;line-height:1}.modal-close:hover{transform:scale(1.1);filter:brightness(1.1)}.modal-close:active{transform:scale(.95)}.modal-close::before{content:'';position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px}.modal-title{font-family:var(--font-title);font-size:clamp(1.3rem, 5vw, 1.6rem);color:var(--clr-gold);text-align:center;margin-top:0;margin-bottom:25px;text-shadow:0 2px 4px #000}.auth-input{width:100%;padding:12px 15px;background:rgba(0,0,0,.5);border:1px solid var(--clr-gold-dark);border-radius:8px;color:#fff;font-size:1.1rem;box-sizing:border-box}.auth-input:focus{outline:0;border-color:var(--clr-gold);box-shadow:0 0 10px rgba(251,191,36,.3)}.btn-google{width:100%;background:#fff;color:#333;border:none;padding:12px;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,.3)}.btn-google:hover{background:#f1f5f9}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px;overflow-y:auto;padding-right:5px;min-height:0;flex-shrink:1}.select-card{background:linear-gradient(180deg,#2e1c4a,#1a0f2e);border:2px solid #8b5cf6;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:inset 0 0 0 2px #1a0f2e,0 4px 10px rgba(0,0,0,.6)}.select-card.selected,.select-card:hover{transform:translateY(-5px);border-color:#d946ef;box-shadow:inset 0 0 0 2px #1a0f2e,0 0 15px rgba(217,70,239,.5)}.card-icon{font-size:3rem;margin-bottom:10px}.card-name{font-weight:900;font-size:1.2rem;margin-bottom:5px}.card-desc{font-size:.85rem;color:#cbd5e1}.task-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:10px}.task-item{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#2e1c4a,#1a0f2e);border:1px solid #8b5cf6;border-radius:8px;padding:15px}.task-info{display:flex;flex-direction:column;gap:5px}.task-title{font-weight:700;color:#fff;font-size:1.1rem}.task-progress{font-size:.8rem;color:var(--clr-gold)}.btn-claim{background:linear-gradient(180deg,#a855f7,#6b21a8);color:#fff!important;font-family:Nunito,sans-serif;font-weight:900;padding:8px 24px;border-radius:8px;border:2px solid #d946ef;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 4px 0 #4c1d95,0 5px 15px rgba(0,0,0,.4);cursor:pointer;text-shadow:1px 2px 2px rgba(0,0,0,.6);transition:transform .1s,box-shadow .1s}.btn-claim:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 0 0 #4c1d95,0 2px 5px rgba(0,0,0,.4)}.btn-claim:disabled{background:#64748b;border-color:#475569;color:#cbd5e1;cursor:not-allowed}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,150%);opacity:0;pointer-events:none;background:linear-gradient(180deg,#2e1c4a,#1a0f2e);color:#fff;border:2px solid #8b5cf6;padding:12px 24px;border-radius:30px;font-weight:700;font-family:var(--font-title);box-shadow:inset 0 0 0 2px #1a0f2e,0 4px 15px rgba(0,0,0,.8);transition:transform .4s,opacity .4s;z-index:99999!important;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.queen-card{background:rgba(0,0,0,.6);border:2px solid var(--clr-gold-dark);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25, .8, .25, 1);display:block;position:relative;height:0;padding-bottom:100%;box-shadow:0 4px 10px rgba(0,0,0,.5)}.queen-card.selected,.queen-card:hover{transform:translateY(-5px);border-color:var(--clr-gold);box-shadow:0 8px 25px rgba(251,191,36,.4)}.queen-card.selected{background:rgba(251,191,36,.15)}.queen-img-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}.queen-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.queen-card:hover .queen-img{transform:scale(1.1)}.queen-element-icon{position:absolute;top:10px;right:10px;font-size:1.5rem;background:rgba(0,0,0,.7);border:1px solid var(--clr-gold);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(251,191,36,.5)}#character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}@media (max-width:600px){#character-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.queen-info-sm{position:absolute;bottom:0;left:0;right:0;padding:30px 5px 10px 5px;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.7) 60%,transparent 100%);pointer-events:none;z-index:2}.queen-name{color:#fff;font-family:var(--font-title);font-size:clamp(.7rem, 3vw, .9rem);font-weight:700;margin-bottom:2px;text-shadow:1px 1px 3px #000,0 0 5px #000}.queen-class{color:var(--clr-gold-light);font-size:clamp(.6rem, 2.5vw, .75rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px #000}.camp-node{position:absolute;transform:translate(-40%,-95%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:10;cursor:pointer;transition:transform .2s;background-image:url('../Assets/UI/totems/4.webp')!important;background-size:contain!important;background-position:center bottom!important;background-repeat:no-repeat!important;width:min(8.82vw,47px)!important;height:min(12.6vw,67px)!important;filter:none!important}.camp-node:hover{z-index:20;filter:drop-shadow(0 0 8px rgba(255,220,80,.9))!important;transform:translate(-40%,-95%) scale(1.1)}.camp-node::before{display:none!important}.camp-icon{display:none!important}.camp-cloth,.camp-cloth::after,.camp-pole,.camp-wings,.camp-wings::after{display:none!important}.camp-stars{display:flex!important;position:absolute!important;top:-5%!important;left:50%!important;transform:translateX(-50%)!important;font-size:min(1.26vw, 10px)!important;white-space:nowrap!important;z-index:15!important;opacity:1!important;visibility:visible!important;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;text-shadow:0 1px 3px #000}.camp-node.boss .camp-stars{top:2%!important}.camp-node.current-step:not(.boss){background-image:url('../Assets/UI/totems/5.webp')!important}.camp-node.completed:not(.boss){background-image:url('../Assets/UI/totems/6.webp')!important}.camp-node.boss{width:min(10.9vw,59px)!important;height:min(16vw,84px)!important}.camp-node.boss.locked{background-image:url('../Assets/UI/totems/2.webp')!important}.camp-node.boss.current-step{background-image:url('../Assets/UI/totems/3.webp')!important}.camp-node.boss.completed{background-image:url('../Assets/UI/totems/1.webp')!important}.camp-node.active{filter:drop-shadow(0 0 12px rgba(255,255,255,1)) brightness(1.2)!important}.camp-anim{position:absolute;z-index:4;pointer-events:none}@keyframes treeSway{0%{transform:rotate(-5deg)}100%{transform:rotate(5deg)}}@keyframes sandStorm{0%{transform:translateX(110vw) scale(1);opacity:0}20%{opacity:.6}80%{opacity:.6}100%{transform:translateX(-20vw) scale(1.5);opacity:0}}@keyframes toxicFog{0%{transform:scale(1) translateY(0);opacity:0}50%{opacity:.4}100%{transform:scale(2) translateY(-20vh);opacity:0}}@keyframes toxicBubble{0%{transform:scale(0) translateY(10vh);opacity:0}20%{opacity:1}100%{transform:scale(1.5) translateY(-50vh);opacity:0}}@keyframes lavaSpit{0%{transform:scale(0) translateY(10vh);opacity:0}20%{opacity:1}80%{transform:scale(1.2) translateY(-30vh);opacity:1}100%{transform:scale(.5) translateY(-40vh);opacity:0}}@keyframes magicSparkle{0%{transform:translate(0,0) scale(.5) rotate(0);opacity:0}50%{opacity:1}100%{transform:translate(-5vw,-10vh) scale(1.2) rotate(360deg);opacity:0}}@keyframes snowFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}100%{transform:translateY(110vh) rotate(360deg);opacity:0}}@keyframes volcanoSmoke{0%{transform:scale(1) translateY(0);opacity:0}50%{opacity:.8}100%{transform:scale(3) translateY(-30vh);opacity:0}}#unified-map-container{position:relative;margin:auto;box-shadow:0 0 30px #000;border:4px solid var(--clr-gold-dark);border-radius:15px;overflow:hidden;background:#000}@media (max-aspect-ratio:1/1){#unified-map-container{max-width:none;max-height:none;border:4px solid var(--clr-gold-dark);border-radius:15px;margin:auto}.camp-node{width:min(8.8vw,52px)!important;height:min(13.2vw,74px)!important}.camp-node.boss{width:min(10vw,60px)!important;height:min(14.5vw,82px)!important}.camp-stars{font-size:min(2.1vw, 8px)!important;top:-15%!important}.camp-node.boss .camp-stars{top:-8%!important}}@keyframes questPulse{0%{box-shadow:0 0 5px #fbbf24}50%{box-shadow:0 0 20px #fbbf24}100%{box-shadow:0 0 5px #fbbf24}}@media (max-width:768px){.modal-overlay{padding:0!important;box-sizing:border-box;align-items:center;justify-content:center;overflow:hidden!important}.modal-card{width:calc(100vw - 20px)!important;max-width:100%!important;max-height:calc(100vh - 100px)!important;margin:0!important;padding:45px 15px 20px 15px!important;box-sizing:border-box;overflow-y:auto!important;overflow-x:hidden!important}.modal-card.close-inside .modal-close{position:absolute!important;top:12px!important;right:12px!important;width:36px!important;height:36px!important;border-radius:10px!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:110!important;margin:0!important;padding:0!important}.task-list{max-height:calc(100vh - 200px)!important;overflow-y:auto!important}.card-grid{grid-template-columns:repeat(3,1fr);gap:5px!important}.region-grid{grid-template-columns:repeat(2,1fr)!important}#character-grid{grid-template-columns:repeat(2,1fr)!important}.queen-info-sm .queen-name{font-size:.65rem!important}.queen-info-sm .queen-class{font-size:.55rem!important}.top-bar{align-items:flex-start}.resources-bar{transform:none!important;flex-wrap:wrap;justify-content:flex-end;max-width:60%;gap:5px}.res-item{padding:2px 6px 2px 2px}.res-icon{width:20px;height:20px;font-size:.9rem}.res-val{font-size:.8rem}}.camp-popup-container{position:absolute;width:min(85vw,420px);background:#1a0f2e;border:4px solid #451a03;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.9),inset 0 0 30px rgba(0,0,0,.8);text-align:center;transform:translate(-50%,-100%);pointer-events:auto;margin-top:-30px;z-index:100;overflow:hidden}.camp-popup-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(30,20,10,.85);z-index:0}.camp-popup-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:8px;background:#dc2626;color:#fff;border:2px solid #fca5a5;font-weight:900;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;z-index:10}.camp-popup-close:hover{background:#ef4444;transform:scale(1.1)}.camp-popup-close:active{transform:scale(.9)}.camp-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:min(50px,12vw);height:min(50px,12vw);border-radius:50%;background:linear-gradient(180deg,var(--camp-text-light,#38bdf8),var(--camp-theme,#0284c7));color:#fff;border:2px solid var(--camp-text-light,#7dd3fc);font-size:min(1.8rem, 6vw);display:none;align-items:center;justify-content:center;z-index:50;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3),0 5px 15px var(--camp-bg,rgba(2,132,199,.8));padding:0 0 4px 0;box-sizing:border-box;transition:transform .2s,filter .2s;text-shadow:0 2px 4px rgba(0,0,0,.5)}.camp-nav-btn:hover{filter:brightness(1.2);transform:translateY(-50%) scale(1.1)}.camp-nav-btn:active{transform:translateY(-50%) scale(.9);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 2px 5px var(--camp-theme,rgba(2,132,199,.5));padding:4px 0 0 0}.camp-popup-header{position:relative;z-index:1;background:linear-gradient(to bottom,rgba(120,53,15,.9),rgba(69,26,3,.9));padding:15px 10px;border-bottom:2px solid #b45309;box-shadow:0 5px 15px rgba(0,0,0,.5)}#camp-popup-ep{font-family:var(--font-main);font-size:.9rem;color:#fcd34d;font-weight:900;letter-spacing:2px}#camp-popup-title{font-family:var(--font-title);font-size:1.6rem;color:#fff;text-shadow:0 2px 4px #000,0 0 10px rgba(251,191,36,.5);margin-top:5px}.camp-popup-body{position:relative;z-index:1;padding:20px}#camp-popup-desc{font-size:.95rem;color:#e2e8f0;line-height:1.4;margin-bottom:20px;font-style:italic;text-shadow:1px 1px 2px #000}#camp-popup-boss{background:rgba(127,29,29,.2);border:2px solid #991b1b;padding:10px;border-radius:8px;margin-bottom:20px;text-align:left}.boss-title{color:#fca5a5;font-weight:900;font-size:1.1rem;display:flex;align-items:center;gap:8px;margin-bottom:5px;text-transform:uppercase}#camp-popup-boss-desc{color:#fecaca;font-size:.85rem}.diff-selector{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.diff-btn{flex:1;background:rgba(0,0,0,.6);border:2px solid #475569;border-radius:10px;padding:10px 5px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px rgba(0,0,0,.3)}.diff-btn:hover{background:rgba(51,65,85,.8);transform:translateY(-2px)}.diff-btn.selected{background:linear-gradient(135deg,rgba(180,83,9,.9),rgba(120,53,15,.9));border-color:#fcd34d;box-shadow:0 0 15px rgba(251,191,36,.4),inset 0 0 10px rgba(251,191,36,.2);transform:translateY(-4px)}.diff-icon{font-size:1.8rem;margin-bottom:5px;filter:drop-shadow(0 2px 2px #000)}.diff-text{font-size:.8rem;font-weight:900;color:#94a3b8}.diff-btn.selected .diff-text{color:#fff;text-shadow:0 1px 3px #000}.camp-popup-footer{position:relative;z-index:1;padding:0 20px 25px 20px}#btn-camp-node-play{width:100%;background:linear-gradient(to bottom,#a855f7,#7e22ce);border:3px solid #d8b4fe;border-radius:12px;padding:15px;font-family:var(--font-title);font-size:2rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 8px 20px rgba(126,34,206,.6),inset 0 -4px 10px rgba(0,0,0,.3);text-shadow:0 3px 5px rgba(0,0,0,.5);transition:all .1s}#btn-camp-node-play:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px 10px rgba(126,34,206,.6),inset 0 -2px 5px rgba(0,0,0,.3)}#btn-camp-node-play:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 10px 25px rgba(168,85,247,.8)}#btn-camp-node-play:disabled{background:#475569;border-color:#64748b;color:#94a3b8;cursor:not-allowed;box-shadow:none;text-shadow:none}@media (max-aspect-ratio:1/1){.camp-node{width:min(9.8vw,58px)!important;height:min(14.7vw,82px)!important}.camp-pole{width:min(.9vw,6px)}.camp-wings{width:min(14vw,80px);height:min(1.2vw,7px)}.camp-wings::before{width:min(4vw,16px);height:min(4vw,16px);top:-9px}.camp-cloth{width:min(11.5vw,68px);height:min(16vw,92px);top:17%}.camp-icon{font-size:min(4vw, 18px)}.camp-node.boss .camp-cloth{width:min(13vw,76px);height:min(18.5vw,106px)}.camp-node.boss .camp-wings{width:min(16vw,92px)}.camp-node.boss .camp-icon{font-size:min(5vw, 22px)}}.hidden{display:none!important}.camp-modal-card{max-width:700px;width:100%;padding:0;border:2px solid var(--camp-theme,#8b5cf6);border-radius:20px;background:linear-gradient(180deg,var(--camp-bg,#2e1c4a),#1a0f2e);box-sizing:border-box;display:flex;flex-direction:column;position:relative;box-shadow:inset 0 0 0 3px #1a0f2e,0 20px 40px rgba(0,0,0,.8);overflow:hidden}.camp-modal-header{background:#1a0f2e;padding:15px 40px;text-align:center;border-bottom:2px solid var(--camp-theme,#8b5cf6);border-radius:18px 18px 0 0}.camp-modal-title-text{margin:0;font-family:var(--font-title);color:#fff;font-size:clamp(1.2rem, 5vw, 1.8rem);text-shadow:2px 2px 0 #000,0 0 5px var(--camp-theme,#8b5cf6);line-height:1.2}.camp-modal-body{display:flex;flex-wrap:wrap;padding:20px;gap:20px;overflow-y:auto;border-radius:0 0 18px 18px}.camp-modal-img-container{flex:1;min-width:200px;display:flex;flex-direction:column;gap:15px}.camp-modal-content-container{flex:2;min-width:200px;display:flex;flex-direction:column;justify-content:space-between}@media (max-width:768px){.camp-modal-body{padding:15px}.camp-modal-img-container{gap:10px}.camp-img-box{max-height:25vh}}@media (max-width:768px){.colony-chest{width:120px!important;padding:10px 5px!important;margin-top:0!important;box-sizing:border-box!important}.select-card{padding:10px!important}.card-icon{font-size:2.2rem!important;margin-bottom:5px!important}.card-name{font-size:1rem!important}.card-desc{font-size:.8rem!important}.chest-title{font-size:.65rem!important;margin-bottom:5px!important;line-height:1.1!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:inline!important}.colony-chest .chest-img{font-size:3.6rem!important;margin-bottom:5px!important}.colony-chest div{font-size:.48rem!important}.play-btn{font-size:1.8rem;padding:12px 40px}.btn-login-specific{font-size:1.3rem!important;padding:10px!important;max-width:200px!important}.btn-battle-specific{font-size:1.15rem!important;padding:10px 20px!important;max-width:150px!important}}@media (max-width:768px){.bottom-area{position:absolute!important;bottom:10px!important;left:10px!important;padding:0!important;background:0 0!important;width:auto!important;z-index:50}.bottom-icons{flex-direction:row!important;gap:10px!important}}@media (max-width:768px){.user-profile{width:120px!important;height:120px!important;border-width:1.5px!important}.user-avatar{border-width:2px!important}.glass-panel{border-width:1.5px!important}#hub-level-display{border-width:1px!important;width:24px!important;height:24px!important;font-size:.8rem!important;bottom:5px!important;right:5px!important}.profile-actions{position:absolute!important;top:-12px!important;right:15px!important;background:#1e1332!important;padding:0 5px!important}#profile-name{font-size:1.1rem!important;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{border-width:1px!important}#btn-campaign{width:120px!important;height:85px!important}.side-menu-left .icon-btn:not(#btn-campaign),.side-menu-right .icon-btn{width:45px!important;height:48px!important;padding:3px!important}.side-menu-left .icon-btn:not(#btn-campaign) .icon-btn-img,.side-menu-right .icon-btn .icon-btn-img{font-size:1.2rem!important;margin-bottom:1px!important}.side-menu-left .icon-btn:not(#btn-campaign) .icon-btn-text,.side-menu-right .icon-btn .icon-btn-text{font-size:.45rem!important}#btn-audio,#btn-daily-reward,#btn-feedback,#btn-highscore-reward,#btn-options,#btn-others{width:35px!important;height:38px!important;padding:2px!important}#btn-daily-reward,#btn-feedback,#btn-highscore-reward,#btn-options,#btn-others{left:auto!important;right:auto!important}#btn-audio{right:20px!important;left:auto!important}#btn-audio .icon-btn-img,#btn-daily-reward .icon-btn-img,#btn-feedback .icon-btn-img,#btn-highscore-reward .icon-btn-img,#btn-options .icon-btn-img,#btn-others .icon-btn-img{font-size:1rem!important;margin-bottom:0!important}#btn-audio .icon-btn-text,#btn-daily-reward .icon-btn-text,#btn-feedback .icon-btn-text,#btn-highscore-reward .icon-btn-text,#btn-options .icon-btn-text,#btn-others .icon-btn-text{display:none!important}}#btn-camp-node-fight{font-size:1.44rem}@media (max-width:768px){#btn-camp-node-fight{font-size:1.152rem}}@media (max-width:768px){.main-logo{width:208px!important;height:auto!important;object-fit:contain!important}}@media (max-width:768px){.bottom-icons-group{position:fixed;bottom:20px;left:20px;flex-direction:row-reverse!important;gap:15px!important}}@media (max-width:768px){.top-bar{padding-top:20px!important}.resources-bar{position:absolute!important;top:20px!important;right:20px!important;left:auto!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important}.res-item{width:auto!important;display:inline-flex!important;padding:3px 5px 3px 3px!important;gap:6px!important;box-sizing:border-box!important;justify-content:flex-end!important;border-width:1.5px!important}.res-add{width:22px!important;height:22px!important;font-size:1rem!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;border-width:1px!important}.res-icon{width:24px!important;height:24px!important;font-size:1.1rem!important}.res-val{font-size:.75rem!important}.side-menu-left{top:170px!important;height:auto!important;justify-content:flex-start!important;gap:8px!important}.side-menu-right{top:146px!important;gap:8px!important}}.chest-reward-card{max-width:500px;padding:30px;text-align:center;border:4px solid #fcd34d;background:radial-gradient(circle,#3a2208 0,#1a1005 100%);animation:pulseGlow 2s infinite}.chest-reward-h1{font-family:var(--font-title);font-size:2.5rem;color:#fcd34d;text-shadow:0 0 20px #fcd34d,0 4px 5px #000;margin-top:0;margin-bottom:20px}.chest-reward-icon-div{font-size:5rem;filter:drop-shadow(0 5px 10px rgba(0,0,0,.8));margin-bottom:15px}.chest-reward-h2{color:#fff;font-size:1.8rem;margin-bottom:10px;text-shadow:0 2px 4px #000}.chest-reward-p{color:#fef3c7;font-size:1.1rem;line-height:1.5}.chest-reward-btn{margin-top:20px;font-size:1.2rem;padding:12px 40px}@media (max-width:768px){.chest-reward-card{padding:20px 10px!important;border-width:2px!important}.chest-reward-h1{font-size:1.6rem!important;margin-bottom:15px!important}.chest-reward-icon-div{font-size:3.5rem!important;margin-bottom:10px!important}.chest-reward-h2{font-size:1.3rem!important;margin-bottom:5px!important}.chest-reward-p{font-size:.9rem!important;padding:0 10px!important}.chest-reward-btn{font-size:1rem!important;padding:10px 30px!important;margin-top:15px!important}}.leaderboard-tab{opacity:.6;transition:all .2s}.leaderboard-tab:hover{opacity:.8;transform:translateY(-2px)}.leaderboard-tab.active{opacity:1;box-shadow:0 0 15px rgba(255,255,255,.2);transform:scale(1.05)}.leaderboard-tab.active[data-lb-mode=classic]{background:var(--clr-green-bright)!important;color:#000!important;box-shadow:0 0 15px rgba(74,222,128,.5)}.leaderboard-tab.active[data-lb-mode=fast]{background:var(--clr-gold)!important;color:#000!important;box-shadow:0 0 15px rgba(251,191,36,.5)}.leaderboard-tab.active[data-lb-mode=super]{background:#ef4444!important;color:#000!important;box-shadow:0 0 15px rgba(239,68,68,.5)}.lb-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:rgba(0,0,0,.4);border:1px solid #374151;border-radius:8px;transition:transform .2s}.lb-item:hover{background:rgba(255,255,255,.05);transform:translateX(5px)}.lb-rank{font-family:var(--font-title);font-size:1.2rem;width:40px;text-align:center;font-weight:900}.lb-rank-1{color:#fbbf24;text-shadow:0 0 10px #fbbf24;font-size:1.5rem}.lb-rank-2{color:#9ca3af;font-size:1.1rem}.lb-rank-3{color:#d97706;font-size:1rem}.lb-name{flex:1;font-weight:700}.lb-score{color:var(--clr-gold);font-weight:700;font-family:monospace;font-size:1.1rem}@keyframes lbPulse{0%{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.1);box-shadow:0 0 0 transparent}50%{background:rgba(251,191,36,.2);border-color:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.5)}100%{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.1);box-shadow:0 0 0 transparent}}.lb-pulse{animation:lbPulse 1.5s infinite;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin:-1px}.lb-name{flex:1;font-weight:700;color:#fff;font-size:1.1rem;padding:0 15px;text-align:left}.lb-score{font-family:var(--font-title);color:var(--clr-gold);font-size:1.2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--clr-bg-dark);border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--clr-gold)}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:rgba(0,0,0,.6);border:1px solid var(--clr-gold-dark);border-radius:10px}input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:var(--clr-gold);border:2px solid #fff;box-shadow:0 0 8px rgba(251,191,36,.8);cursor:pointer;-webkit-appearance:none;margin-top:-7px;transition:transform .2s,background .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--clr-gold-light)}input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:rgba(0,0,0,.6);border:1px solid var(--clr-gold-dark);border-radius:10px}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--clr-gold);border:2px solid #fff;box-shadow:0 0 8px rgba(251,191,36,.8);cursor:pointer;transition:transform .2s,background .2s}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);background:var(--clr-gold-light)}.mega-play-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:466px;height:auto;aspect-ratio:440/145;box-sizing:border-box;padding:0 12% 4% 12%;background:0 0;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:2.1rem;color:#f1f3e1;text-shadow:0 4px 0 #48690e,0 6px 10px rgba(0,0,0,.5);letter-spacing:2px;position:relative;transition:transform .1s;animation:pulse-scale 3s infinite ease-in-out;z-index:1}.mega-play-btn::before{content:'';position:absolute;inset:0;background:url('../Assets/UI/btn_battle_empty.webp') center/contain no-repeat;z-index:-1;pointer-events:none;transition:filter .1s;animation:glow-green 3s infinite ease-in-out}.btn-large-text{font-size:1.5em}.btn-green{text-shadow:0 4px 0 #1b4d05,0 6px 10px rgba(0,0,0,.5)!important}.btn-green::before{background:url('../Assets/UI/btn_green.webp') center/contain no-repeat!important;animation:glow-green 3s infinite ease-in-out!important}.btn-green:active::before{filter:brightness(1.1) saturate(1.2)!important}.btn-purple{text-shadow:0 4px 0 #3b0764,0 6px 10px rgba(0,0,0,.5)!important}.btn-blue{text-shadow:0 4px 0 #073a64,0 6px 10px rgba(0,0,0,.5)!important}.btn-blue::before{background:url('../Assets/UI/btn_blue.webp') center/contain no-repeat!important;animation:glow-blue 3s infinite ease-in-out!important}.btn-blue:active::before{filter:brightness(1.1) saturate(1.2)!important}.btn-purple::before{background:url('../Assets/UI/btn_purple.webp') center/contain no-repeat!important;animation:glow-purple 3s infinite ease-in-out!important}.btn-purple:active::before{filter:brightness(1.1) saturate(1.2)!important}.store-btn{width:380px;max-width:80vw;font-size:1.8rem}.store-btn::before{animation:glow-blue 3s infinite ease-in-out!important}.store-btn:active::before{filter:hue-rotate(130deg) brightness(1.2) saturate(1.3)!important}.mega-play-btn:active{transform:translateY(6px) scale(.98);animation:none!important}.mega-play-btn:active::before{filter:brightness(1.3) saturate(1.2);animation:none!important}.mega-play-btn svg{width:45px;height:45px;fill:#ffffff;filter:drop-shadow(0 3px 0 #4a6a12);position:absolute;left:-10px;top:50%;transform:translateY(-50%);z-index:10}@keyframes pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes glow-green{0%,100%{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5)) drop-shadow(0 0 5px rgba(172, 214, 41, .3))}50%{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(172, 214, 41, .5))}}@keyframes glow-purple{0%,100%{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5)) drop-shadow(0 0 5px rgba(168, 85, 247, .4))}50%{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5)) drop-shadow(0 0 25px rgba(168, 85, 247, .8))}}@keyframes glow-blue{0%,100%{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5)) drop-shadow(0 0 5px rgba(59, 130, 246, .4))}50%{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5)) drop-shadow(0 0 25px rgba(59, 130, 246, .8))}}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}@keyframes floatingLogo{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}@media (min-width:769px){.play-btn-wrapper.center-screen{top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:376px!important}.play-btn-wrapper.center-screen .mega-play-btn{max-width:100%!important;width:100%!important}#home-main-logo{display:block!important;width:98%!important;margin:0 auto 4em auto!important;animation:floatingLogo 4s ease-in-out infinite}.side-menu-left,.side-menu-right{top:50%!important;transform:translateY(-50%)!important}}.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;width:100%;margin-top:20px}.region-card{position:relative;border-radius:12px;border:3px solid #8b5cf6;background-color:var(--clr-panel,#2a241c);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;aspect-ratio:4/3;display:flex;flex-direction:column}.region-card:hover{transform:scale(1.03);box-shadow:0 0 15px rgba(168,85,247,.4);border-color:#a855f7}.region-card.locked{filter:grayscale(1) brightness(.4);pointer-events:none;cursor:not-allowed}.region-card.locked::after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;z-index:10;text-shadow:0 2px 10px rgba(0,0,0,.8)}.region-card-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.region-card-title{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-size:1.2rem;font-family:'Lilita One',sans-serif;text-align:center;z-index:2;text-shadow:0 2px 4px #000}@media (max-width:600px){.region-grid{grid-template-columns:repeat(2,1fr);gap:10px}.region-card-title{font-size:1rem;padding:5px}.region-card.locked::after{font-size:2rem}}@keyframes pulse-btn{0%{transform:scale(1);box-shadow:0 0 5px #ef4444}100%{transform:scale(1.1);box-shadow:0 0 20px #ef4444}}