/* Desktop is deliberately untouched. Mobile-only layout and touch controls. */
.mobile-navigation-actions{display:none}
@media(max-width:1199px){
  .container,body .container{width:100%!important;max-width:100%;box-sizing:border-box}
  body .status-bar .container{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;padding:0 8px;min-height:42px}
  body .status-bar .container::-webkit-scrollbar{display:none}
  body .status-bar .container .item{flex:0 0 auto;padding-left:10px;padding-right:10px;white-space:nowrap}
  body .status-bar .container .item.status-client{min-width:56px;padding:3px 9px}
  body .status-bar .container .item.status-world{min-width:80px;padding:3px 9px}
  body .status-bar .container .item a{touch-action:manipulation}
  body .status-bar{padding-top:env(safe-area-inset-top)}
  body .menu{padding:0 max(10px,env(safe-area-inset-left)) 0 max(10px,env(safe-area-inset-right))}
  html:not(.chillera-mobile-ready) body>.menu{position:relative;top:auto}
  body .menu nav{height:auto;min-height:54px}
  .chillera-mobile-ready .mobile-navigation-actions{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px}
  .mobile-navigation-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:72px;padding:8px 12px;border:1px solid #91c9dd55;border-radius:6px;background:#14567466;color:#fff;font:18px 'Bebas Neue Bold',sans-serif;letter-spacing:.3px;touch-action:manipulation}
  .mobile-navigation-button:hover,.mobile-navigation-button:focus{color:#fff;background:#12617e;text-decoration:none}
  .mobile-navigation-button:focus-visible{outline:2px solid #b8fbff;outline-offset:1px}
  .chillera-mobile-ready #chillera-menu-panel{display:none}
  .chillera-mobile-ready .menu.is-mobile-open #chillera-menu-panel{display:block}
  body .menu #chillera-menu-panel{padding:8px 10px 12px;background:linear-gradient(155deg,#267e9b,#154f6b);border:1px solid #79bfd1;border-radius:0 0 10px 10px;max-height:calc(100dvh - var(--chillera-status-height,42px) - 68px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .chillera-mobile-ready body .menu #chillera-menu-panel{position:absolute;top:100%;left:10px;right:10px;box-shadow:0 12px 24px #001f3799}
  body .menu nav .navbar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;float:none}
  body .menu nav .navbar-nav>li{float:none;min-width:0}
  body .menu nav .navbar-nav>li>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0;padding:10px 12px;border-radius:5px;font-size:20px;line-height:1.2}
  body .menu nav .navbar-nav>li.open{grid-column:1/-1}
  body .menu nav .navbar-nav .dropdown-menu{position:static;float:none;min-width:0;width:100%;border:0;box-shadow:none;background:#123d56;padding:5px;border-radius:5px}
  body .menu nav .navbar-nav .dropdown-menu li a{min-height:44px;padding:12px 18px 12px 23px!important;white-space:normal;font-size:17px;line-height:1.3}
  body .menu nav .navbar-nav .dropdown-menu:before{display:none}
  body .menu nav .navbar-form{display:flex;gap:7px;align-items:center;float:none!important;width:auto;margin:10px 0 0!important;padding:10px 0 0;border-top:1px solid #8dc6d755;box-shadow:none}
  body .menu nav .navbar-form .form-group{flex:1;min-width:0;margin:0}
  body .menu nav .navbar-form .form-control{width:100%;height:44px;font-size:16px}
  body .menu nav .navbar-form .btn{height:44px;min-width:70px;margin:0}
  body .content{margin-top:18px}
  body .content>.container{padding:0 10px}
  body .content .container .content-wrapper{padding:15px;background:#cfd7da;border:1px solid #97bfcb;border-radius:12px;box-shadow:0 8px 25px #06192d66;display:flow-root}
  body .content .container .corner-top-left,body .content .container .corner-top-right{display:none}
  body .content .container .main-content{width:calc(100% - 300px);min-width:0;padding:8px 10px 8px 0;overflow:visible}
  body .content .container .right-panel{width:300px;padding:8px 0 8px 10px;min-width:0}
  body .content .container .right-panel .box .box-wrapper,body .content .container .main-content .box .box-wrapper{width:100%;max-width:100%}
  body .content .container .main-content .news{padding:14px;min-width:0}
  body .right-panel img{max-width:100%;height:auto}
  body .right-panel iframe{width:100%!important;max-width:100%;border:0}
  body .right-panel iframe[src*="youtube"]{aspect-ratio:16/9;height:auto}
  #chillera-page-content img,#chillera-page-content video{max-width:100%}
  #chillera-page-content iframe{max-width:100%;width:100%!important}
  #chillera-page-content pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
  #chillera-page-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=image]),#chillera-page-content select,#chillera-page-content textarea{max-width:100%;font-size:16px;box-sizing:border-box}
  #chillera-page-content button,#chillera-page-content .btn,#chillera-page-content input[type=submit]{min-height:44px;touch-action:manipulation}
  #chillera-page-content form{max-width:100%}
  #chillera-page-content .showcase-page{min-width:0;grid-template-columns:minmax(0,1fr)}
  #chillera-page-content .showcase-page>*,#chillera-page-content .showcase-hero>div{min-width:0}
  #chillera-page-content .InnerTableContainer{width:100%;max-width:100%;min-width:0}
  .mobile-table{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:8px 0 14px;scrollbar-width:thin;scrollbar-color:#51a8bd #e4f1f5}
  .mobile-table:focus-visible{outline:2px solid #2185a2;outline-offset:2px}
  .mobile-table[data-overflow=true]:before{display:block;position:sticky;left:0;width:fit-content;content:'Swipe to view more →';padding:5px 8px;color:#41768a;font:11px Arial,sans-serif;background:#edf8fb;border-radius:5px;margin-bottom:6px}
  .mobile-table>table{margin-bottom:0!important}
  .mobile-table--wide>table{min-width:550px}
  #chillera-page-content .table-responsive{max-width:100%;overflow-x:auto}
  #chillera-page-content .pagination{display:flex;flex-wrap:wrap;gap:4px}
  #chillera-page-content .pagination>li>a,#chillera-page-content .pagination>li>span{min-width:40px;min-height:40px;display:grid;place-items:center}
  #LightBoxContent,#HiddenContentContainer,#TibiaTrailer{max-width:100vw!important}
  #YouTubeVideo{max-width:100%;aspect-ratio:16/9;height:auto}
}
@media(max-width:991px){
  body .content .container .main-content,body .content .container .right-panel{float:none;width:100%;padding:8px 0}
  body .content .container .right-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
  body .content .container .right-panel>.box{margin:0;min-width:0}
  body .site-brand .brand-rules{right:12px;width:205px}
}
@media(max-width:767px){
  body .site-brand,body .site-brand .brand-stage{height:143px}
  body .site-brand .logo{height:90px;background-size:auto 90px}
  body .site-brand .brand-rules{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:100%;max-width:440px;margin:0 auto;padding:0 8px;flex-direction:row;gap:5px;justify-content:center}
  body .site-brand .brand-rule{flex:1;min-width:0;min-height:30px;padding:6px 7px;font-size:9px;letter-spacing:.25px;white-space:normal;text-align:center;line-height:1.2}
  body .official-live{top:1px;left:8px;max-width:120px}
  body .content>.container{padding:0 7px}
  body .content .container .content-wrapper{padding:7px;border-radius:9px}
  body .content .container .main-content .news{padding:10px;margin-bottom:14px}
  body .content .container .right-panel{display:block}
  body .content .container .right-panel>.box{margin-bottom:16px}
  body .content .container .right-panel .box .box-content{padding:12px}
  .mobile-table--form>table,.mobile-table--form>table>tbody{display:block;width:100%!important;min-width:0}
  .mobile-table--form>table>tbody>tr{display:flex;flex-wrap:wrap;width:100%}
  .mobile-table--form>table>tbody>tr>td{display:block;flex:1 0 100%;width:100%!important;max-width:100%;text-align:left!important;box-sizing:border-box;overflow-wrap:anywhere;padding:5px}
  .mobile-table:not(.mobile-table--wide)>table{width:100%!important;table-layout:fixed}
  .mobile-table:not(.mobile-table--wide) td,.mobile-table:not(.mobile-table--wide) th{overflow-wrap:anywhere}
  #chillera-page-content [class$="__hero"],#chillera-page-content [class*="__hero "]{max-width:100%;min-width:0}
  #chillera-page-content h1{overflow-wrap:anywhere}
  #chillera-page-content .news-article-content img{height:auto!important}
  .ImpoAnnoBottom{font-size:12px!important;line-height:1.4;padding:5px 8px!important}
}
@media(prefers-reduced-motion:reduce){.mobile-navigation-actions *{scroll-behavior:auto}}
@media(max-width:767px){
  body .status-bar .container{overflow:visible;justify-content:space-between}
  body .status-bar .container>.item:first-child{flex:1;min-width:0;padding:5px;font-size:16px}
  body .status-bar .container>.item.status-client{padding:3px 6px;min-width:48px}
  body .status-bar .container>.item.status-world{padding:3px 6px;min-width:76px}
  .mobile-navigation-extras{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff30}
  .mobile-navigation-extras .item{width:100%;padding:4px;color:#fff;float:none}
  .mobile-navigation-extras .item>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px;color:#d8f8ff}
  body .site-brand,body .site-brand .brand-stage{height:122px}
  body .site-brand .logo{height:76px;background-size:auto 76px}
  body .content{margin-top:12px}
  body .content .container .content-wrapper{padding:0;background:transparent;border:0;box-shadow:none}
  body .content .container .main-content .news{padding:12px;border-radius:12px;border:1px solid #b5d5df;background:#f5fbfd;font-family:Arial,sans-serif;font-size:14px;line-height:1.6}
  body .menu nav .navbar-nav>li>a{background:#ffffff0d;border:1px solid #ffffff15}
  body .menu nav .navbar-form{margin-top:12px!important}
  .news-ticker .news-ticker-row{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:2px 8px!important;padding:12px 10px!important}
  .news-ticker .news-ticker-icon{grid-column:1!important;grid-row:1/3!important;width:28px!important;padding:0!important}
  .news-ticker .news-ticker-date{grid-column:2!important;grid-row:1!important;padding:0!important;font:10px/16px Arial,sans-serif!important}
  .news-ticker .news-ticker-message{grid-column:2!important;grid-row:2!important;padding:0 44px 0 0!important;min-height:0!important}
  .news-ticker .news-ticker-summary{max-height:40px!important;line-height:20px!important;padding:0!important}
  .news-ticker .news-ticker-summary p{font:14px/20px Arial,sans-serif!important;margin:0!important}
  .news-ticker .news-ticker-toggle{width:44px!important;height:44px!important;right:0!important;top:0!important}
  .news-ticker:has(.mobile-ticker-more):not(.mobile-ticker-expanded) .news-ticker-row:nth-child(n+3){display:none!important}
  .mobile-ticker-more{display:block;width:calc(100% - 20px);margin:8px 10px 12px;border:1px solid #b9dce6;border-radius:8px;background:#e6f5fa;color:#246e88;font:600 13px Arial,sans-serif;min-height:44px}
  .mobile-sidebar-section{margin-bottom:10px;border:1px solid #aed1df;border-radius:10px;background:#f1faff;overflow:hidden}
  .mobile-sidebar-section>summary{padding:14px 16px;color:#23657e;font:20px 'Bebas Neue Bold',sans-serif;cursor:pointer;min-height:52px}
  .mobile-sidebar-section>.box{margin:0!important}
  .mobile-sidebar-section>.box>.head{display:none}
  .character-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .character-overview-item{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:5px;padding:12px!important;min-width:0}
  .character-overview-item--wide{grid-column:1/-1}
  .powerful-guilds-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:112px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px!important}
  .powerful-guilds-grid>*{scroll-snap-align:start;min-width:0}
}