@media(max-width:1100px){.nav{gap:16px}.nav a{font-size:9px}.brand strong{font-size:11px}.faction-reference-row{grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:55px}.factions-reference{width:min(1050px,calc(100% - 44px))}.status-summary-grid{grid-template-columns:1fr 1fr}.status-layout-grid{grid-template-columns:1fr}.changelog-hero .container{grid-template-columns:1fr 230px;gap:45px}.release-layout{grid-template-columns:165px 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.header-row{padding:0 16px}.nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;background:#08090a;padding:12px 18px 18px;flex-direction:column;align-items:stretch;gap:0;border-bottom:2px solid var(--red)}.nav.open{display:flex}.nav a{height:auto;padding:11px 0;font-size:11px}.nav a::after{bottom:5px}.menu-button{display:block}.brand{margin-right:auto}.faction-reference-row{grid-template-columns:1fr;gap:22px;width:min(620px,100%);margin:0 auto;padding:28px 0}.faction-reference-image img{width:100%;height:auto;aspect-ratio:2.05/1}.faction-reference-copy{max-width:none;text-align:center}.faction-reference-copy p{max-width:540px;margin-left:auto;margin-right:auto}.factions-reference{width:min(680px,calc(100% - 32px))}.team-reference-grid{grid-template-columns:1fr 1fr}.rule-reference-wrap{width:min(760px,calc(100% - 28px))}.changelog-hero .container{grid-template-columns:1fr;gap:28px;padding:55px 0}.release-stats{grid-template-columns:repeat(3,1fr)}.changelog-intro{grid-template-columns:1fr;gap:20px}.release-layout{grid-template-columns:1fr}.release-nav{display:flex;overflow:auto;gap:7px}.release-link{min-width:120px}.release-detail{padding-left:30px}.news-grid,.news-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-header,.header-row{height:64px}.site-header{background-size:auto 100%;background-position:center center}.header-row{padding:0 12px;gap:8px}.brand{gap:7px}.brand img{width:23px;height:28px}.brand strong{font-size:9px}.icon-button{width:33px;height:33px}.menu-button{width:34px;height:33px}.nav{top:100%}.simple-page-head{padding:18px 14px 22px}.simple-page-head h1{font-size:30px}.simple-page-head p{font-size:11px}.team-reference-grid{grid-template-columns:1fr;width:min(310px,calc(100% - 24px))}.team-reference-card .portrait{height:250px}.team-application-cta{grid-template-columns:1fr;gap:18px;padding:22px 18px}.rule-chapter-tabs{grid-template-columns:1fr}.rule-tab{min-height:50px}.rule-reference-wrap{width:calc(100% - 22px)}.rule-line{grid-template-columns:24px 1fr}.rule-version-item{grid-template-columns:1fr}.changelog-hero{min-height:520px}.changelog-hero .container{width:calc(100% - 30px);min-height:520px}.changelog-title h1{font-size:64px}.release-stats{grid-template-columns:1fr 1fr}.release-stat:last-child{grid-column:1/-1}.changelog-main>.container{width:calc(100% - 30px)}.changelog-intro h2{font-size:38px}.release-detail{padding-left:22px}.change-item{grid-template-columns:62px 1fr}.status-hero{height:210px}.status-hero .status-hero-inner,.status-content>.container{width:calc(100% - 30px)}.status-hero h1{font-size:42px}.status-summary-grid{grid-template-columns:1fr}.status-overview,.status-components{border-radius:13px}.status-overview-top,.status-components-head,.component-top{flex-direction:column;align-items:flex-start}.history-grid{grid-template-columns:repeat(15,1fr)}.gallery-grid,.contact-block,.news-grid,.news-preview-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cookie-inner{flex-direction:column;align-items:flex-start}.template-hero{height:68vh;min-height:510px}.template-image{height:52vh;min-height:350px}.template-image.short{height:44vh;min-height:310px}.template-text,.template-story{padding:58px 0}.center-copy h1{font-size:42px}.center-copy h2{font-size:31px}}


@media(max-width:1100px){
  .nav a{font-size:10px}
  .rule-reference-wrap{width:min(900px,calc(100% - 34px))}
}
@media(max-width:900px){
  .faq-group-head{grid-template-columns:1fr;gap:7px}
  .faq-intro-card{grid-template-columns:1fr;gap:18px}
  .faq-intro-card .actions{justify-content:flex-start}
  .rule-reference-wrap{width:min(820px,calc(100% - 28px))}
}
@media(max-width:620px){
  .simple-page-head h1{font-size:36px}
  .simple-page-head p{font-size:13.5px}
  .rule-reference-wrap{width:calc(100% - 22px)}
  .rule-toggle{font-size:14px;min-height:56px}
  .rules-list,.rule-line{font-size:13.5px}
  .rule-chapter-head h2{font-size:23px}
  .changelog-title p,.release-summary,.change-item p{font-size:13.5px}
  .change-item{grid-template-columns:76px 1fr}
  .faq-shell{width:calc(100% - 24px)}
  .faq-intro-card{padding:22px 18px}
  .faq-group-head h2{font-size:24px}
  .faq-question{padding:18px 16px;font-size:14px}
  .faq-answer{padding:0 16px 18px}
  .status-overview,.status-panel{padding:22px 18px}
  .status-components-head,.component-item{padding:22px 18px}
}
\n\n/* V10.7 responsive scale */\n@media(max-width:1300px) and (min-width:901px){\n  .header-row{padding:0 24px;gap:22px}\n  .brand strong{font-size:13px}\n  .nav{gap:20px}\n  .nav a{font-size:11.5px;height:48px}\n  .icon-button{width:40px;height:40px}\n  .factions-reference{width:min(1180px,calc(100% - 44px))}\n  .faction-reference-row{grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:65px}\n  .faction-reference-image img{height:270px}\n  .team-reference-grid{width:min(980px,calc(100% - 40px))}\n  .team-reference-card .portrait{height:280px}\n  .rule-reference-wrap{width:min(1040px,calc(100% - 40px))}\n}\n@media(max-width:900px){\n  .nav a{font-size:14px;min-height:46px}\n  .brand strong{font-size:11px}\n  .faction-reference-copy h2{font-size:25px}\n  .faction-reference-copy p{font-size:15px}\n  .team-reference-grid{width:min(720px,calc(100% - 32px));gap:24px}\n  .team-reference-card .portrait{height:275px}\n  .rule-toggle{font-size:16px}\n  .rules-list,.rule-line{font-size:15.5px}\n  .faq-question{font-size:16px}\n  .faq-answer p{font-size:15px}\n}\n@media(max-width:620px){\n  body.public-site{font-size:16px}\n  .simple-page-head h1{font-size:40px}\n  .simple-page-head p{font-size:15px}\n  .team-reference-card .portrait{height:285px}\n  .team-reference-info strong{font-size:17px}\n  .team-reference-info span{font-size:12.5px}\n  .rule-toggle{font-size:15px}\n  .rules-list,.rule-line{font-size:14.5px}\n  .changelog-title h1{font-size:70px}\n  .changelog-title p,.release-summary,.change-item p{font-size:14.5px}\n  .faq-intro-card h2{font-size:30px}\n  .faq-group-head h2{font-size:27px}\n  .faq-question{font-size:15px}\n  .faq-answer p{font-size:14.5px}\n  .status-hero h1{font-size:46px}\n  .status-overview-top h2{font-size:28px}\n  .status-panel p,.player{font-size:14.5px}\n}\n