.war-room{--ink:#e9e7d6;--gold:#d5ba7c;color:var(--ink);background:#101c1c;border:1px solid #35453f;border-radius:18px;overflow:hidden;margin:24px 0 44px;font-family:'Segoe UI',Arial,sans-serif}.war-heading{padding:22px 32px;display:flex;align-items:center;gap:26px;border-bottom:1px solid #ffffff12;font-size:10px;letter-spacing:2px;color:#a7b9ac}.war-heading a{font-size:18px;font-weight:800;letter-spacing:5px;color:var(--gold);text-decoration:none}.war-live{margin-left:auto;color:#a1c8b0}.war-hero{display:grid;grid-template-columns:1.3fr 1fr;min-height:480px;background:radial-gradient(ellipse at 85% 45%,#3b554347,transparent 65%)}.war-copy{padding:65px 0 55px 44px;position:relative;z-index:1}.war-eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px}.war-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.5vw,53px);line-height:1.22;font-weight:400;margin:25px 0}.war-copy h1 em{font-style:normal;color:var(--gold)}.war-copy>p{max-width:520px;color:#a7b9ac;font-size:14px;line-height:1.9}.war-cta{display:inline-flex;gap:48px;color:#14231e;background:var(--gold);padding:15px 20px;text-decoration:none;font-weight:700;border-radius:4px;margin:22px 0}.war-facts{display:flex;gap:35px;margin-top:24px}.war-facts span{font-size:10px;color:#99ada0}.war-facts b{display:block;font-family:Georgia,serif;font-size:27px;font-weight:400;color:#e7e1c9;margin-bottom:8px}.war-art{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(0deg,#101c1c,transparent),url('landscape.svg') center/cover}.war-orbit{position:absolute;width:310px;height:310px;border:1px solid #d5ba7c44;border-radius:50%;box-shadow:0 0 0 25px #d5ba7c07,0 0 0 65px #d5ba7c05}.war-character{font:230px Georgia;color:#d7c69e;opacity:.7;text-shadow:10px 20px 30px #09120e;transform:rotate(-8deg)}.war-caption{position:absolute;bottom:35px;text-align:center;letter-spacing:8px;font-size:15px;color:#d3c49f}.war-caption small{display:block;font-size:10px;letter-spacing:1px;color:#9bae9f;margin-top:12px}#campaigns{padding:30px 32px 40px;border-top:1px solid #ffffff12}.war-section{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.war-section h2,.war-school h2{font:27px Georgia,serif;margin:12px 0 0}.war-section>span{font-size:9px;letter-spacing:1px;color:#8fa294}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.campaign-card{border:1px solid #ffffff18;background:#142321;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.campaign-card:hover{transform:translateY(-5px);border-color:var(--campaign-color)}.campaign-image{display:block;position:relative;aspect-ratio:1.6;overflow:hidden}.campaign-image img{width:100%;height:100%;object-fit:cover}.campaign-index{position:absolute;top:14px;left:14px;font-size:9px;letter-spacing:1px;background:#0b1819cc;padding:6px 9px;color:#d5dfd3;border:1px solid #ffffff22}.campaign-body{padding:22px}.campaign-type{font-size:9px;letter-spacing:1.5px;color:var(--campaign-color)}.campaign-body h3{font:23px Georgia,serif;margin:13px 0}.campaign-body p{font-size:12px;color:#a4b6a8;line-height:1.9;min-height:92px}.campaign-progress{font-size:10px;color:#8ea596;padding:12px 0;border-top:1px solid #ffffff13}.campaign-play{display:flex;justify-content:space-between;padding:13px 0 0;color:var(--campaign-color);font-size:13px;font-weight:600;text-decoration:none}.war-school{padding:34px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:25px;background:#0c1717;border-top:1px solid #ffffff13}.war-school article{border-left:1px solid #ffffff16;padding-left:20px}.war-school article>span{font-size:10px;letter-spacing:1px;color:var(--gold)}.war-school h3{font-size:15px;margin:15px 0}.war-school p{color:#90a699;font-size:12px;line-height:1.9}.war-note{font-size:10px;line-height:1.8;color:#8b9e93;padding:10px 32px 20px}.war-room a:focus-visible{outline:3px solid #f2d28e;outline-offset:-3px}
@media(max-width:850px){.war-heading{padding:18px;gap:14px}.war-heading>span:not(.war-live){display:none}.war-hero{grid-template-columns:1fr}.war-copy{padding:36px 24px}.war-art{display:none}.campaign-grid{grid-template-columns:1fr}.campaign-body p{min-height:0}.war-section>span{display:none}#campaigns{padding:28px 20px}.war-school{grid-template-columns:1fr 1fr;padding:24px;gap:25px}.war-school>div{grid-column:1/-1}.war-school article{padding-left:12px}.war-facts{gap:22px}.war-room{margin-top:12px}.war-copy h1{font-size:36px}.campaign-image{aspect-ratio:2}.war-school h2,.war-section h2{font-size:25px}}
