/* Final responsive layer; original desktop rules remain unchanged above 1100px. */
html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}.mobileNav,.navToggle{display:none}.footerLogo img{width:82px;height:82px}
@media(max-width:1100px){.section,.inner{padding-left:4vw;padding-right:4vw}.cards,.newsGrid{gap:18px}.siteHeader{padding-inline:22px}.siteHeader nav{gap:18px}.siteHeader nav a{font-size:10px}.donorPage{padding-inline:20px}.donationPanel{max-width:100%;padding-left:6vw;padding-right:6vw}.rankBenefits{max-width:100%}.hiscores-layout{grid-template-columns:235px minmax(0,1fr)}.score th,.score td{padding:13px 12px}.adminMain{padding-inline:3vw}.adminGrid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}}
@media(max-width:900px){.hero{min-height:700px;background-position:center top}.hero h1{font-size:clamp(48px,9vw,72px)}.cards,.newsGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.cards article:last-child:nth-child(odd){grid-column:1/-1;max-width:370px;width:100%;justify-self:center}.downloadPage .downloads article{min-height:430px}.accountGrid{gap:20px}.hiscores-layout{grid-template-columns:1fr}.hiscores-sidebar{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.player-search{border-right:1px solid #223d60;border-bottom:0}.rank-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.rank-menu h2{grid-column:1/-1}.rank-menu h2:not(:first-child){margin-top:18px}.donationPanel{padding-top:52px}.rankTable{overscroll-behavior-inline:contain}.adminGrid{grid-template-columns:1fr}.articleList{order:-1}.adminTitle h1{font-size:clamp(34px,7vw,48px)}}
@media(max-width:768px){body.mobileNavOpen{overflow:hidden}.topbar{height:34px;padding:0 16px;font-size:9px}.topbar>div{gap:10px}.topbar>div a{min-height:34px;display:flex;align-items:center}.siteHeader{top:34px;height:92px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:linear-gradient(180deg,#030811fa,#07172af5)}.siteHeader::after{top:auto;bottom:0;left:16px;right:16px}.siteHeader .navFrame{height:92px}.siteHeader>.navleft,.siteHeader>.navright{display:none}.siteHeader .logo{position:relative;top:0;left:auto;width:84px;height:88px;transform:none}.siteHeader .logo img{width:74px;height:74px}.navToggle{position:absolute;z-index:12;right:18px;top:23px;width:48px;height:48px;display:grid;place-content:center;gap:5px;padding:0;border:1px solid #315b91;background:#071426;cursor:pointer}.navToggle span{display:block;width:22px;height:2px;background:#a9cce9;transition:transform .2s,opacity .2s}.siteHeader.navOpen .navToggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.siteHeader.navOpen .navToggle span:nth-child(2){opacity:0}.siteHeader.navOpen .navToggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobileNav{position:fixed;z-index:10;top:126px;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:20px;background:linear-gradient(180deg,#061426,#030812);transform:translateX(105%);visibility:hidden;transition:transform .25s,visibility .25s;overflow-y:auto}.siteHeader.navOpen .mobileNav{transform:translateX(0);visibility:visible}.mobileNav a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;border-bottom:1px solid #193655;color:#b9cee1;font:700 14px Cinzel;text-transform:uppercase}.mobileNav a::after{content:'◆';color:#315b91;font-size:9px}.mobileNav a.active,.mobileNav a:hover{color:#f0cf76;background:#0c2139}.mobileNav a.active::after{color:#e1b957}.hero,.inner{padding-top:160px}.hero{min-height:680px;padding-inline:24px;background-attachment:scroll}.hero h1{font-size:clamp(45px,12vw,68px)}.hero p{font-size:14px;line-height:1.65}.section,.inner,.homeCta{background-attachment:scroll}.section{padding-top:75px;padding-bottom:75px}.section h2{font-size:clamp(32px,8vw,48px)}.actions{width:100%;max-width:420px;margin-inline:auto;flex-direction:column;gap:13px}.hero .actions a,.homeCta .primary,.primary,.secondary{width:100%;min-width:0;min-height:52px}.cards,.newsGrid{grid-template-columns:1fr;max-width:580px}.cards article:last-child:nth-child(odd){grid-column:auto;max-width:none}.cards article,.newsGrid article{padding:28px 22px}.inner>h1,.hiscores-title h1{font-size:clamp(38px,10vw,58px)}.article{padding-left:24px;padding-right:24px}.article h1{overflow-wrap:anywhere}.accountGrid{grid-template-columns:1fr}.panel,.accountGrid .panel{width:100%;padding:28px 22px}.panel input,.loginCard input,.editor input,.editor textarea{font-size:16px}.voteSites{grid-template-columns:1fr}.voteSites article{min-height:340px}.voterBar{flex-direction:column;align-items:stretch}.voterBar a{min-height:48px;display:grid;place-items:center}.supportBox{align-items:stretch;flex-direction:column;padding:26px 22px}.supportBox .secondary{width:100%;min-width:0}.hiscores-page{padding-inline:16px}.hiscores-sidebar{display:block}.player-search{border-right:0;border-bottom:1px solid #223d60}.rank-menu{grid-template-columns:1fr 1fr}.hiscores-board,.score{width:100%}.score{-webkit-overflow-scrolling:touch}.board-heading>strong{display:none}.donorPage{padding-inline:14px}.donationPanel{padding:50px 22px 36px}.ticketPanel #creditBundle,.ticketPanel #mysteryBundle,.ticketPanel #rankBundle{width:100%;padding:17px 14px;font-size:15px}.ticketPanel .bundleValue{font-size:13px;line-height:1.7}.donationActions{width:100%}.ticketPanel .donationActions .secondary,.ticketPanel .donationActions .donationBuy{width:100%;min-width:0}.checkout{width:100%;padding:22px 18px}.rankBenefits{padding:45px 16px 28px}.rankBenefits h2{font-size:clamp(29px,8vw,42px)}.toast{left:16px;right:16px;top:16px;text-align:center}.footerCentered{padding:30px 18px 38px}.footerNav{gap:16px 24px}.footerNav a{min-height:40px;display:flex;align-items:center}.footerDiscord{width:min(100%,300px);min-width:0;min-height:52px}.adminTop{height:auto;min-height:72px;padding:16px 20px;gap:15px}.adminTop>a{font-size:18px}.adminTop div{text-align:right}.adminMain{padding:35px 16px}.editor,.articleList{padding:24px 18px}.formRow{grid-template-columns:1fr}.checks{flex-wrap:wrap;gap:16px}.articleList article{align-items:flex-start;flex-direction:column}.articleList article>div:last-child{width:100%;justify-content:flex-end}.articleList article>div:last-child a,.articleList article>div:last-child button{min-height:42px;display:grid;place-items:center}.loginCard{margin:24px auto;padding:28px 22px}}
@media(max-width:430px){.topbar span{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navToggle{right:14px}.hero{min-height:640px;padding-inline:17px}.hero h1{font-size:clamp(42px,13vw,56px);line-height:.95}.hero p{margin:22px auto}.eyebrow{letter-spacing:3px}.section,.inner{padding-left:16px;padding-right:16px}.inner>h1,.hiscores-title h1{font-size:clamp(35px,11vw,48px)}.cards article,.newsGrid article{padding:26px 18px}.panel,.accountGrid .panel{padding:25px 18px}.player-search,.rank-menu{padding:20px}.rank-menu{display:block}.rank-menu a{min-height:44px}.board-heading{padding:16px}.board-heading h2{font-size:18px}.crown{font-size:28px}.score th,.score td{padding:12px 10px}.donationPanel{padding-inline:16px}.donationPanel:before{inset:5px}.ticketRule span{margin-inline:12px}.ticketPanel #donationPrice,.ticketPanel #mysteryPrice,.ticketPanel #rankTotal{font-size:40px}.checkout #cartLines>div{gap:16px}.checkout #cartLines>div span{overflow-wrap:anywhere}.rankBenefits{padding-inline:10px}.footerNav{gap:8px 18px}.footerNav a{font-size:12px}}
@media(max-width:390px){.topbar{padding-inline:12px}.topbar>div a{font-size:0}.topbar>div a::after{content:'Discord';font-size:9px}.siteHeader .logo img{width:68px;height:68px}.navToggle{width:44px;height:44px;top:24px}.hero{min-height:620px}.hero h1{font-size:48px}.hero .actions a{height:52px}.section h2{font-size:36px}.homeCta{padding-inline:16px}.donationTitle h2{font-size:27px}.ticketPanel #creditBundle,.ticketPanel #mysteryBundle,.ticketPanel #rankBundle{font-size:13px}.articleList article>div:last-child{justify-content:stretch}.articleList article>div:last-child a,.articleList article>div:last-child form{flex:1}.articleList article>div:last-child button{width:100%}}
@media(max-width:375px){.mobileNav{padding:14px}.mobileNav a{min-height:52px}.hero{padding-inline:14px}.hero h1{font-size:44px}.inner,.section{padding-left:14px;padding-right:14px}.panel,.accountGrid .panel,.editor,.articleList{padding-left:15px;padding-right:15px}.player-search,.rank-menu{padding:17px}.donationPanel{padding-left:13px;padding-right:13px}.ticketPanel .bundleValue{font-size:11px}.footerCentered{padding-inline:14px}}