body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar button[data-view="rulesView"]:not([hidden]) { display:flex; }
.invader-rules-view { color:#dcecf0; max-width:1440px; margin:auto; }
.invader-rules-hero { padding:clamp(24px,5vw,64px); border:1px solid #4aa4b4; border-left:5px solid #63e3e0; border-radius:12px; background:linear-gradient(100deg,rgba(4,18,27,.98),rgba(6,27,36,.72)),url('../assets/realm-crests/invader-scene.webp') center/cover; }
.invader-rules-hero h2 { font-size:clamp(30px,4vw,54px); margin:8px 0; color:#efffff; }
.invader-rules-hero .eyebrow { color:#73e0dd; letter-spacing:.2em; }
#invaderRuleBooks { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
#invaderRuleBooks a,.invader-rules-launch { border:1px solid #41818d; border-radius:6px; padding:12px 16px; background:#102c38; color:#b9fcf0; text-decoration:none; }
.invader-rules-launch { margin:0 0 22px; cursor:pointer; }
.invader-rules-coverage { color:#b4c6ce; line-height:1.7; padding:16px 0; }
.invader-rule-controls { display:flex; align-items:end; flex-wrap:wrap; gap:16px; padding:20px; background:#10232f; border:1px solid #365663; border-radius:8px; }
.invader-rule-controls label { display:grid; gap:8px; flex:1 1 220px; }
.invader-rule-controls label:first-child { flex:3 1 280px; }
.invader-rule-controls input,.invader-rule-controls select { box-sizing:border-box; width:100%; min-width:0; padding:12px; background:#071822; color:#e4ffff; border:1px solid #54737d; border-radius:4px; }
.invader-rule-controls button,#invaderRuleRetry { padding:12px 18px; background:#163c48; border:1px solid #59a4b0; color:#e5ffff; border-radius:5px; cursor:pointer; }
#invaderRuleCount { color:#8fddd9; margin:20px 0; }
#invaderCoreGroup { border:1px solid #35545e; border-radius:8px; padding:20px; margin-bottom:32px; background:#0b1b26; }
#invaderCoreGroup summary { cursor:pointer; font-weight:700; font-size:1.2rem; color:#ddffff; }
.invader-reference-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:16px; margin:20px 0; }
.invader-reference-card { padding:22px; border:1px solid #345562; border-top:3px solid #58b9be; border-radius:8px; background:linear-gradient(145deg,#132d39,#091822); min-width:0; }
.invader-reference-card small { color:#83c7d1; text-transform:uppercase; letter-spacing:.1em; }
.invader-reference-card h3 { color:#f0ffff; font-size:1.15rem; margin:10px 0 16px; }
.invader-reference-card p { color:#c1d2da; line-height:1.65; }
.invader-reference-card a { color:#91e6df; text-underline-offset:4px; font-size:.9rem; }
.invader-reference-card dl { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.invader-reference-card dl div { background:#061721; padding:10px; border-radius:5px; }
.invader-reference-card dt { color:#9db9c6; font-size:.75rem; }
.invader-reference-card dd { color:#e4ffff; font-size:1.5rem; margin:6px 0 0; font-weight:700; }
.invader-rules-view :focus-visible,.invader-rules-launch:focus-visible { outline:3px solid #89ffea; outline-offset:4px; }
@media(max-width:600px) { .invader-rule-controls { padding:14px; } #invaderCoreGroup { padding:14px; } .invader-reference-card { padding:16px; } }