:root { --navy:#07101f; --navy-2:#0c1830; --navy-3:#112440; --cyan:#a2edff; --gold:#f5c348; --ink:#0a1729; --muted:#9caeca; --line:rgb(159 201 255 / 18%); --paper:#f1f5f8; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { background:var(--navy); scroll-behavior:smooth; }
body { min-width:320px; margin:0; color:#f3f7ff; background:var(--navy); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; } button,input,textarea,select { font:inherit; } button { cursor:pointer; }
.site-shell { min-height:100vh; overflow:clip; background:var(--navy); }.container { width:min(100% - 3rem,1216px); margin-inline:auto; }
.site-header { position:absolute; z-index:15; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; height:86px; padding:0 max(1.5rem,calc((100vw - 1216px)/2)); border-bottom:1px solid rgb(255 255 255 / 12%); background:linear-gradient(180deg,rgb(4 10 22 / 72%),transparent); }
.brand { display:inline-flex; align-items:center; gap:.7rem; min-width:max-content; }.brand-mark { position:relative; display:grid; width:37px; height:37px; overflow:hidden; color:#0a1729; background:var(--cyan); place-items:center; clip-path:polygon(0 0,100% 0,100% 74%,72% 100%,0 100%); }.brand-mark::before { position:absolute; inset:4px; border:1px solid #0d5e92; content:""; }.brand-mark span { z-index:1; transform:skewX(-12deg); font:900 26px/1 "Barlow Condensed",sans-serif; }.brand-copy { display:grid; gap:0; letter-spacing:.1em; line-height:.9; }.brand-copy strong { font:900 25px/1 "Barlow Condensed",sans-serif; letter-spacing:.08em; }.brand-copy small { color:#9cb3d3; font-size:7px; font-weight:800; letter-spacing:.16em; }
.desktop-nav { display:flex; align-items:stretch; gap:2.6rem; height:100%; margin-left:6rem; }.desktop-nav a { position:relative; display:grid; color:#d6e4f9; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; align-content:center; }.desktop-nav a::after { position:absolute; bottom:0; width:22px; height:3px; background:var(--cyan); content:""; transform:scaleX(0); transform-origin:left; transition:transform .18s var(--ease); }.desktop-nav a:hover { color:#fff; }.desktop-nav a:hover::after { transform:scaleX(1); }
.header-actions { display:flex; align-items:center; gap:.75rem; }.join-button,.panel-button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 1rem; border:0; border-radius:0; color:#07101f; background:var(--cyan); font-size:.7rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; transition:transform .16s var(--ease),background .16s var(--ease); }.join-button:hover,.panel-button:hover { background:var(--gold); }.join-button:active,.panel-button:active { transform:scale(.97); }.account-chip { display:flex; align-items:center; gap:.6rem; height:42px; padding:4px 8px 4px 4px; border:1px solid rgb(159 220 255 / 20%); background:rgb(7 16 31 / 82%); }.account-chip__avatar { display:grid; width:32px; height:32px; color:#07101f; background:var(--cyan); font:900 17px/1 "Barlow Condensed",sans-serif; place-items:center; }.account-chip__copy { display:grid; gap:2px; }.account-chip__copy b { max-width:108px; overflow:hidden; color:#eef7ff; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }.logout-link { color:#91a5c2; font-size:1.2rem; }.logout-link:hover { color:#fff; }
.hero { position:relative; display:grid; min-height:702px; overflow:hidden; background:#07101f; isolation:isolate; align-items:end; }.hero__image { position:absolute; z-index:-3; inset:0; background:url('hero.jpg') center/cover no-repeat; filter:saturate(.8) contrast(1.1); transform:scale(1.02); }.hero__image::after { position:absolute; inset:0; background:linear-gradient(90deg,#07101f 0%,rgb(7 16 31 / 88%) 30%,rgb(7 16 31 / 34%) 65%,rgb(7 16 31 / 76%) 100%),linear-gradient(0deg,#07101f 0%,transparent 48%); content:""; }.hero__texture { position:absolute; z-index:-2; inset:0; background:linear-gradient(112deg,transparent 0 44%,rgb(160 237 255 / 17%) 44.1% 44.35%,transparent 44.5% 100%),repeating-linear-gradient(90deg,transparent 0 78px,rgb(142 220 255 / 5%) 79px 80px); opacity:.72; mask-image:linear-gradient(90deg,#000,transparent 74%); }.hero__content { padding-top:12.6rem; padding-bottom:8.9rem; }.hero__signal { display:flex; align-items:center; gap:.55rem; color:var(--cyan); font-size:.65rem; font-weight:800; letter-spacing:.14em; }.signal-dot,.live-pulse,.online-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#8af0d0; box-shadow:0 0 0 4px rgb(138 240 208 / 13%); }.signal-dot { background:var(--cyan); box-shadow:0 0 0 4px rgb(162 237 255 / 13%); }.hero h1 { max-width:740px; margin:1.5rem 0 1.35rem; color:#fff; font:900 clamp(4.15rem,9vw,8rem)/.78 "Barlow Condensed",sans-serif; letter-spacing:-.032em; text-transform:uppercase; }.hero h1 span,.hero h1 em { display:block; }.hero h1 em { color:var(--cyan); font-style:italic; text-indent:.6em; }.hero__lede { max-width:530px; margin:0; color:#cad6e7; font-size:.96rem; line-height:1.75; }.hero__actions { display:flex; flex-wrap:wrap; gap:.78rem; margin-top:2rem; }.primary-link,.secondary-link { display:inline-flex; align-items:center; gap:.65rem; min-height:48px; padding:0 1.1rem; font-size:.69rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease); }.primary-link { color:#07101f; background:var(--cyan); }.primary-link:hover { background:var(--gold); }.secondary-link { border:1px solid rgb(255 255 255 / 25%); background:rgb(8 17 32 / 30%); }.secondary-link:hover { border-color:var(--cyan); color:var(--cyan); }.hero__scroll { position:absolute; bottom:2.1rem; left:max(1.5rem,calc((100vw - 1216px)/2)); display:flex; align-items:center; gap:.65rem; color:#9bb0cd; font-size:.54rem; font-weight:800; letter-spacing:.18em; }.hero__scroll span { display:inline-block; width:28px; height:1px; background:var(--cyan); }
.rhythm-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:-1px; border-top:1px solid rgb(155 209 255 / 15%); border-bottom:1px solid rgb(155 209 255 / 15%); background:var(--navy-2); }.rhythm-strip>div { display:flex; align-items:center; gap:.9rem; min-height:89px; padding:1rem clamp(1.5rem,5vw,5rem); border-right:1px solid rgb(155 209 255 / 15%); color:var(--cyan); }.rhythm-strip>div:last-child { border:0; }.rhythm-strip span:not(.rhythm-icon) { display:grid; gap:.16rem; }.rhythm-icon { font-size:1.35rem; }.rhythm-strip b { color:#e8f2fe; font:800 1rem/1 "Barlow Condensed",sans-serif; letter-spacing:.08em; }.rhythm-strip small { color:#a6b8d1; font-size:.62rem; }
.content-section { padding-top:8.3rem; padding-bottom:8.3rem; }.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:2.4rem; }.eyebrow { margin:0 0 .62rem; color:#9eeaff; font-size:.62rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }.section-heading h2,.page-shell h1,.auth-panel h1 { max-width:650px; margin:0; font:800 clamp(2.8rem,5vw,4.7rem)/.85 "Barlow Condensed",sans-serif; letter-spacing:-.025em; text-transform:uppercase; }.section-heading__aside { display:grid; gap:.8rem; max-width:320px; }.section-heading__aside p { margin:0; color:#a8b8ce; font-size:.76rem; line-height:1.7; }.text-link { display:inline-flex; align-items:center; gap:.4rem; color:var(--cyan); font-size:.67rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.text-link:hover { color:var(--gold); }
.news-grid { display:grid; grid-template-columns:1.36fr .82fr .82fr; gap:1px; border:1px solid var(--line); background:var(--line); }.news-card,.empty-card { display:flex; flex-direction:column; min-height:310px; padding:1.6rem; background:var(--navy-2); transition:background .18s var(--ease); }.news-card:hover { background:var(--navy-3); }.news-card--featured { position:relative; min-height:382px; padding:2rem; overflow:hidden; background:linear-gradient(135deg,#133a5a,#0e203a 67%); }.news-card--featured::after { position:absolute; right:-3rem; bottom:-5rem; width:280px; height:280px; border:1px solid rgb(162 237 255 / 18%); border-radius:50%; content:""; box-shadow:0 0 0 24px rgb(162 237 255 / 4%),0 0 0 48px rgb(162 237 255 / 4%); }.news-card__top { display:flex; justify-content:space-between; gap:1rem; color:#9bb0cc; font-size:.56rem; font-weight:800; letter-spacing:.12em; }.news-card__top span { color:var(--cyan); }.news-card h3 { max-width:400px; margin:1.2rem 0 .75rem; color:#eff7ff; font:700 clamp(1.65rem,2.8vw,2.55rem)/.94 "Barlow Condensed",sans-serif; letter-spacing:-.01em; }.news-card:not(.news-card--featured) h3 { font-size:1.78rem; }.news-card p,.empty-card p { max-width:430px; margin:0; color:#aabbd2; font-size:.75rem; line-height:1.7; }.news-card a { display:flex; align-items:center; gap:.4rem; margin-top:auto; padding-top:1.5rem; color:var(--gold); font-size:.63rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.news-card__number { position:absolute; right:1.8rem; bottom:-1.5rem; color:rgb(162 237 255 / 10%); font:italic 900 10rem/1 "Barlow Condensed",sans-serif; }
.forum-section { padding-block:8rem; color:var(--ink); background:var(--paper); }.forum-section .eyebrow { color:#156b92; }.forum-section .section-heading h2 { color:var(--ink); }.forum-section .section-heading__aside p { color:#607084; }.forum-section .text-link { color:#0e5a82; }.forum-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:1.45rem; }.forum-groups { display:grid; gap:.7rem; }.forum-card { display:grid; grid-template-columns:36px minmax(0,1fr) 22px; gap:.9rem; align-items:center; padding:1.1rem 1rem; border-left:3px solid transparent; background:#fff; box-shadow:0 12px 30px rgb(13 33 55 / 6%); transition:border-color .16s var(--ease),transform .16s var(--ease); }.forum-card:hover { border-left-color:#13a5d4; transform:translateX(3px); }.forum-card__marker { display:grid; width:35px; height:35px; color:#0e638d; background:#e7f5fa; place-items:center; }.forum-card__title { display:flex; align-items:center; gap:.65rem; }.forum-card h3 { margin:0; font:800 1.45rem/1 "Barlow Condensed",sans-serif; letter-spacing:.015em; text-transform:uppercase; }.forum-card__main p { margin:.32rem 0; color:#657287; font-size:.66rem; line-height:1.5; }.forum-card__meta { color:#8290a2; font-size:.56rem; font-weight:700; }.forum-card__go { color:#0b5e88; font-size:2rem; }.role-badge { display:inline-flex; align-items:center; width:fit-content; min-height:16px; padding:2px 5px; font-size:.47rem; font-weight:900; letter-spacing:.1em; line-height:1; vertical-align:middle; }.role-badge--forum { color:#075879; background:#d6f0f8; }.role-badge--clan { color:#6e4800; background:#f6db8b; }.join-panel { position:relative; min-height:390px; padding:1.8rem; overflow:hidden; color:#eef7ff; background:#0d2846; }.join-panel__graphic { position:absolute; right:-2rem; bottom:-1rem; color:rgb(162 237 255 / 8%); font:italic 900 7rem/.66 "Barlow Condensed",sans-serif; transform:rotate(-12deg); }.join-panel .eyebrow { position:relative; color:#9eeaff; }.join-panel h3 { position:relative; max-width:220px; margin:0 0 .8rem; font:800 2.55rem/.9 "Barlow Condensed",sans-serif; text-transform:uppercase; }.join-panel>p:not(.eyebrow) { position:relative; max-width:260px; margin:0; color:#b4cbe3; font-size:.7rem; line-height:1.7; }.join-panel .panel-button { position:relative; margin-top:1.25rem; }.role-legend { position:absolute; z-index:1; bottom:1.35rem; left:1.8rem; display:flex; gap:.65rem; font-size:.57rem; }.role-legend>span { display:flex; align-items:center; gap:.3rem; }
.servers-section { padding-bottom:9.5rem; }.server-console { border:1px solid var(--line); background:#09152a; box-shadow:0 25px 50px rgb(2 9 22 / 25%); }.server-console__header,.server-console__footer { display:flex; align-items:center; justify-content:space-between; min-height:52px; padding:0 1.2rem; border-bottom:1px solid rgb(159 201 255 / 15%); color:#d7e8fa; font-size:.6rem; font-weight:900; letter-spacing:.1em; }.server-console__header>div { display:flex; align-items:center; gap:.6rem; }.server-console__header small { margin-left:.25rem; padding:3px 5px; color:#7c92ae; background:#10213a; font-size:.46rem; }.server-list { display:grid; gap:1px; background:rgb(159 201 255 / 14%); }.server-row { position:relative; display:grid; grid-template-columns:8px 42px minmax(210px,1.25fr) minmax(165px,.85fr) minmax(118px,.55fr); gap:1rem; align-items:center; min-height:105px; padding-right:1.15rem; overflow:hidden; background:#0d1c33; transition:background .16s var(--ease); }.server-row:hover { background:var(--navy-3); }.server-row__rail { height:100%; }.server-row__rail--cyan { background:#86ecff; }.server-row__rail--gold { background:var(--gold); }.server-row__index { color:#7186a2; font:italic 700 1.55rem/1 "Barlow Condensed",sans-serif; }.server-row__name>div { display:flex; align-items:center; gap:.38rem; color:#8af0d0; font-size:.51rem; font-weight:900; letter-spacing:.11em; }.online-dot { width:5px; height:5px; box-shadow:none; }.online-dot--off { background:#7c8ba0; }.server-row h3 { margin:.25rem 0 .2rem; color:#edf5ff; font:700 1.38rem/1 "Barlow Condensed",sans-serif; letter-spacing:.02em; }.server-row p { margin:0; color:#8297b2; font-size:.57rem; }.server-row p i { display:inline-block; width:3px; height:3px; margin:0 .4rem .12rem; border-radius:50%; background:currentColor; }.server-row__map,.server-row__players { display:grid; gap:.38rem; }.server-row span:not(.online-dot) { color:#7a8a9e; font-size:.5rem; font-weight:900; letter-spacing:.12em; }.server-row__map b { color:#dbe9f9; font-size:.68rem; }.server-row__players b { color:#eef8ff; font:800 1.6rem/.8 "Barlow Condensed",sans-serif; }.server-row__players em { color:#7a8fac; font-size:1rem; font-style:normal; }.capacity { width:88px; height:4px; overflow:hidden; background:#243955; }.capacity i { display:block; height:100%; background:var(--cyan); }.server-console__footer { min-height:37px; border-bottom:0; color:#7186a1; font-size:.5rem; }.server-console__footer b { color:#9fcbec; }
.site-footer { border-top:1px solid rgb(159 201 255 / 15%); background:#050b16; }.site-footer .container { display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:112px; }.brand--footer { transform:scale(.86); transform-origin:left center; }.site-footer p { margin:0 auto 0 0; color:#8496ad; font-size:.62rem; }.site-footer>div>span { color:#526883; font-size:.53rem; font-weight:700; letter-spacing:.1em; }
.flash { position:fixed; z-index:50; top:98px; right:1.5rem; max-width:min(410px,calc(100% - 3rem)); padding:.9rem 1rem; border:1px solid; font-size:.72rem; box-shadow:0 15px 35px rgb(0 0 0 / 25%); }.flash--error { border-color:#ea7b7b; color:#ffe4e4; background:#3a1720; }.flash--success { border-color:#83ddb1; color:#dcffec; background:#123526; }
.page-shell { width:min(100% - 3rem,1000px); min-height:calc(100vh - 112px); margin-inline:auto; padding-top:9.8rem; padding-bottom:7rem; }.page-shell h1 { max-width:820px; margin-bottom:1.1rem; }.page-intro,.article-lede { max-width:650px; color:#aabbd2; font-size:.9rem; line-height:1.8; }.back-link { display:inline-flex; margin-bottom:1.8rem; color:var(--cyan); font-size:.66rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.stack-list { display:grid; gap:.7rem; margin-top:2.5rem; }.list-card { display:block; padding:1.45rem; border-left:3px solid transparent; color:#dcecff; background:var(--navy-2); box-shadow:0 12px 30px rgb(2 9 22 / 16%); transition:border-color .16s var(--ease),transform .16s var(--ease),background .16s var(--ease); }.list-card:hover { border-color:var(--cyan); background:var(--navy-3); transform:translateX(3px); }.list-card>span,.topic-list-card span { color:var(--cyan); font-size:.55rem; font-weight:900; letter-spacing:.12em; }.list-card h2 { margin:.6rem 0 .45rem; font:700 2rem/.95 "Barlow Condensed",sans-serif; letter-spacing:.01em; text-transform:uppercase; }.list-card p { margin:0; color:#aabbd2; font-size:.72rem; line-height:1.7; }.list-card b { display:block; margin-top:1rem; color:var(--gold); font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; }.article-shell { width:min(100% - 3rem,830px); }.article-body { margin-top:2.5rem; padding:2rem; border-left:3px solid var(--cyan); color:#d4e2f2; background:#0b1830; font-size:.9rem; line-height:1.95; }.forum-page-grid,.admin-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); gap:1.4rem; }.topic-composer,.admin-card,.reply-box { padding:1.6rem; background:#0d2846; }.topic-composer h2,.admin-card h2 { margin:.25rem 0 1rem; font:800 2rem/.9 "Barlow Condensed",sans-serif; text-transform:uppercase; }.topic-composer p { color:#b4cbe3; font-size:.75rem; line-height:1.7; }.post-stack { display:grid; gap:1px; margin-top:2.2rem; border:1px solid var(--line); background:var(--line); }.forum-post { display:grid; grid-template-columns:170px 1fr; min-height:150px; background:#0d1c33; }.forum-post aside { display:grid; align-content:start; gap:.55rem; padding:1.3rem; border-right:1px solid var(--line); background:#0a162a; }.forum-post aside b { font:700 1.35rem/1 "Barlow Condensed",sans-serif; letter-spacing:.03em; }.forum-post aside small { color:#8396af; font-size:.58rem; }.forum-post>div { padding:1.3rem 1.5rem; }.forum-post>div>span { color:#8296ae; font-size:.56rem; font-weight:800; letter-spacing:.09em; }.forum-post p { color:#d8e4f3; font-size:.82rem; line-height:1.8; }.reply-box { margin-top:1rem; }
.auth-shell { display:grid; min-height:calc(100vh - 112px); padding:9rem 1.5rem 5rem; background:linear-gradient(125deg,rgb(7 16 31 / 90%),rgb(7 16 31 / 73%)),url('hero.jpg') center/cover; place-items:center; }.auth-panel { width:min(100%,510px); padding:2rem; border:1px solid var(--line); background:rgb(8 20 40 / 93%); box-shadow:0 20px 55px rgb(0 0 0 / 28%); }.auth-panel h1 { margin-bottom:1.1rem; }.auth-panel>p:not(.eyebrow) { margin:0; color:#b3c4da; font-size:.8rem; line-height:1.75; }.njoy-form { display:grid; gap:1rem; margin-top:1.6rem; }.njoy-form label { display:grid; gap:.45rem; color:#d8e7f8; font-size:.65rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.njoy-form label small { color:#8094af; font-size:.52rem; }.njoy-form input,.njoy-form textarea,.njoy-form select { width:100%; padding:.78rem .85rem; border:1px solid rgb(159 201 255 / 23%); border-radius:0; outline:none; color:#eef7ff; background:#071426; font:400 .8rem Manrope,Arial,sans-serif; letter-spacing:normal; text-transform:none; }.njoy-form textarea { min-height:116px; resize:vertical; }.njoy-form input:focus,.njoy-form textarea:focus,.njoy-form select:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgb(162 237 255 / 13%); }.njoy-form button,.member-row button { min-height:43px; border:0; color:#07101f; background:var(--cyan); font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.njoy-form button:hover,.member-row button:hover { background:var(--gold); }.njoy-form--compact { margin-top:1rem; }.form-foot { margin-top:1.25rem!important; color:#a7bad3!important; font-size:.69rem!important; }.form-foot a { color:var(--cyan); font-weight:800; }.check-label { display:flex!important; grid-template-columns:18px 1fr; align-items:center; }.check-label input { width:15px; height:15px; }.admin-shell { width:min(100% - 3rem,1200px); }.admin-grid { margin-top:2rem; }.admin-card { min-width:0; }.member-list { display:grid; gap:1px; margin-top:1rem; border:1px solid var(--line); background:var(--line); }.member-row { display:grid; grid-template-columns:minmax(0,1fr) 145px 72px; gap:.5rem; align-items:center; padding:.65rem; background:#09172c; }.member-row span { display:grid; gap:.2rem; }.member-row b { font-size:.7rem; }.member-row small { overflow:hidden; color:#8ca0b9; font-size:.55rem; text-overflow:ellipsis; white-space:nowrap; }.member-row select { min-height:33px; padding:.3rem; border:1px solid var(--line); color:#e8f4ff; background:#0d203b; font-size:.63rem; }.member-row button { min-height:33px; font-size:.55rem; }
.auth-alternate { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.15rem; padding-top:1.05rem; border-top:1px solid rgb(159 201 255 / 17%); color:#a7bad3; font-size:.69rem; }.auth-alternate__button { display:inline-flex; align-items:center; justify-content:center; gap:.65rem; min-height:38px; padding:0 .95rem; border:1px solid rgb(158 237 255 / 60%); color:var(--cyan); background:#0a1b32; font-size:.62rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease); }.auth-alternate__button:hover { color:#07101f; background:var(--cyan); transform:translateY(-1px); }.auth-alternate__button:focus-visible { outline:3px solid #fff; outline-offset:3px; }.auth-alternate__button b { font-size:.95rem; line-height:1; }
.news-admin-card { margin-top:1.4rem; }.admin-empty { color:#9fb1c8; font-size:.75rem; }.news-admin-list { display:grid; gap:1rem; margin-top:1rem; }.news-editor { display:grid; gap:.85rem; padding:1rem; border:1px solid var(--line); background:#09172c; }.news-editor label { display:grid; gap:.4rem; color:#cfe1f4; font-size:.6rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.news-editor input,.news-editor textarea { width:100%; padding:.68rem .75rem; border:1px solid rgb(159 201 255 / 22%); color:#eff8ff; background:#061222; font:400 .75rem Manrope,Arial,sans-serif; letter-spacing:normal; text-transform:none; }.news-editor textarea { min-height:82px; resize:vertical; }.news-editor__top,.news-editor__actions { display:flex; align-items:center; justify-content:space-between; gap:.8rem; }.news-editor__top { color:#91a8c2; font-size:.55rem; font-weight:800; letter-spacing:.1em; }.news-editor__top a { color:var(--cyan); }.news-editor__actions { flex-wrap:wrap; }.news-editor .check-label { color:#b8c8da; font-size:.56rem; }.news-editor button,.delete-news-form button { min-height:35px; padding:.45rem .7rem; border:0; color:#07101f; background:var(--cyan); font-size:.57rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.delete-news-form { display:flex; justify-content:flex-end; margin-top:-.65rem; }.delete-news-form button { color:#ffe9e9; background:#702d39; }.delete-news-form button:hover { background:#a23c4d; }
@media (max-width:900px) { .desktop-nav { gap:1.35rem; margin-left:2rem; }.account-chip__copy { display:none; }.forum-page-grid,.admin-grid { grid-template-columns:1fr; }.server-row { grid-template-columns:8px 34px minmax(180px,1.3fr) minmax(145px,.8fr) minmax(100px,.5fr); }.member-row { grid-template-columns:minmax(0,1fr) 135px 64px; } }
@media (max-width:700px) { .container { width:min(100% - 2.2rem,1216px); }.site-header { position:absolute; height:71px; padding-inline:1.1rem; }.brand-mark { width:32px; height:32px; }.brand-copy strong { font-size:22px; }.brand-copy small { font-size:6px; }.desktop-nav { display:none; }.join-button { min-height:36px; padding:.5rem .55rem; font-size:.54rem; }.account-chip { height:37px; }.logout-link { display:none; }.hero { min-height:670px; }.hero__content { padding-top:10rem; padding-bottom:7rem; }.hero h1 { font-size:clamp(3.65rem,16vw,6rem); }.hero__lede { font-size:.85rem; }.hero__scroll { bottom:1.7rem; left:1.1rem; }.rhythm-strip { grid-template-columns:1fr; }.rhythm-strip>div { min-height:65px; padding:.8rem 1.1rem; border-right:0; border-bottom:1px solid rgb(155 209 255 / 15%); }.rhythm-strip>div:last-child { border-bottom:0; }.content-section { padding-block:5rem; }.section-heading { display:grid; gap:1.15rem; margin-bottom:1.75rem; }.section-heading h2,.page-shell h1,.auth-panel h1 { font-size:clamp(2.8rem,14vw,4.2rem); }.section-heading__aside { max-width:400px; }.news-grid { grid-template-columns:1fr; }.news-card,.news-card--featured { min-height:255px; }.news-card--featured { min-height:325px; }.forum-section { padding-block:5rem; }.forum-layout { grid-template-columns:1fr; }.forum-card { grid-template-columns:34px minmax(0,1fr) 18px; gap:.65rem; padding:1rem .72rem; }.forum-card__title { flex-wrap:wrap; gap:.4rem; }.forum-card h3 { font-size:1.28rem; }.forum-card__main p { font-size:.61rem; }.join-panel { min-height:344px; }.servers-section { padding-bottom:6rem; }.server-console__header { align-items:flex-start; gap:.6rem; padding-block:.8rem; }.server-console__header>div { line-height:1.5; }.server-console__header small { display:none; }.server-console__header>span { max-width:112px; color:#9db4cf; font-size:.54rem; line-height:1.5; text-align:right; }.server-row { grid-template-columns:6px 30px minmax(0,1fr); gap:.7rem; min-height:126px; padding:.9rem .85rem .9rem 0; }.server-row__rail { grid-row:1/span 2; }.server-row__index { align-self:start; }.server-row__name { padding-right:.5rem; }.server-row__map,.server-row__players { grid-column:3; grid-template-columns:82px 1fr; align-items:center; }.server-row__players { margin-top:-.15rem; }.capacity { justify-self:end; }.server-console__footer { gap:.65rem; padding:.65rem .8rem; font-size:.4rem; }.site-footer .container { display:grid; gap:1rem; min-height:0; padding-block:1.6rem; align-content:center; }.site-footer p { margin:0; }.site-footer>div>span { font-size:.48rem; }.page-shell { width:min(100% - 2.2rem,1000px); padding-top:7.4rem; padding-bottom:5rem; }.auth-shell { padding:7.3rem 1.1rem 4rem; }.auth-panel { padding:1.35rem; }.forum-post { grid-template-columns:1fr; }.forum-post aside { grid-template-columns:auto auto 1fr; align-items:center; border-right:0; border-bottom:1px solid var(--line); }.forum-post aside small { text-align:right; }.forum-post>div { padding:1rem; }.member-row { grid-template-columns:1fr 75px; }.member-row select { grid-column:1; }.member-row button { grid-column:2; grid-row:2; }.flash { top:81px; right:1.1rem; } }
@media (prefers-reduced-motion:no-preference) { .hero__content>* { animation:slide-up .6s var(--ease) both; }.hero__content>:nth-child(2) { animation-delay:.05s; }.hero__content>:nth-child(3) { animation-delay:.1s; }.hero__content>:nth-child(4) { animation-delay:.15s; } @keyframes slide-up { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } } }
.server-row__detail { color:var(--cyan); font-size:.57rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }.server-row__detail:hover { color:var(--gold); }.server-detail-shell { width:min(100% - 3rem,1000px); }.server-detail-hero,.server-history { margin-top:2.2rem; padding:1.6rem; border:1px solid var(--line); background:#0d1c33; }.server-detail-status { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; color:#8af0d0; font-size:.62rem; font-weight:900; letter-spacing:.11em; }.server-detail-status b { margin-left:auto; color:#d9ebfd; font-size:.66rem; }.server-detail-status small { width:100%; color:#8396af; font-size:.55rem; letter-spacing:.04em; }.server-detail-grid { display:grid; grid-template-columns:1.15fr .85fr .7fr; gap:1px; margin-top:1.4rem; background:var(--line); }.server-detail-grid>div { display:grid; gap:.45rem; min-height:88px; padding:1rem; background:#08162a; }.server-detail-grid span,.server-stats-grid span,.server-history h2,.telemetry-list span { color:#8ba1bb; font-size:.57rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.server-detail-grid b { color:#eef7ff; font:700 1.45rem/.95 "Barlow Condensed",sans-serif; }.server-detail-grid em { color:#8196b0; font-size:.95rem; font-style:normal; }.server-stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:1px; background:var(--line); }.server-stats-grid article { display:grid; gap:.4rem; padding:1.2rem; background:#10233e; }.server-stats-grid b { color:var(--cyan); font:800 2.1rem/.9 "Barlow Condensed",sans-serif; }.server-history h2 { margin:0 0 1rem; color:#eff8ff; font-size:1.45rem; }.server-history>p { color:#9eb1ca; font-size:.75rem; line-height:1.7; }.telemetry-list { display:grid; border-top:1px solid var(--line); }.telemetry-list>div { display:grid; grid-template-columns:115px 1fr auto; gap:1rem; align-items:center; padding:.85rem 0; border-bottom:1px solid var(--line); }.telemetry-list b { color:#dceafa; font-size:.75rem; }.telemetry-list small { color:#90a5bf; font-size:.58rem; text-align:right; }
.admin-toolbar { display:flex; flex-wrap:wrap; gap:.65rem; margin:1.8rem 0 2rem; }.subtle-button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 1rem; border:1px solid var(--line); color:#cfe4f8; background:#0b1930; font-size:.68rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.subtle-button:hover { border-color:var(--cyan); color:var(--cyan); }.admin-help { margin:0 0 1rem; color:#9eb0c8; font-size:.68rem; line-height:1.65; }.member-row--roles { grid-template-columns:minmax(0,1fr) 128px 128px 62px; }.server-admin-card,.control-card,.analytics-popular { margin-top:1.4rem; }.server-admin-list,.section-admin-list,.topic-control-list { display:grid; gap:1px; margin-top:1rem; border:1px solid var(--line); background:var(--line); }.server-editor { display:grid; grid-template-columns:1.2fr 1fr 1fr 84px 70px 90px; gap:.7rem; padding:1rem; background:#09172c; }.server-editor label,.section-create-form label,.section-editor label { display:grid; gap:.35rem; color:#cfe1f4; font-size:.56rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.server-editor input,.server-editor textarea,.server-editor select,.section-create-form input,.section-editor input { width:100%; min-height:34px; padding:.45rem .55rem; border:1px solid rgb(159 201 255 / 22%); color:#eff8ff; background:#061222; font:400 .72rem Manrope,Arial,sans-serif; letter-spacing:normal; text-transform:none; }.server-editor textarea { min-height:54px; resize:vertical; }.server-editor .server-key { grid-column:1/-1; color:var(--gold); font-size:.55rem; font-weight:900; letter-spacing:.1em; }.server-editor .server-description { grid-column:1/5; }.server-editor .check-label { align-self:end; min-height:34px; color:#bdcee2; }.server-editor button,.section-create-form button,.section-editor button,.topic-control-list button,.moderation-strip button,.post-moderation button { min-height:34px; border:0; color:#07101f; background:var(--cyan); font-size:.55rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.server-editor button { align-self:end; }.section-create-form { display:grid; grid-template-columns:1fr 1.4fr 80px auto; gap:.7rem; padding:1rem; background:#0b1b33; }.section-editor { display:grid; grid-template-columns:1fr 1.6fr 70px 90px 64px; gap:.65rem; align-items:end; padding:.8rem; background:#09172c; }.inline-delete { display:flex; justify-content:flex-end; margin-top:-.2rem; padding:0 .8rem .8rem; background:#09172c; }.inline-delete button,.danger-button { border:0!important; color:#ffe9e9!important; background:#702d39!important; }.topic-control-list>article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:center; padding:1rem; background:#09172c; }.topic-control-list article>div { display:grid; gap:.32rem; }.topic-control-list span { color:#91a6bf; font-size:.57rem; font-weight:800; }.topic-control-list b { color:#e7f2ff; font:700 1.35rem/.98 "Barlow Condensed",sans-serif; text-transform:uppercase; }.topic-control-list small,.topic-flags { color:var(--gold); font-size:.52rem; font-weight:900; letter-spacing:.08em; }.topic-control-list form,.moderation-strip,.post-moderation { display:flex; flex-wrap:wrap; gap:.42rem; }.moderation-strip { margin:1.2rem 0; padding:.8rem; border:1px solid var(--line); background:#10223c; }.post-moderation { margin-top:1rem; }.post-moderation button,.moderation-strip button { padding:.45rem .65rem; }.notice-strip { padding:.85rem 1rem; border-left:3px solid var(--gold); color:#ffedba; background:#3c2d0e; font-size:.7rem; }.forum-post--hidden { opacity:.66; }.forum-role-badge { margin-left:.35rem; color:#ead5a0; background:#3b2c0c; }.forum-media { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.6rem; margin-top:1rem; }.forum-media img { display:block; width:100%; max-height:280px; border:1px solid var(--line); object-fit:cover; }.forum-attachment { display:flex; align-items:center; justify-content:space-between; gap:.5rem; min-height:42px; padding:.6rem .7rem; border:1px solid var(--line); color:#bfe7fa; background:#0a182e; font-size:.62rem; font-weight:800; }.forum-attachment:hover { border-color:var(--cyan); }.forum-youtube { position:relative; overflow:hidden; width:100%; aspect-ratio:16/9; margin-top:1rem; background:#02070e; }.forum-youtube iframe { position:absolute; width:100%; height:100%; border:0; inset:0; }
.analytics-periods { display:flex; flex-wrap:wrap; gap:.45rem; margin:1.6rem 0; }.analytics-periods a { padding:.5rem .75rem; border:1px solid var(--line); color:#afc3da; font-size:.6rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.analytics-periods a:hover,.analytics-periods a.is-active { color:#07101f; background:var(--cyan); }.analytics-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:1px; background:var(--line); }.analytics-kpis article { display:grid; gap:.45rem; padding:1.25rem; background:#0d2846; }.analytics-kpis span { color:#a7bcd4; font-size:.58rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.analytics-kpis b { color:var(--cyan); font:800 2.4rem/.9 "Barlow Condensed",sans-serif; }.analytics-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:1px; background:var(--line); }.analytics-grid .admin-card { margin:0; }.bar-chart { display:grid; gap:.7rem; margin-top:1rem; }.bar-row { display:grid; grid-template-columns:50px 1fr auto; gap:.65rem; align-items:center; }.bar-row span,.bar-row strong { color:#a9bdd2; font-size:.55rem; font-weight:700; }.bar-row strong { text-align:right; }.bar-row i { display:block; height:8px; overflow:hidden; background:#061222; }.bar-row i b { display:block; height:100%; min-width:3px; background:linear-gradient(90deg,#6edcf7,var(--cyan)); }.analytics-list { display:grid; gap:1px; margin-top:1rem; border:1px solid var(--line); background:var(--line); }.analytics-list>div { display:grid; grid-template-columns:1fr auto auto; gap:.75rem; align-items:center; padding:.8rem; background:#09172c; }.analytics-list span { overflow:hidden; color:#d4e4f4; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }.analytics-list small { color:#8da2bc; font-size:.56rem; }.analytics-list b { color:var(--cyan); font:700 1.15rem/1 "Barlow Condensed",sans-serif; }
.analytics-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.9rem; margin:1.65rem 0; }.analytics-toolbar .analytics-periods { margin:0; }.analytics-export { display:inline-flex; align-items:center; min-height:34px; padding:0 .8rem; color:#75eed2; background:#0d4c45; font-size:.6rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.analytics-export:hover { color:#07101f; background:#75eed2; }.analytics-kpis--four { grid-template-columns:repeat(4,1fr); margin-bottom:1.25rem; }.analytics-kpis--four article { min-height:100px; background:linear-gradient(145deg,#0e2847,#0b1d36); }.analytics-kpis--four article:nth-child(2) b { color:#75eed2; }.analytics-kpis--four article:nth-child(3) b { color:#a8b9ff; }.analytics-kpis--four article:nth-child(4) b { color:#f3cb60; }.analytics-chart-card { margin-top:0; padding:1.5rem 1.6rem 1.2rem; background:linear-gradient(135deg,#0d2846,#0a1c33); }.analytics-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.analytics-card-heading h2 { margin:0; }.analytics-card-heading p { margin:.35rem 0 0; color:#91a9c2; font-size:.65rem; line-height:1.55; }.analytics-card-heading>span { display:inline-flex; align-items:center; min-height:26px; padding:0 .55rem; color:#8edfff; background:#102d4b; font-size:.56rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.analytics-card-icon { color:#75cfff!important; font-size:1.15rem!important; }.analytics-card-icon--gold { color:#f3cb60!important; }.analytics-line-chart { margin-top:1.25rem; }.analytics-line-chart svg { display:block; width:100%; height:220px; overflow:visible; }.analytics-line-chart line { stroke:rgb(154 207 247 / 12%); stroke-dasharray:4 5; }.analytics-line-chart__labels { display:flex; justify-content:space-between; gap:1rem; margin-top:.25rem; color:#839bb7; font-size:.54rem; font-weight:800; letter-spacing:.07em; }.analytics-empty-chart { min-height:185px; display:grid; margin:1rem 0 0; place-items:center; text-align:center; }.analytics-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin-top:1.25rem; }.analytics-detail-grid .admin-card { min-height:330px; }.analytics-list--bars>div { position:relative; overflow:hidden; }.analytics-list--bars>div::after { position:absolute; bottom:0; left:0; width:clamp(6%,var(--analytics-fill,42%),96%); height:2px; background:var(--cyan); content:""; opacity:.75; }.analytics-list--clicks>div { grid-template-columns:1fr auto; }.analytics-list--clicks span { display:grid; gap:.24rem; white-space:normal; }.analytics-list--clicks small { overflow:hidden; max-width:260px; text-overflow:ellipsis; white-space:nowrap; }.analytics-list--clicks b { color:#f3cb60; }.analytics-active-card { margin-top:1.25rem; }.analytics-active-card .analytics-card-heading>span { color:#75eed2; background:#0d4c45; font:800 1.25rem/1 "Barlow Condensed",sans-serif; }
.admin-card--analytics { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:250px; padding:2rem; background:radial-gradient(circle at 88% 12%,rgb(99 217 244 / 24%),transparent 35%),linear-gradient(135deg,#112f50,#0b1d35); border-color:#1f5e83; }.admin-card--analytics h2 { margin:.35rem 0 .65rem; color:#e7f7ff; font-size:2.15rem; }.admin-card--analytics p:not(.admin-card__eyebrow) { max-width:400px; margin:0 0 1.2rem; color:#b5c9dd; line-height:1.7; }.admin-card__eyebrow { margin:0; color:#78e6fc; font-size:.6rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
@media (max-width:900px) { .server-row__detail { display:none; }.member-row--roles { grid-template-columns:minmax(0,1fr) 115px 115px 58px; }.server-editor { grid-template-columns:repeat(3,1fr); }.server-editor .server-description { grid-column:1/-1; }.server-editor .check-label { grid-column:1/3; }.section-create-form { grid-template-columns:1fr 1fr; }.section-create-form label:nth-of-type(2) { grid-column:1/-1; }.section-editor { grid-template-columns:1fr 1fr 70px 80px; }.section-editor label:nth-of-type(2) { grid-column:1/-1; }.analytics-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .server-detail-shell { width:min(100% - 2.2rem,1000px); }.server-detail-grid,.server-stats-grid { grid-template-columns:1fr; }.server-detail-status b { margin-left:0; }.telemetry-list>div { grid-template-columns:1fr; gap:.32rem; }.telemetry-list small { text-align:left; }.member-row--roles { grid-template-columns:1fr 1fr; }.member-row--roles span { grid-column:1/-1; }.member-row--roles button { grid-column:1/-1; }.server-editor { grid-template-columns:1fr 1fr; }.server-editor .server-description,.server-editor .check-label,.server-editor button { grid-column:1/-1; }.section-create-form,.section-editor { grid-template-columns:1fr; }.topic-control-list>article { grid-template-columns:1fr; }.analytics-kpis { grid-template-columns:1fr; }.analytics-list>div { grid-template-columns:1fr auto; }.analytics-list small { grid-column:1; }.bar-row { grid-template-columns:44px 1fr; }.bar-row strong { grid-column:2; text-align:left; } }
@media (max-width:700px) { .analytics-toolbar { align-items:stretch; }.analytics-toolbar .analytics-periods { width:100%; }.analytics-toolbar .analytics-periods a { flex:1 1 42%; text-align:center; }.analytics-export { justify-content:center; }.analytics-kpis--four { grid-template-columns:1fr 1fr; }.analytics-kpis--four article { min-height:88px; padding:1rem; }.analytics-kpis--four b { font-size:2rem; }.analytics-chart-card { padding:1.15rem; }.analytics-line-chart svg { height:175px; }.analytics-detail-grid { grid-template-columns:1fr; }.analytics-detail-grid .admin-card { min-height:0; }.analytics-card-heading { align-items:flex-start; }.analytics-card-heading h2 { font-size:1.7rem; }.analytics-list--clicks small { max-width:190px; } }

/* Keep long, colour-coded Trackmania server names readable without changing the console layout. */
.server-row__title { margin-top:.38rem!important; font-size:clamp(1.6rem,2.9vw,2.35rem)!important; line-height:.94!important; letter-spacing:.008em!important; }.server-row__title span.tm-text { color:inherit; font:inherit; font-size:inherit; line-height:inherit; }.server-row__map b span.tm-text { color:inherit; font:inherit; font-size:inherit; line-height:inherit; }.server-row__players b { font-size:2.35rem; line-height:.88; }.server-row__players b [data-server-count] { color:#eef8ff; font:inherit; font-size:inherit; line-height:inherit; }.server-row__players b em { font-size:1.15rem; line-height:1; }.server-row__map b { font-size:.95rem; line-height:1.1; }.server-row__spectators { display:block; margin-top:.35rem; color:#f3c969; font-size:.52rem; font-weight:900; letter-spacing:.09em; line-height:1; }.server-row__spectators.is-empty { visibility:hidden; }.server-players__grid ul { display:flex!important; flex-direction:column!important; flex-wrap:nowrap!important; align-items:flex-start!important; }
.server-row__title a { display:block; color:#edf5ff; text-decoration:none; text-wrap:balance; }
.server-row__title a:hover { filter:brightness(1.18); }.server-row__favorite,.server-detail__favorite { display:inline-flex; align-items:center; width:max-content; padding:.35rem .5rem; border:1px solid rgb(162 237 255 / 32%); color:var(--cyan); background:rgb(7 16 31 / 72%); font-size:.48rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; transition:color .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease); }.server-row__favorite:hover,.server-detail__favorite:hover { border-color:var(--gold); color:var(--gold); background:rgb(243 201 105 / 10%); }.server-detail__favorite { margin-top:.65rem; }.server-detail-status { align-content:start; }
.server-detail-title .tm-text { display:inline; }
@media (min-width:701px) { .server-row { grid-template-columns:8px 42px minmax(300px,1.45fr) minmax(165px,.85fr) minmax(118px,.55fr); min-height:132px; } }
@media (max-width:700px) { .server-row__title { font-size:clamp(1.35rem,6.5vw,1.9rem)!important; }.server-row__players b { font-size:2rem; } }

.server-players{margin-top:1.25rem;padding:1.25rem 1.35rem;border:1px solid rgba(142,226,255,.15);background:linear-gradient(135deg,rgba(19,43,75,.92),rgba(8,19,37,.92))}.server-players__heading{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;border-bottom:1px solid rgba(142,226,255,.12);padding-bottom:.8rem}.server-players__heading .eyebrow{margin:0;color:#8ee2ff}.server-players__heading h2{margin:0;font-size:clamp(1.35rem,2.5vw,2.1rem)}.server-players__heading>span{color:#91a7bf;font-size:.78rem}.server-players__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.server-players__grid article{min-width:0;padding:1rem;background:rgba(7,18,36,.62);border-left:3px solid #8ee2ff}.server-players__grid article+article{border-left-color:#f3c969}.server-players__grid h3{display:flex;justify-content:space-between;gap:1rem;margin:0 0 .7rem;color:#f3f7fb;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.server-players__grid h3 em{color:#8ee2ff;font-style:normal;font-size:1.35rem}.server-players__grid article+article h3 em{color:#f3c969}.server-players__grid ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.server-players__grid li{padding:.3rem .55rem;border:1px solid rgba(142,226,255,.22);background:rgba(142,226,255,.07);font-size:.9rem}.server-players__empty{margin:0;color:#91a7bf;font-size:.85rem}@media (max-width:700px){.server-players__grid{grid-template-columns:1fr}.server-players{padding:1rem}}

/* Homepage article preview: fills the open news-card half without competing with the featured story. */
.news-preview { grid-column:span 2; position:relative; display:flex; flex-direction:column; justify-content:center; min-height:382px; padding:2rem 2.2rem; overflow:hidden; background:linear-gradient(135deg,#0b203b,#071323 72%); }
.news-preview::after { position:absolute; right:-4rem; bottom:-6rem; width:260px; height:260px; border:1px solid rgb(162 237 255 / 16%); border-radius:50%; content:""; box-shadow:0 0 0 24px rgb(162 237 255 / 4%),0 0 0 48px rgb(162 237 255 / 3%); }
.news-preview > * { position:relative; z-index:1; }
.news-preview .eyebrow { margin-bottom:.7rem; color:var(--gold); }
.news-preview h3 { max-width:430px; margin:0 0 .8rem; color:#eff7ff; font:800 clamp(2rem,3.4vw,3.05rem)/.9 "Barlow Condensed",sans-serif; letter-spacing:-.015em; }
.news-preview p { max-width:430px; margin:0; color:#b7c9dd; font-size:.78rem; line-height:1.7; }
.news-preview__facts { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.15rem; }
.news-preview__facts span { padding:.38rem .5rem; color:#9eeaff; border:1px solid rgb(158 234 255 / 18%); background:rgb(158 234 255 / 5%); font-size:.5rem; font-weight:900; letter-spacing:.1em; }
.news-preview .text-link { margin-top:1.4rem; color:var(--gold); }
@media (max-width:700px) { .news-preview { grid-column:auto; min-height:290px; padding:1.5rem; }.news-preview h3 { font-size:2.25rem; }.news-preview__facts { gap:.35rem; } }

/* Keep the featured story and its preview together; place secondary stories in a balanced row. */
.news-featured-composition { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:1px; background:var(--line); }
.news-featured-composition .news-card--featured { min-width:0; }
.news-featured-composition .news-preview { grid-column:auto; min-width:0; }
.news-secondary-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); }
.news-secondary-grid .news-card { min-width:0; }
@media (max-width:700px) { .news-featured-composition,.news-secondary-grid { grid-template-columns:1fr; }.news-featured-composition .news-preview { min-height:290px; } }

/* The full forum category card is the link; keep the original visual hierarchy and focus accessibility. */
.forum-card[href] { color:inherit; text-decoration:none; cursor:pointer; }
.forum-card[href]:focus-visible { outline:2px solid #13a5d4; outline-offset:3px; }
.forum-card[href]:focus-visible .forum-card__go { color:#0b5e88; transform:translateX(3px); }
.forum-card__go { transition:color .16s var(--ease),transform .16s var(--ease); }

/* Downloads */
.download-category-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:2rem 0}.download-category-nav a{border:1px solid rgba(157,232,255,.22);padding:.65rem .85rem;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.download-category-nav a:hover,.download-category-nav a.is-active{background:var(--cyan);border-color:var(--cyan);color:#06101d}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.download-card{background:linear-gradient(135deg,#102b4a,#09182c);border:1px solid rgba(157,232,255,.16);padding:1.5rem;min-height:18rem;display:flex;flex-direction:column;box-shadow:0 18px 45px rgba(0,0,0,.14)}.download-card--featured{border-color:rgba(255,211,102,.48)}.download-card__meta{display:flex;justify-content:space-between;gap:1rem;color:#8edff4;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.download-card h2{margin:.9rem 0 .65rem;font-size:clamp(1.35rem,3vw,2.2rem)}.download-card h2 a{color:#fff}.download-card h2 a:hover{color:var(--cyan)}.download-card p{color:var(--muted);max-width:48ch}.download-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.1rem 0}.download-card__tags span{border:1px solid rgba(157,232,255,.22);padding:.25rem .45rem;color:#bfeefa;font-size:.68rem}.download-card .text-link{margin-top:auto}.download-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);gap:1.25rem;margin-top:2rem}.download-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(157,201,255,.14);margin:2rem 0}.download-facts div{background:#0b1c32;padding:1rem}.download-facts dt{color:#7edbf0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.download-facts dd{margin:.35rem 0 0;color:#fff}.download-game-logo{display:grid!important;min-height:100px;padding:.6rem!important;background:radial-gradient(circle at 50% 46%,rgba(124,223,244,.1),transparent 70%),#08182c!important;place-items:center}.download-game-logo img{display:block;max-width:100%;max-height:92px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.32))}.download-action-card{align-self:start;background:#102b4a;border-left:3px solid var(--gold);padding:1.5rem}.download-action-card h2{margin:.5rem 0}.download-action-card p{color:var(--muted)}.download-action-card .primary-link{display:inline-flex;align-items:center;min-height:48px;padding:0 1.1rem;background:var(--cyan);color:#07101f;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.downloads-admin-card{margin-top:1.25rem}.download-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.download-category-admin-list{margin-top:1.25rem;display:grid;gap:.75rem}.download-category-editor{display:grid;grid-template-columns:1.1fr 2fr .6fr auto auto;gap:.65rem;align-items:end;padding:.85rem;background:rgba(6,16,29,.45);border:1px solid rgba(157,232,255,.12)}.download-admin-list{display:grid;gap:.85rem}.download-admin-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:rgba(6,16,29,.45);border:1px solid rgba(157,232,255,.12)}.download-admin-item h3{margin:.25rem 0}.download-admin-item span,.download-admin-item small{color:var(--muted);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.download-admin-edit{border:1px solid rgba(157,232,255,.12);padding:.9rem}.download-admin-edit summary{cursor:pointer;color:var(--cyan);font-weight:700}.download-admin-edit form{margin-top:1rem}.inline-delete{margin-top:.45rem}.inline-delete button{background:transparent;border:0;color:#ff9f9f;text-decoration:underline;cursor:pointer}.download-card a:focus-visible,.download-category-nav a:focus-visible,.download-action-card a:focus-visible,.download-admin-edit summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:800px){.download-grid,.download-detail-grid{grid-template-columns:1fr}.download-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-category-editor{grid-template-columns:1fr 1fr}.download-category-editor label:nth-child(3){grid-column:1}.download-category-editor button{grid-column:2}.download-facts{grid-template-columns:1fr}.download-game-logo{min-height:110px}}@media(max-width:520px){.download-form-grid{grid-template-columns:1fr}.download-category-editor{grid-template-columns:1fr}.download-category-editor button{grid-column:auto}.download-card{padding:1.1rem}}

/* Simplified homepage news: keep 01 / Newsfeed, show one article preview, and expose its publication date. */
.news-grid--preview-only { grid-template-columns: minmax(0, 1fr); }
.news-preview--single { grid-column: 1 / -1; min-height: 300px; }
.news-preview__header { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:.7rem; }
.news-preview__header .eyebrow { margin:0; }
.news-preview__header time { color:#a9bdd1; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
@media (max-width:700px) { .news-preview--single { min-height:290px; } .news-preview__header { align-items:flex-start; flex-direction:column; gap:.35rem; } }

/* Central account success state */
.auth-success { display:flex; align-items:flex-start; gap:.85rem; margin:0 0 1.35rem; padding:1rem 1.05rem; border:1px solid rgb(131 221 177 / 58%); border-left:3px solid #83ddb1; color:#dcffec; background:linear-gradient(135deg,rgb(18 53 38 / 96%),rgb(11 37 44 / 92%)); box-shadow:0 14px 30px rgb(0 0 0 / 18%); }
.auth-success__icon { display:grid; flex:0 0 27px; width:27px; height:27px; border:1px solid #83ddb1; border-radius:50%; color:#07101f; background:#83ddb1; font-size:1rem; font-weight:900; line-height:1; place-items:center; }
.auth-success .eyebrow { margin:0 0 .22rem; color:#a9f2cc; font-size:.52rem; }
.auth-success strong { display:block; color:#fff; font:800 1.35rem/.95 "Barlow Condensed",sans-serif; letter-spacing:.04em; text-transform:uppercase; }
.auth-success p:last-child { margin:.35rem 0 0; color:#d4f8e4; font-size:.7rem; line-height:1.55; }
@media (max-width:560px) { .auth-success { padding:.85rem; } .auth-success strong { font-size:1.18rem; } }

/* Keep Details and Add to favorites separated on homepage and game-hub server cards. */
.server-row__actions { grid-column:3; display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; min-width:0; align-self:end; margin-top:-.35rem; padding-bottom:.72rem; }
.server-row__actions .server-row__detail { display:inline-flex; align-items:center; min-height:24px; }
.server-row__actions .server-row__favorite { margin:0; }
@media (max-width:700px) { .server-row__actions { grid-column:3; margin-top:-.1rem; padding-bottom:0; } }