/* Shared look for the Ares site pages (news, forum): same tokens as the landing page. */
:root{--void:#03080b;--hull:#08141a;--panel:#0c1b22;--line:#1f3b45;--text:#d4e7ea;--dim:#86a3aa;--cyan:#5ff0d6;--amber:#ffb35a;--red:#ff6a4a;
  --pix:'Silkscreen',ui-monospace,monospace;--ui:'Rajdhani','Segoe UI',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}
html{background:var(--void)}
body{margin:0;background:var(--void);color:var(--text);font-family:var(--ui);font-size:18px;line-height:1.55;
  background-image:radial-gradient(1200px 600px at 75% -10%,#0d3a46 0%,transparent 60%),radial-gradient(900px 500px at -10% 40%,#1a0f2e 0%,transparent 60%);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:40px;min-height:100vh}
a{color:var(--cyan)}
.wrap{max-width:1000px;margin:0 auto}
nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{height:34px;width:auto}
.navlinks{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.navlinks a{font-family:var(--pix);font-size:11px;letter-spacing:.1em;color:var(--dim);text-decoration:none}
.navlinks a:hover,.navlinks a[aria-current]{color:var(--cyan)}
.navlinks a.play{color:#03080b;background:var(--cyan);padding:6px 12px}
.cut{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
h1{font-family:var(--pix);font-weight:700;font-size:clamp(26px,5vw,40px);letter-spacing:.04em;margin:18px 0 6px;text-wrap:balance}
.sub{color:var(--dim);margin:0 0 22px}
.eyebrow{font-family:var(--pix);font-size:11px;letter-spacing:.16em;color:var(--amber)}
.panel{background:linear-gradient(180deg,#0d1f27,#0a161c);border:1px solid var(--line);padding:18px 20px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.btn{font-family:var(--pix);font-size:11px;letter-spacing:.1em;border:1px solid var(--cyan);color:var(--cyan);background:transparent;padding:9px 14px;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover{background:#5ff0d61a}.btn.primary{background:var(--cyan);color:#03080b}.btn.warn{border-color:var(--red);color:var(--red)}
.btn:disabled{opacity:.45;cursor:default}
input,textarea,select{width:100%;background:#061015;border:1px solid var(--line);color:var(--text);font:inherit;font-size:17px;padding:9px 11px}
input:focus,textarea:focus,select:focus{outline:2px solid var(--cyan);outline-offset:-1px}
label{display:block;font-family:var(--pix);font-size:10px;letter-spacing:.12em;color:var(--dim);margin:12px 0 5px}
.muted{color:var(--dim)}.small{font-size:15px}.err{color:var(--red)}.ok{color:var(--cyan)}
.list{display:grid;gap:10px}
.item{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;padding:14px 18px;background:#0a171d;border:1px solid var(--line);text-decoration:none;color:var(--text)}
.item:hover{border-color:#2f6a76}.item h3{margin:0;font-size:20px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.item .meta{font-size:14px;color:var(--dim)}.item .num{font-family:var(--pix);font-size:11px;color:var(--amber);text-align:right}
.tag{font-family:var(--pix);font-size:9px;letter-spacing:.1em;color:var(--amber);border:1px solid #6a4a20;padding:2px 6px;margin-right:6px;vertical-align:2px}
.post{padding:16px 18px;background:#0a171d;border:1px solid var(--line)}
.post header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--dim);margin-bottom:6px}
.post header b{color:var(--cyan);font-weight:600;font-size:16px}.post header b.admin{color:var(--amber)}
.post .body{white-space:pre-wrap;overflow-wrap:anywhere}
.crumbs{font-family:var(--pix);font-size:10px;letter-spacing:.1em;color:var(--dim);margin-top:8px}.crumbs a{color:var(--dim)}
.news{padding:20px 22px;background:#0a171d;border:1px solid var(--line)}
.news h2{margin:4px 0 8px;font-size:24px;font-weight:700}.news .date{font-family:var(--pix);font-size:10px;letter-spacing:.12em;color:var(--amber)}
.news .body{white-space:pre-wrap}
.status{font-family:var(--pix);font-size:10px;letter-spacing:.1em}
footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--dim)}
@media (max-width:600px){.item{grid-template-columns:1fr}.item .num{text-align:left}}