@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,600;1,600&family=Rajdhani:wght@600;700&family=Space+Grotesk:wght@400;500&display=swap');
:root{color-scheme:dark;--text:#f3eee8;--muted:#a9bbc7;--edge:#3c5363;--cyan:#96dfef;--ember:#efb674}
*{box-sizing:border-box}html{background:#060b11}body{margin:0;color:var(--text);font:16px 'Space Grotesk',system-ui,sans-serif;background:linear-gradient(#070d14a6,#060b11 900px),url('../assets/backgrounds/hero-rf-battle-bg.webp') center top/auto 1100px no-repeat;min-height:100vh}[hidden]{display:none!important}
a{color:var(--cyan)}a,button,select{touch-action:manipulation}button,select{font:600 16px 'Rajdhani',sans-serif;min-height:44px;border:1px solid var(--edge);background:#112432;color:var(--text);border-radius:3px}button{cursor:pointer;padding:10px 16px}button:hover,a:hover{color:var(--ember);border-color:var(--ember)}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
header{max-width:1320px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #78563b;gap:18px}.brand img{display:block;width:125px;height:82px;object-fit:contain;filter:drop-shadow(0 0 12px #ff8f3225)}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{font:700 14px 'Rajdhani',sans-serif;padding:13px 16px;border:1px solid #52616c;background:#07121bd9;text-decoration:none}
main{max-width:1320px;margin:auto;padding:32px 28px 70px}.intro{margin-bottom:28px}.eyebrow{font:700 14px 'Rajdhani',sans-serif;letter-spacing:.16em;color:var(--ember);margin:0 0 10px}h1{font:600 clamp(32px,5vw,56px) 'Bodoni Moda',Georgia,serif;line-height:1.1;margin:0 0 14px;letter-spacing:-.025em}h1 em{color:var(--ember)}.intro>p:last-child{color:#d0dbe1;line-height:1.6;margin:0}h2{font:600 25px Georgia,serif;margin:0;line-height:1.25}
.feedLayout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:start;gap:22px}.panel{min-width:0;padding:22px;background:linear-gradient(140deg,#132532f5,#09121bf5);border:1px solid #526573;box-shadow:inset 0 0 0 3px #070d14,inset 0 0 0 4px #2a3a46,0 12px 35px #0005;border-radius:4px}.panelHead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--edge)}.panelHead>span{font:600 14px 'Rajdhani',sans-serif;color:var(--muted);overflow-wrap:anywhere}.status{color:var(--muted);font-size:13px;line-height:1.6;margin:14px 0}.posts{display:grid;gap:14px}.post{padding:16px;background:linear-gradient(130deg,#122734,#0b1822);border:1px solid #2f4d60;border-left:2px solid #579fbc;border-radius:3px;min-width:0}.postHead{display:flex;align-items:center;gap:11px}.avatar{width:40px;height:40px;object-fit:contain;border:1px solid #54758a;border-radius:50%;background:#0b1720;flex:none}.postAuthor{display:grid;gap:4px;min-width:0}.postAuthor strong{color:var(--cyan);font:700 18px 'Rajdhani',sans-serif;overflow-wrap:anywhere}time{font-size:12px;color:var(--muted);line-height:1.5}.postContent{margin:13px 0;font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.postEmbed{border-left:2px solid #628db0;padding:10px;margin:12px 0;background:#182d3b}.postEmbed strong{overflow-wrap:anywhere}.postImages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.postImages button{padding:0;background:#071019;overflow:hidden}.postImages img{display:block;width:100%;height:150px;object-fit:contain}.postOpen{font:600 14px 'Rajdhani',sans-serif;display:inline-block;padding:8px 0;text-decoration:none}.more{display:block;width:100%;margin-top:18px}
.monthBar{display:flex;align-items:center;gap:12px;margin:18px 0 8px}.monthBar label{font:700 16px 'Rajdhani',sans-serif}.monthBar select{padding:9px 12px;min-width:0;flex:1}.archiveNote{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0 14px}.imageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.imageTile{margin:0;min-width:0;border:1px solid #375263;background:#0a1823;border-radius:3px;overflow:hidden}.imageTile button{padding:0;border:0;display:block;width:100%;border-radius:0;background:#071018}.imageTile img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#050c12}.imageTile figcaption{padding:10px;display:grid;gap:4px;font:600 14px 'Rajdhani',sans-serif;color:#c9dce7;overflow-wrap:anywhere}.empty{grid-column:1/-1;border:1px dashed var(--edge);padding:22px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}
dialog{max-width:min(94vw,1100px);max-height:94dvh;padding:18px;background:#0a141e;color:var(--text);border:1px solid #648ba3;border-radius:4px;overflow:auto}dialog::backdrop{background:#02070de8}dialog>button{display:block;margin:0 0 12px auto}dialog>img{display:block;max-width:100%;max-height:70dvh;margin:auto;object-fit:contain}dialog p{font-size:14px;line-height:1.5}dialog a{display:inline-block;padding:10px 0;font-size:14px}footer{text-align:center;padding:25px;border-top:1px solid #2e414e;color:var(--muted);font:600 13px 'Rajdhani',sans-serif;letter-spacing:.08em}
@media(max-width:950px){.feedLayout{grid-template-columns:1fr}.imageGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){header{padding:12px 16px}.brand img{width:92px;height:66px}nav{gap:7px;justify-content:flex-end}nav a{padding:10px;font-size:13px}main{padding:24px 14px 44px}.panel{padding:17px}.imageGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}h2{font-size:23px}.intro{margin-bottom:23px}.post{padding:13px}.panelHead{gap:10px}.postImages img{height:140px}}

.postEmbedMedia{display:block;width:100%;max-width:100%;height:auto;max-height:220px;object-fit:contain;margin:12px 0 0;background:#07121a;border-radius:4px;}