/* All rule styles remain scoped when loaded into the live game's side panel. */
.arktiaRules { color:var(--bs-body-color,#243744); font:1rem/1.65 system-ui,sans-serif; max-width:76rem; margin:auto; overflow-wrap:anywhere; container-type:inline-size; }
.arktiaRules * { box-sizing:border-box; }
.arktiaRules header { padding:clamp(1rem,4cqi,2.5rem); border-radius:1rem; background:linear-gradient(135deg,#193c51,#39748b); color:#fff; margin-bottom:1.5rem; }
.arktiaRules h1 { font-size:clamp(1.4rem,6cqi,2.5rem); color:inherit; margin:.25rem 0; }
.arktiaRules .arktiaRuleEyebrow { letter-spacing:.25em; font-size:.8rem; margin:0; color:#c3eaf8; }
.arktiaRules nav { display:flex; flex-wrap:wrap; gap:.4rem 1rem; }
#panel .arktiaRules nav a,.arktiaRules nav a { color:#fff; text-underline-offset:.2em; padding:.4rem 0; }
.arktiaRules h2 { font-size:1.4rem; padding-bottom:.4rem; border-bottom:2px solid #79a9bf; margin:1.8rem 0 .7rem; scroll-margin-top:1rem; color:inherit; }
.arktiaRules h3 { font-size:1.15rem; margin:1.3rem 0 .6rem; color:inherit; }
.arktiaRules p { margin:.4rem 0 .8rem; }
.arktiaRules li { margin:.4rem 0; }
.arktiaRules img { max-width:100%; height:auto; object-fit:contain; vertical-align:middle; border-radius:.4rem; }
.arktiaRules li > p > img { display:block; margin:1rem auto; }
.arktiaRules table { border-collapse:collapse; width:100%; background:#e5f0f5; color:#243744; }
.arktiaRules td { border:1px solid #b7ccd6; padding:.8rem; text-align:center; vertical-align:top; }
.arktiaRules td img { display:block; max-height:5rem; margin:0 auto .5rem; }
.arktiaRules .arktiaRuleTable { container-type:inline-size; }
@container(max-width:520px) { .arktiaRules table,.arktiaRules tbody { display:block; } .arktiaRules tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .arktiaRules td { display:block; padding:.6rem; } }