@media (max-width:900px) and (pointer:coarse){.panel,.news-style,.section-title,.page-subtitle,.page-section,.content-wrapper,.panel-body,.diy.page.grid{width:100% !important;max-width:340px !important;margin-left:auto !important;margin-right:auto !important;padding-left:18px !important;padding-right:18px !important;box-sizing:border-box !important}.panel-title,.section-title,.page-subtitle{text-align:left !important;padding-left:18px !important;margin-left:0 !important}}@media (max-width:900px) and (pointer:coarse){.panel,.news-style,.news-container,.page-section,.content-wrapper,.panel-body,.diy.page.grid{max-width:340px !important;margin-left:auto !important;margin-right:auto !important;padding-left:18px !important;padding-right:18px !important;box-sizing:border-box !important}.news-title,.panel-title,.section-title,.page-subtitle{margin-left:0 !important;padding-left:18px !important;text-align:left !important}p,.panel-body,.news-text-col{font-size:11px !important;line-height:1.25 !important}.panel-body>*,.news-box-2col,.form-group,.alert{margin-bottom:6px !important}table th,table td{font-size:10px !important;padding:4px 6px !important}}@media (max-width:900px) and (pointer:coarse){.main-nav a,.main-nav .nav-text{display:block !important;margin-left:0 !important;height:auto !important;width:100% !important;text-align:center !important}.main-nav a::before{display:none !important}.main-nav .dropdown-menu a{text-align:center !important}.site-header{position:relative;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(5,10,20,0.85)}.header-wrapper{display:none}.logo{transform:scale(0.85);transform-origin:left center}.nav-hamburger{display:inline-flex !important;align-items:center;justify-content:center;width:42px;height:34px;background:rgba(5,10,20,0.75);border:1px solid rgba(0,191,255,0.35);border-radius:6px;cursor:pointer;z-index:10001}.nav-hamburger-lines{position:relative;width:18px;height:2px;background:rgba(0,191,255,0.85)}.nav-hamburger-lines::before,.nav-hamburger-lines::after{content:"";position:absolute;left:0;width:18px;height:2px;background:rgba(0,191,255,0.85)}.nav-hamburger-lines::before{top:-6px}.nav-hamburger-lines::after{top:6px}}@media (max-width:900px) and (pointer:coarse){.hero-section{display:flex !important;flex-direction:column !important;align-items:center !important;padding-top:20px !important}.hero-video-box{width:100% !important;max-width:480px !important;margin:0 auto 20px auto !important}.hero-video-box iframe{width:100% !important;aspect-ratio:567 / 390;height:auto !important;border-radius:8px}.hero-content{width:100% !important;text-align:center !important;padding:0 12px !important}.hero-content,.hero-video-box{position:static !important;top:auto !important;left:auto !important;transform:none !important;margin:0 !important}.hero-buttons{margin-bottom:50px !important}.hero-video-box{margin-top:12px !important}.hero-title{font-size:18px;margin-top:-18px;margin-bottom:8px;line-height:1.2}.hero-subtitle{margin-top:6px;margin-bottom:4px;opacity:0.9}.hero-tagline{margin-top:4px;margin-bottom:12px;font-size:12px;opacity:0.75}}.hero,.hero-section,.hero-wrapper{padding-top:0 !important;margin-top:0 !important}.hero video,.hero iframe{margin-top:0 !important}@media (min-width:901px),(pointer:fine){.nav-hamburger{display:none !important}}@media (max-width:900px) and (pointer:coarse){.main-nav .dropdown-menu.language-dropdown{width:240px;left:-67px;padding:10px !important;display:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;text-align:left !important}.main-nav .nav-item.dropdown.is-open .dropdown-menu.language-dropdown{display:flex !important}.main-nav .dropdown-menu.language-dropdown a{width:118px !important;height:auto;margin:0 !important;padding:2px 4px !important;box-sizing:border-box;display:inline-flex !important;align-items:center;justify-content:flex-start !important;gap:6px;font-size:8px;line-height:1.1;white-space:nowrap;background:rgba(0,191,255,0.05);border-radius:4px}.main-nav .dropdown-menu.language-dropdown a .flag{display:inline-block;flex:0 0 auto;height:12px;vertical-align:middle}.main-nav .dropdown-menu.language-dropdown a .nav-text{display:inline-block !important;width:auto !important;text-align:left !important;vertical-align:middle}.header-wrapper{display:none !important}.main-nav{display:none !important}.main-nav.is-open{display:block !important}}@media (max-width:900px) and (pointer:coarse){footer,.site-footer,.footer-wrapper{padding:8px 12px !important;font-size:10px !important;line-height:1.4 !important;text-align:center !important;opacity:0.55}.site-footer p,.footer-wrapper p{margin:2px 0 !important;font-size:8px !important}}@media (max-width:900px) and (pointer:coarse){.news-box-2col{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:8px !important;padding:6px 10px !important;border-radius:6px;background:rgba(255,255,255,0.02)}.news-date-col{font-size:10px !important;opacity:0.7;white-space:nowrap;flex-shrink:0;margin-top:2px}.news-content-col{display:flex;flex-direction:column;gap:2px}.news-title-col{font-size:13px !important;font-weight:600}.news-text-col{font-size:12px !important;line-height:1.3}}@media (max-width:900px) and (pointer:coarse){.news-container{width:100% !important;max-width:340px !important;margin:0 auto !important;min-height:100px !important;padding:12px 12px !important;box-sizing:border-box !important}}@media (max-width:900px) and (pointer:coarse){.news-title{font-size:15px !important;font-weight:600 !important;text-align:left !important;margin-left:46px !important;margin-bottom:8px !important;letter-spacing:0.5px}}@media (max-width:900px) and (pointer:coarse){.media-grid{grid-template-columns:1fr;gap:18px;padding:24px;margin-top:40px}.media-grid .video-item,.media-grid .image-item{max-width:240px;margin:0 auto;aspect-ratio:4 / 3;overflow:hidden}.media-grid video,.media-grid img{width:100%;height:100%;object-fit:cover}.popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);z-index:9999}.popup-panel{max-width:90vw;max-height:80vh;overflow-y:auto;position:relative}.popup-close{position:absolute;top:12px;right:12px;z-index:10;font-size:22px;background:none;border:none;color:#fff;cursor:pointer}}@media (max-width:768px){.home-section{margin:30px auto;padding:25px;border-radius:10px;background:rgba(0,10,25,0.65);box-shadow:0 0 25px rgba(0,150,255,0.25)}.section-title{font-size:22px;margin-bottom:18px;text-align:center}.section-container{display:block}.el{margin-bottom:20px;padding:15px;border-radius:8px}.el-text-content{font-size:15px;line-height:1.5;text-align:center}.el-image-img,.el-combo-img{width:100%;border-radius:8px}.btn{display:block;width:100%;text-align:center;padding:12px 0;font-size:14px;border-radius:6px;margin-top:10px}.col-12,.col-6,.col-4,.col-3{width:100% !important}}@media (max-width:768px){.el{padding:12px}.el-text-content,.el-combo-text{font-size:12px;text-align:center}.el .btn{width:100%;text-align:center;padding:10px 0}}@media (max-width:900px) and (pointer:coarse){.home-section{width:100% !important;margin:20px auto !important;padding:15px !important;box-sizing:border-box !important}}@media (max-width:900px){.ranking-wrapper{margin-left:0 !important;max-width:100% !important}.ranking-menu{min-width:120px;max-width:120px}.rankings-container{overflow:visible !important}.table-ranking{overflow:visible !important}}@media (max-width:900px) and (pointer:coarse){#main-nav{display:none !important}#main-nav.is-open{display:block !important}.main-nav{display:none !important;position:absolute;top:64px;right:16px;width:min(320px,calc(40vw - 32px));padding:10px;background:rgba(5,10,20,0.95);border:1px solid rgba(0,191,255,0.35);border-radius:8px;z-index:10000}.main-nav>a,.main-nav .nav-item{display:block;margin:3px 0}.main-nav .nav-item.dropdown:last-child{margin-top:14px !important}.main-nav a,.main-nav .nav-text{font-size:11px;padding:3px 8px;color:#cceeff;opacity:0.85;background:none;border:none;box-sizing:border-box;text-shadow:0 0 4px #00bfff,0 0 10px rgba(0,191,255,0.45),0 0 18px rgba(0,191,255,0.35);transition:0.25s ease}.main-nav a:hover{background:rgba(0,191,255,0.15);color:#ffffff;text-shadow:0 0 12px #00bfff,0 0 24px #00bfff,0 0 45px rgba(0,191,255,1),0 0 75px rgba(0,191,255,0.85),0 0 110px rgba(0,191,255,0.65);box-shadow:0 0 12px rgba(0,191,255,0.45),inset 0 0 8px rgba(0,191,255,0.25);animation:none}.main-nav .dropdown-menu{position:absolute !important;top:0;left:-67px;width:180px;display:none;background:rgba(5,10,20,0.92);border:1px solid #00bfff;border-radius:6px;padding:6px 0;box-sizing:border-box;z-index:9999;text-align:center !important}.main-nav .nav-item.dropdown.is-open .dropdown-menu{display:block}.main-nav .dropdown-menu a{display:flex !important;align-items:center;justify-content:center !important;text-align:center !important;gap:8px;font-size:12px;padding:5px 12px;width:calc(100% - 24px);margin-left:auto !important;margin-right:auto !important;color:#cceeff;opacity:0.85;background:none;border:none;box-sizing:border-box;text-shadow:0 0 4px #00bfff,0 0 10px rgba(0,191,255,0.45),0 0 18px rgba(0,191,255,0.35);animation:none;transition:0.25s ease}.main-nav .dropdown-menu a .nav-text{display:block;width:100%;text-align:center}.main-nav .dropdown-menu a:hover{background:rgba(0,191,255,0.15);color:#ffffff;text-shadow:0 0 12px #00bfff,0 0 24px #00bfff,0 0 45px rgba(0,191,255,1),0 0 75px rgba(0,191,255,0.85),0 0 110px rgba(0,191,255,0.65);box-shadow:0 0 12px rgba(0,191,255,0.45),inset 0 0 8px rgba(0,191,255,0.25);animation:none}}@media (max-width:900px) and (pointer:coarse){.table-boss th,.table-boss td,.table-siege th,.table-siege td{font-size:8px !important;padding:3px 4px !important;white-space:nowrap !important;text-align:left !important}.table-boss th:nth-child(1),.table-boss td:nth-child(1){width:28px !important}.table-boss th:nth-child(2),.table-boss td:nth-child(2){max-width:70px !important;overflow:hidden;text-overflow:ellipsis}.table-boss th:nth-child(3),.table-boss td:nth-child(3){width:30px !important}.table-boss th:nth-child(4),.table-boss td:nth-child(4){width:36px !important}.table-boss th:nth-child(5),.table-boss td:nth-child(5){width:48px !important;font-size:7.5px !important;text-align:center !important}.spawn-status{font-size:7.5px !important;font-weight:500 !important;text-align:center !important}.spawn-status.alive{color:#00ff88 !important}}@media (max-width:900px) and (pointer:coarse){.table-siege th,.table-siege td{font-size:8px !important;padding:3px 4px !important;white-space:nowrap !important;line-height:1.1 !important}.table-siege.castles th:nth-child(1),.table-siege.castles td:nth-child(1){width:36px !important;text-align:center !important}.table-siege.castles th:nth-child(2),.table-siege.castles td:nth-child(2),.table-siege.castles th:nth-child(3),.table-siege.castles td:nth-child(3){max-width:45px !important;overflow:hidden;text-overflow:ellipsis}.table-siege.castles th:nth-child(4),.table-siege.castles td:nth-child(4){width:28px !important;text-align:center !important}.table-siege.castles th:nth-child(5),.table-siege.castles td:nth-child(5){width:30px !important;text-align:center !important}.table-siege.castles th:nth-child(6),.table-siege.castles td:nth-child(6){width:50px !important;font-size:7.5px !important;text-align:center !important}.table-siege.territory th:nth-child(1),.table-siege.territory td:nth-child(1){width:36px !important;text-align:center !important}.table-siege.territory th:nth-child(2),.table-siege.territory td:nth-child(2),.table-siege.territory th:nth-child(3),.table-siege.territory td:nth-child(3){max-width:40px !important;overflow:hidden;text-overflow:ellipsis}.table-siege.territory th:nth-child(4),.table-siege.territory td:nth-child(4){width:5px !important;text-align:center !important}.table-siege.territory th:nth-child(5),.table-siege.territory td:nth-child(5){width:30px !important;font-size:7.5px !important;text-align:center !important}}@media (max-width:900px) and (pointer:coarse){.table-ranking th,.table-ranking td{font-size:8px !important;padding:3px 4px !important;white-space:nowrap !important;line-height:1.1 !important}.table-ranking th:nth-child(1),.table-ranking td:nth-child(1){width:28px !important;text-align:center !important}.table-ranking th:nth-child(2),.table-ranking td:nth-child(2){max-width:80px !important;overflow:hidden;text-overflow:ellipsis;text-align:left !important}.table-ranking th:nth-child(3),.table-ranking td:nth-child(3),.table-ranking th:nth-child(4),.table-ranking td:nth-child(4){width:36px !important;text-align:center !important}.table-ranking th:nth-child(5),.table-ranking td:nth-child(5),.table-ranking th:nth-child(6),.table-ranking td:nth-child(6){width:40px !important;text-align:center !important}}
/* LEGAL POPUP */
.legal-tabs{display:flex;gap:8px;margin:0 0 12px 0;justify-content:center;flex-wrap:wrap}.legal-tab-btn{cursor:pointer;border:1px solid rgba(0,191,255,0.35);background:rgba(0,191,255,0.06);color:#cceeff;padding:7px 10px;border-radius:8px;font-size:11px;letter-spacing:.3px}.legal-tab-btn.is-active{background:rgba(0,191,255,0.18);box-shadow:0 0 12px rgba(0,191,255,0.22)}.legal-panel{display:none}.legal-panel.is-active{display:block}.legal-mini-image{display:flex;justify-content:center;margin:0 0 12px 0}.legal-mini-image img{max-width:120px;max-height:120px;border-radius:10px;border:1px solid rgba(0,191,255,0.25);box-shadow:0 0 14px rgba(0,191,255,0.12)}
.legal-html,.news-text-col{white-space:pre-wrap;}
/* Account mailbox icon (mobile) */
.account-mailbox{display:flex;justify-content:center;margin:10px 0 6px 0}.mailbox-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;text-decoration:none}.mailbox-btn .mail-icon{width:52px;height:52px;display:inline-block;background-image:url('/assets/img/mail_icon.webp');background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 10px rgba(0,191,255,.55))}.mailbox-btn.has-unread{animation:mailboxPulse 1.25s ease-in-out infinite}@keyframes mailboxPulse{0%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(0,191,255,.35))}50%{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(0,191,255,.65))}100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(0,191,255,.35))}}.mailbox-btn .mail-badge{position:absolute;right:0px;bottom:0px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:12px;font-weight:bold;line-height:20px;text-align:center;color:#fff;background:#ff3b5c;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.45)}
@media (max-width:900px){.home-section.type-canvas .section-container{width:100%!important;max-width:100%!important;overflow:hidden}.hb-canvas-scale-wrap{width:100%;position:relative}.hb-canvas-scale-wrap .hb-canvas-frontend{will-change:transform}}
@media (max-width:900px){.home-section.type-canvas .server-stats-widget .ss-grid{grid-template-columns:repeat(4,minmax(170px,1fr))!important;gap:12px!important}.home-section.type-canvas .server-stats-widget .ss-card{min-width:0!important}}

@keyframes lgSweepSlow{0%{transform:translateX(-140%) rotate(18deg);opacity:0}12%{opacity:.25}45%{opacity:.85}70%{opacity:.3}100%{transform:translateX(140%) rotate(18deg);opacity:0}}
:where(.btn,.button,button,input[type=button],input[type=submit],input[type=reset],a.btn,a.button,.unstuck-menu button){position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:box-shadow .35s ease,border-color .35s ease,color .25s ease,transform .25s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(0,210,255,.05)}
:where(.btn,.button,button,input[type=button],input[type=submit],input[type=reset],a.btn,a.button,.unstuck-menu button)::after{content:"";position:absolute;inset:-45% -65%;background:linear-gradient(120deg,rgba(255,255,255,0) 0,rgba(255,255,255,.05) 26%,rgba(255,255,255,.18) 46%,rgba(255,255,255,.05) 66%,rgba(255,255,255,0) 100%);transform:translateX(-140%) rotate(18deg);opacity:0;pointer-events:none;z-index:0}
:where(.btn,.button,button,input[type=button],input[type=submit],input[type=reset],a.btn,a.button,.unstuck-menu button) > *{position:relative;z-index:1}
:where(.btn,.button,button,input[type=button],input[type=submit],input[type=reset],a.btn,a.button,.unstuck-menu button):is(:hover,:focus-visible,:active){box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35),0 8px 18px rgba(0,0,0,.35),0 0 0 1px rgba(0,210,255,.10)}
:where(.btn,.button,button,input[type=button],input[type=submit],input[type=reset],a.btn,a.button,.unstuck-menu button):is(:hover,:focus-visible,:active)::after{animation:lgSweepSlow 2.8s ease-in-out 1}
@supports((-webkit-backdrop-filter:blur(1px))or(backdrop-filter:blur(1px))){:where(.btn,.button,button,input[type=button],input[type=submit],input[type=reset],a.btn,a.button,.unstuck-menu button):is(:hover,:focus-visible,:active){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}
@media (hover:hover){:root{--lg-border:rgba(0,210,255,.08);--lg-border-hover:rgba(0,210,255,.12);--lg-shine-a:rgba(255,255,255,0);--lg-shine-b:rgba(255,255,255,.06);--lg-shine-c:rgba(255,255,255,.18)}button,input[type=submit],input[type=button],input[type=reset],.btn,.btn-primary,.btn-secondary,a.btn,a.btn-primary,a.btn-secondary,.hero-buttons a,.panel .sort-btn,.dropdown-menu a{position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.30),inset 0 0 0 1px var(--lg-border)}button:before,input[type=submit]:before,input[type=button]:before,input[type=reset]:before,.btn:before,.btn-primary:before,.btn-secondary:before,a.btn:before,a.btn-primary:before,a.btn-secondary:before,.hero-buttons a:before,.panel .sort-btn:before,.dropdown-menu a:before{content:"";position:absolute;inset:-45% -70%;background:linear-gradient(120deg,var(--lg-shine-a) 0%,var(--lg-shine-b) 28%,var(--lg-shine-c) 48%,var(--lg-shine-b) 68%,var(--lg-shine-a) 100%);transform:translateX(-120%) rotate(18deg);opacity:0;pointer-events:none;transition:transform 2.8s ease,opacity .45s ease;z-index:1;mix-blend-mode:screen}button:hover:before,input[type=submit]:hover:before,input[type=button]:hover:before,input[type=reset]:hover:before,.btn:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before,a.btn:hover:before,a.btn-primary:hover:before,a.btn-secondary:hover:before,.hero-buttons a:hover:before,.panel .sort-btn:hover:before,.dropdown-menu a:hover:before{opacity:1;transform:translateX(120%) rotate(18deg)}.main-nav a:after{transition:transform 2.8s ease,opacity .45s ease}}

