/* Mobile spacing follows content rather than desktop minimum heights. */
@media(max-width:760px){
 .hero{min-height:0}
 .hero-bg{background-position:center,center,94% center;background-image:linear-gradient(90deg,#111412b8 0%,#11141260 65%,#11141228 100%),linear-gradient(0deg,#111412 0%,#11141270 28%,transparent 75%),url('hero.png')}
 .hero-content{padding-top:36px;padding-bottom:52px}
 .hero h1{font-size:clamp(2.8rem,11.7vw,4.5rem)}
 .hero p{margin-top:20px}
 .hero-tags{flex-wrap:wrap;gap:10px 16px;margin-top:20px}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}
 .hero .actions .button{padding:12px 9px;gap:8px}
 .status-bar{margin-top:-12px;gap:18px 12px;padding:20px 16px}
 .section{padding-block:36px}
 .inner-page{min-height:0}
 .inner-page h1{font-size:clamp(2.5rem,10vw,3.5rem)}
 .intro{margin:18px 0 22px}
 .section-heading{gap:14px;margin-bottom:24px}
 .section-heading>p br{display:none}
 .feature{padding:22px}
 .feature-top{margin-bottom:16px}
 .raid-copy{padding:24px}
 .store-teaser{gap:24px}
 .store-teaser p{margin:16px 0 20px}
 .supply-art{min-height:185px;transform:none}
 .supply-art svg{width:85px;height:85px}
 .supply-art span{margin-top:16px}
 .notice{margin:20px 0;padding:16px}
 .shop-login{gap:12px;margin:20px 0}
 .product-grid{gap:20px}
 .product-art{height:auto;aspect-ratio:16/9}
 .product-art.has-package-image>img{position:absolute;inset:0}
 .product-content{padding:20px}
 .product-content h3{font-size:1.75rem}
 .product-content ul{margin:18px 0;gap:8px}
 .product-price{padding-top:16px}
 .store-note{margin-top:24px;gap:10px}
 .metrics{gap:10px;margin:22px 0}
 .metrics article{padding:16px}
 .metrics svg{margin-bottom:12px}
 .metrics strong{font-size:2.6rem}
 .server-grid{margin-top:28px;gap:24px}
 dl>div{padding:12px 0}
 dd{max-width:62%;overflow-wrap:anywhere}
 .account-bar{gap:12px;margin:20px 0}
 .account-bar p{overflow-wrap:anywhere}
 .order-card{gap:8px;margin:16px 0;padding:20px}
 .order-card p{margin:8px 0}
 .order-actions{margin-top:12px;padding-top:12px}
 .cron-timer{gap:12px;margin:20px 0;padding:18px}
 .cron-timer-copy{min-width:0}
 .cron-timer-copy h3{font-size:1.4rem}
 .cron-timer-copy p{font-size:.85rem}
 .cron-clock{width:72px;height:72px;flex-basis:72px}
 .cron-clock svg{width:72px;height:72px}
 .bottom-cta>.wrap{padding-block:28px;gap:18px}
 footer{gap:16px;padding-block:24px}
 .form-grid{gap:16px;margin:18px 0}
 input,textarea,select{font-size:16px}
 .package-image-preview{height:auto;aspect-ratio:16/9;max-width:100%}
 .admin h2{margin-top:28px}
 .admin-nav{gap:12px}
 .button,.steam-button{min-height:44px}
 .modal{padding:28px 20px}
 dialog{max-height:calc(100dvh - 32px)}
}

.server-grid>div:first-child>h2,.online-players h3{color:var(--orange)}.online-players{margin:28px 0}.online-players h3{margin-bottom:16px}.online-players table{width:100%;border-collapse:collapse;table-layout:fixed}.online-players th,.online-players td{padding:12px 14px;border-bottom:1px solid #343a2b;text-align:left;overflow-wrap:anywhere}.online-players th:last-child,.online-players td:last-child{width:150px;text-align:right;font-variant-numeric:tabular-nums}.online-players th{font-size:13px;color:#b6bc9d}.server-directory-links{display:flex;flex-wrap:wrap;gap:12px}.server-directory-links .button{margin:0}.server-grid>div{min-width:0}
.server-grid dl dd{max-width:72%;overflow-wrap:anywhere}.server-grid dl dd small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.4}@media(max-width:480px){.server-grid dl>div{align-items:flex-start}.server-grid dl dd{max-width:68%}}
.join-panel{display:flex;flex-direction:column;min-width:0}.join-panel>.button{align-self:flex-start}.server-join-art{position:relative;display:block;flex:1;width:100%;min-height:430px;margin-top:28px;padding:0;overflow:hidden;border:1px solid #4a563d;background:#111;color:var(--text)}.server-join-art img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center 48%;transition:transform .35s ease,filter .35s ease}.server-join-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0e0bd9 0%,transparent 46%);pointer-events:none}.server-join-art span{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-family:var(--heading);font-size:1.55rem;font-weight:800;letter-spacing:.04em}.server-join-art:hover img{transform:scale(1.025);filter:brightness(1.08)}.server-join-art:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media(max-width:760px){.product-art.has-package-image{height:auto;aspect-ratio:16/9}.product-art.has-package-image>img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.server-join-art{min-height:0;aspect-ratio:4/5}.server-join-art img{min-height:0;object-fit:cover;object-position:center}.server-join-art span{font-size:1.35rem}}
.upload-reselect-note{display:block;margin-top:8px;color:#ffb68f;font-weight:600}
.admin-section>summary{color:var(--orange)}
.contact-layout{display:grid;gap:22px;margin-top:34px}.contact-form{margin:0}.contact-form .button{justify-self:start}.contact-aside h2{font-size:2rem}.contact-aside p{line-height:1.75}@media(max-width:760px){.contact-form .button{width:100%}}
.contact-urgent{max-width:850px;margin:12px 0 30px;padding:16px 18px;border:1px solid #c95c29;border-left:6px solid var(--orange);background:#3a241b;color:#ffe2cf;font-size:1rem;line-height:1.55;box-shadow:0 8px 24px #0002}.contact-urgent strong{display:inline-block;margin-right:6px;color:#ff8b43;font-family:var(--heading);font-size:1.12rem;letter-spacing:.035em}.contact-layout{margin-top:0}
.account-identity{display:flex;align-items:center;gap:28px;white-space:nowrap}.orders-intro{max-width:none;white-space:nowrap}@media(max-width:760px){.account-identity{align-items:flex-start;flex-direction:column;gap:4px;white-space:normal}.orders-intro{white-space:normal}}
.server-activity{margin-top:64px}.server-activity .section-heading{margin-bottom:24px}.activity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.activity-summary article{display:flex;flex-direction:column;gap:8px;padding:20px}.activity-summary small{color:var(--muted);font-size:.72rem;letter-spacing:.08em}.activity-summary strong{color:var(--orange);font:800 2.25rem var(--heading)}.activity-table-wrap{overflow-x:auto;padding:0}.activity-table{min-width:720px}.activity-table th:not(:first-child),.activity-table td:not(:first-child){text-align:right}.activity-table td small{margin:2px 0 0}.activity-table tr.future{opacity:.55}.activity-note{margin-top:12px;font-size:.8rem}@media(max-width:900px){.activity-summary{grid-template-columns:1fr 1fr}}@media(max-width:480px){.server-activity{margin-top:42px}.activity-summary{grid-template-columns:1fr}.activity-summary article{padding:17px}.activity-summary strong{font-size:2rem}}
.admin>.brand{width:max-content;font-size:1.8rem}.admin>.brand .brand-icon{flex-shrink:0}@media(max-width:760px){.admin>.brand{font-size:1.45rem}}
.analytics-grid{display:grid;gap:20px;margin-top:24px}.analytics-panel{min-width:0}.analytics-panel h3{margin-bottom:18px}.analytics-panel table{min-width:850px}.analytics-panel th,.analytics-panel td{font-variant-numeric:tabular-nums}.analytics-panel td:last-child{white-space:nowrap}@media(max-width:760px){.analytics-panel{padding:18px}.analytics-panel table{min-width:780px}}
.admin-section{margin:22px 0;border:1px solid var(--line);background:#151914}.admin-section>summary{position:relative;padding:24px 58px 24px 26px;color:var(--text);font:800 clamp(1.7rem,3vw,2.35rem) var(--heading);list-style:none}.admin-section>summary::-webkit-details-marker{display:none}.admin-section>summary:after{content:'+';position:absolute;right:26px;top:50%;transform:translateY(-50%);color:var(--orange);font:400 2rem var(--body)}.admin-section[open]>summary{border-bottom:1px solid var(--line)}.admin-section[open]>summary:after{content:'−'}.admin-section-body{padding:8px 26px 28px}.admin-section-body>.notice{margin:20px 0}.admin-section-body>.panel{margin-top:22px}@media(max-width:760px){.admin-section>summary{padding:19px 48px 19px 18px}.admin-section>summary:after{right:18px}.admin-section-body{padding:5px 18px 22px}}
.admin-section>summary{color:var(--orange)}

.cms-server-activity{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.cms-server-activity>h2{color:var(--orange)}

.activity-details{margin-top:22px;padding:0}.activity-details>summary{cursor:pointer;padding:20px 22px;color:var(--orange);font:800 1.45rem var(--heading);list-style:none}.activity-details>summary::-webkit-details-marker{display:none}.activity-details>summary:after{content:'+';float:right}.activity-details[open]>summary:after{content:'−'}.activity-detail-body{display:grid;gap:32px;padding:8px 22px 24px}.activity-detail-body article{min-width:0}.hour-chart,.day-chart{display:grid;grid-template-columns:repeat(24,minmax(14px,1fr));align-items:end;gap:5px;height:220px;padding-top:20px;border-bottom:1px solid var(--line)}.day-chart{grid-template-columns:repeat(30,minmax(10px,1fr))}.chart-column{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 22px;align-items:end;height:100%;text-align:center}.chart-column span{display:block;width:100%;min-height:3px;height:var(--bar,3px);background:linear-gradient(var(--orange),#9e3f13);box-shadow:0 0 10px #ee742c22}.chart-column>b{position:absolute;left:50%;bottom:25px;z-index:1;transform:translateX(-50%);padding:1px 3px;background:#111412dd;color:#f1f0e7;font-size:.58rem;line-height:1.2;font-variant-numeric:tabular-nums}.chart-column small{padding-top:5px;font-size:.62rem}.weekday-chart{display:grid;gap:10px}.weekday-chart>div{display:grid;grid-template-columns:85px 1fr 45px;align-items:center;gap:12px}.weekday-chart span{height:16px;background:#20271d}.weekday-chart i{display:block;width:var(--bar);height:100%;background:var(--orange)}.weekday-chart b{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:700px){.hour-chart,.day-chart{min-width:620px}.activity-detail-body article:nth-child(-n+2){overflow-x:auto}.activity-details>summary{font-size:1.2rem}}

/* CSP-safe graph scaling: percentages are supplied through stylesheet classes. */
.bar-pct-0{--bar:0%}.bar-pct-1{--bar:1%}.bar-pct-2{--bar:2%}.bar-pct-3{--bar:3%}.bar-pct-4{--bar:4%}.bar-pct-5{--bar:5%}.bar-pct-6{--bar:6%}.bar-pct-7{--bar:7%}.bar-pct-8{--bar:8%}.bar-pct-9{--bar:9%}.bar-pct-10{--bar:10%}.bar-pct-11{--bar:11%}.bar-pct-12{--bar:12%}.bar-pct-13{--bar:13%}.bar-pct-14{--bar:14%}.bar-pct-15{--bar:15%}.bar-pct-16{--bar:16%}.bar-pct-17{--bar:17%}.bar-pct-18{--bar:18%}.bar-pct-19{--bar:19%}.bar-pct-20{--bar:20%}.bar-pct-21{--bar:21%}.bar-pct-22{--bar:22%}.bar-pct-23{--bar:23%}.bar-pct-24{--bar:24%}.bar-pct-25{--bar:25%}.bar-pct-26{--bar:26%}.bar-pct-27{--bar:27%}.bar-pct-28{--bar:28%}.bar-pct-29{--bar:29%}.bar-pct-30{--bar:30%}.bar-pct-31{--bar:31%}.bar-pct-32{--bar:32%}.bar-pct-33{--bar:33%}.bar-pct-34{--bar:34%}.bar-pct-35{--bar:35%}.bar-pct-36{--bar:36%}.bar-pct-37{--bar:37%}.bar-pct-38{--bar:38%}.bar-pct-39{--bar:39%}.bar-pct-40{--bar:40%}.bar-pct-41{--bar:41%}.bar-pct-42{--bar:42%}.bar-pct-43{--bar:43%}.bar-pct-44{--bar:44%}.bar-pct-45{--bar:45%}.bar-pct-46{--bar:46%}.bar-pct-47{--bar:47%}.bar-pct-48{--bar:48%}.bar-pct-49{--bar:49%}.bar-pct-50{--bar:50%}.bar-pct-51{--bar:51%}.bar-pct-52{--bar:52%}.bar-pct-53{--bar:53%}.bar-pct-54{--bar:54%}.bar-pct-55{--bar:55%}.bar-pct-56{--bar:56%}.bar-pct-57{--bar:57%}.bar-pct-58{--bar:58%}.bar-pct-59{--bar:59%}.bar-pct-60{--bar:60%}.bar-pct-61{--bar:61%}.bar-pct-62{--bar:62%}.bar-pct-63{--bar:63%}.bar-pct-64{--bar:64%}.bar-pct-65{--bar:65%}.bar-pct-66{--bar:66%}.bar-pct-67{--bar:67%}.bar-pct-68{--bar:68%}.bar-pct-69{--bar:69%}.bar-pct-70{--bar:70%}.bar-pct-71{--bar:71%}.bar-pct-72{--bar:72%}.bar-pct-73{--bar:73%}.bar-pct-74{--bar:74%}.bar-pct-75{--bar:75%}.bar-pct-76{--bar:76%}.bar-pct-77{--bar:77%}.bar-pct-78{--bar:78%}.bar-pct-79{--bar:79%}.bar-pct-80{--bar:80%}.bar-pct-81{--bar:81%}.bar-pct-82{--bar:82%}.bar-pct-83{--bar:83%}.bar-pct-84{--bar:84%}.bar-pct-85{--bar:85%}.bar-pct-86{--bar:86%}.bar-pct-87{--bar:87%}.bar-pct-88{--bar:88%}.bar-pct-89{--bar:89%}.bar-pct-90{--bar:90%}.bar-pct-91{--bar:91%}.bar-pct-92{--bar:92%}.bar-pct-93{--bar:93%}.bar-pct-94{--bar:94%}.bar-pct-95{--bar:95%}.bar-pct-96{--bar:96%}.bar-pct-97{--bar:97%}.bar-pct-98{--bar:98%}.bar-pct-99{--bar:99%}.bar-pct-100{--bar:100%}