@media (max-width:900px) and (pointer:coarse){
  .main-nav .nav-item.dropdown:last-child{
    position:relative !important;
  }

  .main-nav .nav-item.dropdown:last-child .dropdown-menu.language-dropdown{
    position:absolute !important;
    top:-6px !important;
    right:calc(100% - 43px) !important;
    left:auto !important;
    width:110px !important;
    padding:6px !important;
    display:none;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:4px !important;
    z-index:10002 !important;
  }

  .main-nav .nav-item.dropdown:last-child.is-open .dropdown-menu.language-dropdown,
  .main-nav .nav-item.dropdown:last-child .dropdown-menu.language-dropdown.open{
    display:flex !important;
  }

  .main-nav .nav-item.dropdown:last-child .dropdown-menu.language-dropdown a{
    width:100% !important;
    justify-content:flex-start !important;
    text-align:left !important;
    font-size:9px !important;
    padding:4px 6px !important;
    gap:6px !important;
    margin:0 !important;
  }

  .main-nav .nav-item.dropdown:last-child .dropdown-menu.language-dropdown a .nav-text{
    text-align:left !important;
    width:auto !important;
  }
}
/* Account rewards mobile fix */
@media (max-width:900px) and (pointer:coarse){
  .account-container .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .account-container .table-wrap table{width:100%!important;table-layout:fixed}
  .account-container .table-wrap th,
  .account-container .table-wrap td{padding:6px 4px!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important;word-break:break-word;vertical-align:middle}
  .account-container .table-wrap th:first-child,
  .account-container .table-wrap td:first-child{width:64px!important}
  .account-container .table-wrap th:last-child,
  .account-container .table-wrap td:last-child{width:82px!important;min-width:82px!important;text-align:center}
  .account-container .table-wrap form{display:block;width:100%;margin:0}
  .account-container .table-wrap .btn-primary{display:inline-flex!important;align-items:center;justify-content:center;width:100%;max-width:82px;min-width:0!important;padding:8px 6px!important;font-size:10px!important;line-height:1.1!important;white-space:normal!important;word-break:break-word;text-align:center;margin:0 auto}
}