@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=UnifrakturCook:wght@700&display=swap');
:root{--bg:#0b1112;--bg2:#10191a;--panel:#142020;--panel2:#1a2727;--line:#2b3b39;--text:#f0ebde;--muted:#b3b8ac;--soft:#858f89;--accent:#cbb48b;--green:#8bc1a8;--red:#bb6f65;--serif:'Marcellus',Georgia,serif;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--max:1330px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.grain{pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
.site-header{height:85px;border-bottom:1px solid #2e3b39;background:rgba(9,15,16,.96);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,4vw,70px);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px;min-width:230px}.brand-mark{width:42px;height:42px;color:var(--accent);display:flex}.brand-mark svg{width:100%}.brand strong{font-family:var(--display);font-size:21px;line-height:1;letter-spacing:1.9px;white-space:nowrap}.brand strong em{font-style:normal;color:var(--accent)}.brand small{display:block;margin-top:4px;color:#a09f90;font-family:var(--display);letter-spacing:3px;font-size:11px}.main-nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,36px);height:100%}.main-nav a{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:1.25px;font-size:14px;display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;color:#bfc4bc;white-space:nowrap}.main-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.main-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:20px}.alpha-pill,.tag,.status-pill{font-family:var(--display);letter-spacing:1px;font-size:11px;font-weight:700;border:1px solid #435044;color:#b5c5a9;padding:6px 10px;white-space:nowrap}.header-build,.btn{background:#bba481;color:#111716;border:1px solid #bba481;font-family:var(--display);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;font-size:14px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px}.header-build:hover,.btn:hover{background:#d7c3a0;color:#101513}.btn-outline{background:transparent;color:var(--accent);border-color:#80735b}.btn-outline:hover{background:#2c3129;color:var(--text)}.btn-ghost{background:transparent;border-color:#3f4b45;color:#e0e5d9}.btn-ghost:hover{background:#23302e;color:white}.btn-green{background:#8eb9a1;border-color:#8eb9a1;color:#122019}.btn-sm{padding:8px 13px;font-size:12px;min-height:35px}.btn-danger{background:transparent;border:1px solid #77514b;color:#d7aaa2}.btn-danger:hover{background:#3c2827;color:white}.icon-btn{border:1px solid #3b4c45;background:transparent;color:var(--muted);width:32px;height:32px;font-size:19px;line-height:1}.icon-btn:hover{color:white;background:#2d3b37}
main{min-height:75vh}.container{width:min(var(--max),calc(100% - 80px));margin:0 auto}.eyebrow{font:700 13px/1.4 var(--display);text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin:0 0 16px}.muted{color:var(--muted)}.small{font-size:12px}.serif{font-family:var(--serif)}.display{font-family:var(--display);text-transform:uppercase}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;margin:0 0 30px}.section-heading h2{font:400 clamp(32px,4.2vw,56px)/1.1 var(--serif);margin:0;letter-spacing:-.5px}.section-heading p{max-width:495px;margin:0;color:var(--muted);font-size:14px}.section{padding:84px 0}.section-dark{background:#10191a;border-block:1px solid #243330}.section-kicker{font:600 14px var(--display);letter-spacing:2px;color:var(--accent);text-transform:uppercase}.rule{height:1px;background:linear-gradient(90deg,#79735d,#2d3a37 45%,transparent);margin:24px 0}
.hero{min-height:650px;position:relative;overflow:hidden;background:#111e20;display:flex;align-items:center;border-bottom:1px solid #3c4e46}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#0b1112 0%,rgba(11,17,18,.96) 24%,rgba(11,17,18,.52) 56%,rgba(11,17,18,.05) 100%),linear-gradient(0deg,#0b1112,transparent 24%),url('assets/hero.svg');background-position:center;background-size:cover}.hero-inner{position:relative;width:min(var(--max),calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,750px) 1fr;align-items:center;padding:70px 0 85px}.hero-label{display:flex;align-items:center;gap:12px;font:700 12px var(--display);letter-spacing:2px;color:#c7c7ae}.hero-label:before{content:'';width:34px;height:1px;background:var(--accent)}h1{font:400 clamp(54px,6.7vw,108px)/.99 var(--serif);letter-spacing:-3px;margin:27px 0 24px}h1 em{font-style:normal;color:#bfa581}.hero p.lede{font-size:16px;color:#d0d1c6;max-width:560px;line-height:1.85}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:34px}.hero-aside{justify-self:end;align-self:end;border-left:1px solid #a4aa91;padding-left:20px;color:#c4c4b4;font:600 12px var(--display);letter-spacing:1px;max-width:170px;margin-bottom:5px}.hero-aside b{display:block;color:white;font:400 36px var(--serif)}.hero-meta{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #35433d;background:#101919}.hero-meta div{text-align:center;border-right:1px solid #35433d;padding:25px 12px}.hero-meta div:last-child{border-right:0}.hero-meta strong{display:block;font:400 31px var(--serif);color:var(--text)}.hero-meta span{font:600 12px var(--display);letter-spacing:1.4px;color:#b3b9aa;text-transform:uppercase}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid #35423e;background:linear-gradient(160deg,#192625,#111a1a);padding:28px;min-height:245px}.feature .num{color:var(--accent);font:400 34px var(--serif)}.feature h3{font:400 25px var(--serif);margin:12px 0 9px}.feature p{color:var(--muted);margin:0}.feature .arrow{display:block;margin-top:24px;color:var(--accent)}
.faction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.faction-card{display:block;border:1px solid #35403c;background:#121b1b;overflow:hidden;transition:transform .2s,border .2s;text-align:left;padding:0;color:inherit;width:100%}.faction-card:hover{transform:translateY(-4px);border-color:#8c977e;color:inherit}.faction-card img{width:100%;height:235px;object-fit:cover;display:block;filter:saturate(.85)}.faction-content{padding:22px}.faction-card .overline{font:600 12px var(--display);letter-spacing:2px;color:var(--accent)}.faction-card h3{font:400 26px var(--serif);margin:9px 0 8px}.faction-card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.7}.text-link{font:700 13px var(--display);letter-spacing:1px;color:var(--accent);text-transform:uppercase}.text-link:hover{color:#eee0b9}.quote-band{background:#182621;border-left:3px solid var(--accent);padding:22px 30px;font:400 23px/1.55 var(--serif);color:#e3dfd0;margin:30px 0}.faction-detail{display:grid;grid-template-columns:43% 1fr;gap:42px;align-items:start}.detail-art{position:sticky;top:110px}.detail-art img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #48564d}.detail-text h2{font:400 clamp(38px,4vw,58px) var(--serif);margin:0 0 8px}.detail-lead{font:400 22px/1.55 var(--serif);color:#d0c6ac;margin:20px 0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fact{border-top:1px solid #3e4a41;padding-top:12px}.fact strong{display:block;font:700 12px var(--display);letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:6px}.fact p{margin:0;color:var(--muted);font-size:13px}.unit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.unit-list .unit-entry{padding:13px 16px;background:#192525;border:1px solid #35443e}.unit-entry span{font:700 11px var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--accent);display:block}.unit-entry strong{font:500 17px var(--serif)}
.page-banner{border-bottom:1px solid #34423d;background:radial-gradient(circle at 81% 20%,#27392e,transparent 38%),linear-gradient(135deg,#182421,#0b1112);padding:72px 0 56px}.page-banner h1{font-size:clamp(44px,5vw,76px);margin:13px 0 16px}.page-banner p{max-width:850px;font-size:16px;line-height:1.8;color:#c1c6ba}.world-layout{display:grid;grid-template-columns:2fr 1fr;gap:36px}.big-copy{font:400 21px/1.6 var(--serif);color:#d7d5c7}.timeline{border-left:1px solid #66735e;margin:30px 0 0 10px}.timeline-item{position:relative;padding:0 0 30px 33px}.timeline-item:before{content:'';position:absolute;top:6px;left:-6px;width:11px;height:11px;border:1px solid #9bac87;background:#192420;transform:rotate(45deg)}.timeline-item .year{font:700 13px var(--display);letter-spacing:2px;color:var(--accent)}.timeline-item h3{font:400 23px var(--serif);margin:5px 0}.timeline-item p{margin:0;color:var(--muted)}.world-sidebar{border:1px solid #3a4b40;background:#172521;padding:26px;height:fit-content}.world-sidebar h3{font:400 28px var(--serif);margin:8px 0}.world-sidebar p{color:var(--muted)}.world-illustration{height:260px;background:linear-gradient(0deg,#101c1d99,#121a1d22),url('assets/communion.svg') center/cover;margin:-26px -26px 22px}.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.callout{border:1px solid #35453f;padding:23px;background:#142120}.callout h3{font:400 23px var(--serif);margin:9px 0}.callout p{color:var(--muted);margin:0;font-size:13px}
.manual-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:34px;align-items:start}.manual-index{position:sticky;top:108px;border:1px solid #35443e;background:#121c1b;padding:18px}.manual-index h3{font:600 15px var(--display);text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin:3px 0 14px}.manual-index button{display:block;width:100%;text-align:left;background:none;border:0;color:#aebbb0;padding:10px 8px;border-bottom:1px solid #253630;font-size:13px}.manual-index button:hover{background:#23322b;color:white}.manual-panel{background:#121d1d;border:1px solid #32423c;padding:30px 34px;margin-bottom:19px;scroll-margin-top:110px}.manual-panel h2{font:400 31px var(--serif);margin:0 0 15px}.manual-panel h3{font:400 21px var(--serif);margin:20px 0 9px}.manual-panel p{color:var(--muted)}.manual-panel strong{color:#ece8db}.clean-table{border-collapse:collapse;width:100%;margin:17px 0}.clean-table th{text-align:left;color:var(--accent);font:700 12px var(--display);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #566357;padding:12px 8px}.clean-table td{border-bottom:1px solid #293a34;padding:12px 8px;font-size:13px;color:#d0d4c7;vertical-align:top}.clean-table tbody tr:hover{background:#202d28}.steps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.step{padding:13px 15px;background:#1c2a26;border:1px solid #415043;flex:1;min-width:95px;text-align:center;color:#eee3cc;font:700 15px var(--display);text-transform:uppercase;letter-spacing:1px}.download-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.note{padding:15px 18px;border-left:2px solid #997e59;background:#262820;color:#d8c7a7;margin:16px 0;font-size:13px}
.builder-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:23px;align-items:start;padding:40px 0 90px}.builder-left{position:sticky;top:105px;max-height:calc(100vh - 115px);overflow:auto;scrollbar-color:#58634f transparent}.panel{border:1px solid #35463d;background:#141f1e;margin-bottom:16px}.panel-head{padding:18px 20px;border-bottom:1px solid #2b3d36}.panel-head h3{font:400 24px var(--serif);margin:0}.panel-body{padding:18px 20px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{font:700 12px var(--display);color:#c6b796;text-transform:uppercase;letter-spacing:1.3px}.field input,.field select,.field textarea,.select{width:100%;height:40px;background:#101917;border:1px solid #47554a;color:#ecebe3;padding:9px 11px;border-radius:0;min-width:0}.field input:focus,.field select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.field small{color:var(--soft)}.button-stack{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stack-role{border:1px solid #415045;background:#1a2824;color:#e6e7d9;text-align:left;padding:11px 12px;min-height:66px}.stack-role:hover{background:#2a3c31;border-color:#a2a67d}.stack-role b{display:block;font:700 14px var(--display);text-transform:uppercase;letter-spacing:.7px}.stack-role span{font-size:11px;color:#aebdb0}.alert-list{display:grid;gap:8px}.alert{padding:10px 11px;font-size:12px;border-left:2px solid #b68d68;background:#2a251e;color:#e1c8af}.alert.ok{border-color:#7eaa8f;background:#1e2e26;color:#c5dec8}.points{display:flex;align-items:baseline;justify-content:space-between}.points strong{font:400 40px var(--serif)}.points span{color:#b9bbaa;font:600 13px var(--display)}.progress{height:8px;background:#35433c;overflow:hidden;margin:12px 0}.progress>div{height:100%;background:linear-gradient(90deg,#8f9973,#d3b08a);transition:width .2s}.progress.over>div{background:#b97666}.form-title{margin:0;font:400 22px var(--serif)}.builder-main-top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px}.builder-main-top h2{font:400 34px var(--serif);margin:0 0 4px}.formation{border:1px solid #3c4b40;background:#111c1c;margin:0 0 16px}.formation-head{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #34423c;background:#1c2a26;padding:15px 19px}.formation-head strong{font:500 21px var(--serif)}.formation-head small{display:block;color:#aeb6a9}.formation-controls{display:flex;gap:8px;align-items:center}.formation-body{padding:12px 15px}.fighter{border:1px solid #32433b;margin:8px 0;background:#172421}.fighter-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 13px}.fighter-title{display:flex;align-items:center;gap:12px;min-width:0}.fighter-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #657062;background:#27372d;color:#d4c396;font:400 19px var(--serif);flex-shrink:0}.fighter-label b{display:block;font-size:14px;font-weight:600}.fighter-label span{color:#a9b4a6;font-size:11px}.fighter-actions{display:flex;align-items:center;gap:7px}.cost-chip{font:700 13px var(--display);padding:5px 8px;color:#d6c298;white-space:nowrap}.fighter-editor{padding:0 13px 14px;border-top:1px solid #30433a;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fighter-editor .field{margin:12px 0 0}.fighter-editor .field label{font-size:10px}.fighter-stats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:9px}.mini-stat{font:600 11px var(--display);letter-spacing:.5px;padding:6px 8px;background:#28362f;color:#dddac9}.mini-stat b{color:white;margin-left:3px}.fighter-rule{grid-column:1/-1;color:#9baea0;font-size:11px;margin:0}.empty{border:1px dashed #4c6154;padding:60px 25px;text-align:center;background:radial-gradient(circle at center,#1c2b25,#101a19 72%)}.empty h3{font:400 30px var(--serif);margin:0 0 9px}.empty p{max-width:430px;margin:0 auto 22px;color:var(--muted)}.builder-cta{display:flex;gap:8px;flex-wrap:wrap}.saved-note{font-size:12px;color:#a7bfae}.warn-flag{color:#e5a98e}.list-summary{display:flex;gap:10px;flex-wrap:wrap}.summary-cell{min-width:105px;border:1px solid #35483d;padding:8px 13px;background:#1d2b27}.summary-cell b{font:400 25px var(--serif);display:block}.summary-cell span{font:700 11px var(--display);text-transform:uppercase;letter-spacing:.8px;color:#a8b8a6}
.battle-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;margin:36px 0 80px}.battle-card{border:1px solid #35453e;background:#16221f;padding:19px;margin-bottom:13px}.battle-card h3{font:400 25px var(--serif);margin:0 0 12px}.battle-card p{color:var(--muted);font-size:13px}.round-box{font:400 59px var(--serif);color:#eee5d3;line-height:1}.battle-board{aspect-ratio:1;background:linear-gradient(30deg,rgba(26,56,43,.32),rgba(3,13,13,.3)),repeating-linear-gradient(0deg,transparent 0,transparent calc(16.666% - 1px),#40504450 calc(16.666% - 1px),#40504450 16.666%),repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#40504450 calc(16.666% - 1px),#40504450 16.666%);border:1px solid #445449;position:relative;max-width:245px;margin:10px auto}.board-label{font:700 10px var(--display);position:absolute;left:5%;top:5%;color:#809b8b}.storm-mark{position:absolute;width:13.9%;height:13.9%;border-radius:50%;border:2px solid #94c5a1;background:radial-gradient(circle,#80ca9277,#6db58a20);transform:translate(-50%,-50%);box-shadow:0 0 16px #96d6a977}.cryptid-mark{position:absolute;left:50%;top:50%;font-size:25px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px #bcae87)}.battle-fighter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #2e3d35}.battle-fighter.dead{opacity:.48}.battle-hp{display:flex;align-items:center;gap:9px}.battle-hp strong{min-width:44px;text-align:center;font:700 18px var(--display)}.battle-fighter p{font-size:11px;color:#aeb5a8;margin:2px 0 0}.battle-fighter b{font-weight:600}.battle-group{margin:0 0 17px;border:1px solid #39483e;background:#111c1b}.battle-group h3{font:400 22px var(--serif);margin:0;border-bottom:1px solid #39483e;padding:13px 15px}.checkbox-pill{display:flex;align-items:center;gap:6px;color:#b0c5b0;font:600 12px var(--display);letter-spacing:.5px}.checkbox-pill input{accent-color:#91c5a4;width:16px;height:16px}.log{padding:9px 11px;border-bottom:1px solid #2d3932;color:#c1c5b8;font-size:12px}.log:first-child{color:#c9c09e}.chip{display:inline-block;border:1px solid #4b6354;padding:4px 8px;color:#bfccbe;font:700 11px var(--display);letter-spacing:.7px}.tag-green{border-color:#6b987b;color:#a0cfac}.tag-warn{border-color:#987c5c;color:#e2bd95}.play-alert{padding:15px 20px;border:1px solid #587063;background:#1e3028;margin:15px 0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.divider{height:1px;background:#33433a;margin:16px 0}.print-sheet{display:none}
.site-footer{border-top:1px solid #4b5342;background:#0c1414;margin-top:0}.footer-inner{width:min(var(--max),calc(100% - 80px));margin:auto;padding:43px 0;display:flex;align-items:start;justify-content:space-between;gap:20px}.footer-inner strong{font:700 20px var(--display);letter-spacing:2px;color:#d7c5a1}.footer-inner span{font:700 13px var(--display);letter-spacing:1px;color:#b9ad94}.footer-inner p{margin:4px 0;color:#8e9d90;font-size:12px}.footer-inner>a{color:var(--accent);font:700 13px var(--display)}
@media(max-width:1150px){.alpha-pill{display:none}.main-nav{gap:15px}.brand{min-width:205px}.brand strong{font-size:18px}.header-build{padding:10px 12px}.builder-grid{grid-template-columns:285px minmax(0,1fr)}.fighter-editor{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header{flex-wrap:wrap;height:auto;padding:12px 20px;gap:5px}.brand{flex:1}.main-nav{order:3;width:100%;overflow-x:auto;justify-content:start;gap:23px;height:42px}.main-nav a{font-size:13px}.header-build{font-size:12px}.container,.hero-inner,.footer-inner{width:calc(100% - 42px)}.hero{min-height:600px}.hero-inner{grid-template-columns:1fr}.hero-aside{display:none}.faction-grid,.col-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.faction-detail,.world-layout{grid-template-columns:1fr}.detail-art{position:static}.detail-art img{max-height:340px;object-fit:cover}.manual-layout{grid-template-columns:1fr}.manual-index{position:static;display:flex;flex-wrap:wrap;gap:4px}.manual-index h3{width:100%}.manual-index button{width:auto;border:1px solid #293a34}.builder-grid{grid-template-columns:1fr}.builder-left{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.builder-left .panel{margin:0}.battle-grid{grid-template-columns:1fr}.battle-board{max-width:320px}}
@media(max-width:600px){.header-build{font-size:11px;padding:8px}.brand-mark{width:34px;height:34px}.brand small{font-size:9px}.brand strong{font-size:18px}.hero{min-height:565px}.hero-art{background-image:linear-gradient(90deg,#0b1112eb,rgba(11,17,18,.70)),url('assets/hero.svg')}.hero-inner{padding:60px 0}.hero h1{font-size:59px;letter-spacing:-2px}.hero p.lede{font-size:14px}.hero-meta{grid-template-columns:repeat(2,1fr)}.hero-meta div:nth-child(2){border-right:0}.hero-meta div:nth-child(-n+2){border-bottom:1px solid #35433d}.section{padding:55px 0}.section-heading{display:block}.section-heading h2{margin-bottom:12px}.faction-grid,.col-grid,.feature-grid,.two-column,.unit-list{grid-template-columns:1fr}.faction-card img{height:210px}.page-banner{padding:42px 0}.page-banner h1{font-size:48px}.manual-panel{padding:21px 17px;overflow-x:auto}.manual-panel .clean-table{min-width:430px}.builder-left{grid-template-columns:1fr}.builder-grid{padding:22px 0 60px}.builder-main-top{display:block}.builder-main-top .toolbar{margin-top:15px}.fighter-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.fighter-editor .field label{font-size:9px}.fighter-head{gap:4px}.fighter-avatar{width:32px;height:32px}.fighter-label b{font-size:13px}.formation-head{flex-direction:column;align-items:start}.fighter-stats{gap:3px}.mini-stat{font-size:10px;padding:4px 6px}.footer-inner{flex-direction:column}.battle-fighter{flex-wrap:wrap}.battle-hp{margin-left:auto}}

/* Alpha 0.2 · force organisation and fixed campaign battle limit */
.force-allowance{padding:16px 15px;border:1px solid #667156;background:linear-gradient(125deg,#253127,#1a2824);margin-top:11px}
.force-allowance strong{display:block;font:400 26px var(--serif);color:#e7dfc7;margin:5px 0 7px}
.force-allowance strong em{font:700 13px var(--display);font-style:normal;letter-spacing:.4px;color:#cdb88e;margin-left:4px}
.force-allowance small{display:block;font-size:11px;line-height:1.55;color:#b7c4b0}
@media print{.site-header,.site-footer,.grain,#app,.btn{display:none!important}body{background:white;color:#111;font:11pt Georgia,serif}.print-sheet{display:block!important;padding:10mm 12mm}.print-sheet h1{font:24pt Georgia,serif;letter-spacing:0;margin:0 0 8pt}.print-sheet h2{font:16pt Georgia,serif;margin:15pt 0 4pt}.print-sheet h3{font:13pt Georgia,serif}.print-sheet .psub{font-size:10pt;color:#444}.print-sheet table{border-collapse:collapse;width:100%;font:9pt Arial,sans-serif;margin:10pt 0;page-break-inside:auto}.print-sheet tr{page-break-inside:avoid}.print-sheet td,.print-sheet th{border:1px solid #888;text-align:left;padding:5pt 6pt}.print-sheet th{background:#e8e8e8}.print-sheet .print-group{break-inside:avoid}.print-sheet .print-footer{margin-top:18pt;border-top:1px solid #777;padding-top:8pt;font-size:8pt;color:#555}}

/* Age of Ash · Art direction 0.3: Old Master painting, woodcut ornaments, vellum and ink */
:root{--bg:#141115;--bg2:#1c171c;--panel:#231c20;--panel2:#2b2229;--line:#594a43;--text:#efe0c5;--muted:#c7b5a0;--soft:#ae9783;--accent:#d2b47b;--green:#9caa8a;--red:#a24c53;--royal:#243d63;--oxblood:#772e3c;--violet:#5e456d;--serif:'Cormorant Garamond',Georgia,serif;--display:'Cormorant Garamond',Georgia,serif;--body:'EB Garamond',Georgia,serif;--max:1300px}
body{background:var(--bg);color:var(--text);font:18px/1.48 var(--body)}p{line-height:1.5}.grain{opacity:.075}.site-header{background:rgba(22,16,19,.96);border-bottom:1px solid #6d543b}.site-header .brand strong{font-family:var(--serif);font-weight:700;font-size:27px;letter-spacing:.3px}.site-header .brand em{font-weight:600}.site-header .brand small{letter-spacing:2.5px;font-size:11px}.main-nav a{font-family:var(--serif);text-transform:none;font-size:17px;font-weight:600;letter-spacing:.25px}.main-nav a.active{border-bottom-color:#a6464e}.alpha-pill,.tag,.status-pill{font-family:var(--body);letter-spacing:.9px;font-size:12px}.header-build,.btn{font-family:var(--serif);font-size:17px;letter-spacing:.35px;font-weight:700;text-transform:none;background:#7b3138;border-color:#ac7c5e;color:#fff4df;box-shadow:inset 0 0 0 1px #421f28}.header-build:hover,.btn:hover{background:#a44b51;color:#fff4df}.btn-outline{background:transparent;color:var(--accent);border-color:#9e8056;box-shadow:none}.btn-outline:hover{background:#2d2427;color:#fff7e8}.btn-green{background:#243e51;border-color:#5a8290;color:#f8eace;box-shadow:none}.btn-ghost{border-color:#5e4a3f;color:#eaddc9}.btn-danger{border-color:#98535a}.hero{background-color:#141115}.hero-art{background-image:linear-gradient(90deg,#120e11ec 0%,#120e11be 33%,#1b12114a 75%),url('assets/paintings/age-of-ash.jpg');background-position:center,right center;background-size:cover}.hero h1{font-family:var(--serif);letter-spacing:-1px;text-shadow:0 2px 14px #160d12}.hero h1 em{color:#d4b879}.hero p.lede{color:#f1dec6;font-size:20px}.hero-label,.eyebrow,.overline{font-family:var(--serif);letter-spacing:1.1px;color:#c6a66e}.hero-meta{background:#251b21;border-bottom:1px solid #684e3a}.hero-meta strong{font-family:var(--serif);color:#e3c994}.section-dark{background:#1b171b}.section-heading h2,.page-banner h1,.detail-text h2,.serif{font-family:var(--serif)}.page-banner{background:radial-gradient(ellipse at 75% 20%,rgba(86,49,64,.35),transparent 55%),#221b20;border-bottom:1px solid #756048}.page-banner h1{letter-spacing:0}.feature,.callout,.fact,.unit-entry,.world-sidebar,.manual-panel,.builder-left .panel,.formation,.battle-card,.battle-group{border-color:#5f4b43;background:#241c21}.feature h3,.callout h3,.manual-panel h3,.battle-card h3,.formation-head strong{font-family:var(--serif)}.faction-grid{gap:18px}.faction-card{display:block;text-align:left;cursor:pointer;border:1px solid #665142;background:#21181d;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.faction-card:hover{border-color:#b38d65;transform:translateY(-3px)}.faction-card img{width:100%;height:300px;object-fit:cover;object-position:center 24%;filter:saturate(.8) contrast(.95)}.faction-card h3{font-size:27px}.faction-card .faction-content{background:linear-gradient(#2c1c21,#241b20)}.faction-card .text-link{color:#d7ae7c}.faction-card .overline{color:#b89770}.quote-band{background:linear-gradient(90deg,#47202b,#261923);color:#e6cba5;border-color:#8e655a}.world-illustration{background-image:url('assets/paintings/world-before-1618.jpg');background-size:150%;background-position:43% 49%}.atlas-figure{margin:28px 0 32px;border:1px solid #745e47;background:#2b2125;padding:8px;box-shadow:0 10px 40px #0003}.atlas-figure img{width:100%;display:block}.atlas-figure figcaption{font:italic 15px var(--serif);padding:9px;color:#dac6a4}.atlas-teaser{padding:35px 0 20px;background:#1c161a}.atlas-teaser img{width:100%;height:340px;object-fit:cover;display:block;filter:saturate(.82)}.atlas-teaser a{display:block;border:1px solid #846947;position:relative;overflow:hidden}.atlas-teaser a span{display:block;padding:10px 16px;background:#2e2027;color:#e2cda5;font-size:18px}.builder-grid,.battle-grid{font-family:var(--body)}.builder-left,.builder-main{font-size:16px}.fighter,.formation,.battle-group{background:#20191e;border-color:#675047}.fighter-head,.formation-head{background:#34242b;border-color:#6a4e48}.fighter-editor{background:#211a1f}.fighter-avatar,.summary-cell,.mini-stat{background:#3b2d34;border-color:#78614b;color:#eac99b}.cost-chip{color:#e7bc82}.summary-cell span{color:#d5c0a1}.field input,.field select,.field textarea{font-family:var(--body);font-size:17px}.force-allowance{background:linear-gradient(125deg,#3b2830,#251d26);border-color:#8e6856}.faction-trait-note{padding:16px 15px;margin:11px 0;border:1px solid #9b7753;background:linear-gradient(130deg,#3b2630,#211d24)}.faction-trait-note h3{font:600 26px var(--serif);margin:4px 0 8px;color:#f0d5a8}.faction-trait-note p{font-size:16px;margin:0 0 8px}.faction-trait-note small{color:#c9b9a1;font-size:14px}.site-footer{background:#181216;border-top:1px solid #6b5444}.footer-inner strong{font-family:var(--serif);letter-spacing:.5px}.footer-inner span{font-family:var(--serif)}
/* Standalone faction chronicles, one indexed html page per faction */
.lore-page .lore-hero{background:linear-gradient(125deg,#191218,#2b1d23);border-bottom:1px solid #846851;overflow:hidden}.lore-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,43%);gap:6vw;align-items:center;min-height:590px;padding-top:42px;padding-bottom:42px}.lore-back{display:inline-block;font:italic 19px var(--serif);color:#d4ba91;margin-bottom:22px}.lore-hero h1{font:600 clamp(50px,6.3vw,100px)/.98 var(--serif);letter-spacing:-1.5px;margin:15px 0 20px;color:#f0d7b1}.lore-tagline{font:italic 24px var(--serif);color:#d5b484;line-height:1.16}.lore-intro{font:21px/1.43 var(--body);max-width:590px;color:#e5d5be}.lore-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.lore-portrait{margin:0;position:relative;border:10px solid #4d332c;box-shadow:0 0 0 2px #9d774e,0 15px 45px #0008;background:#221919}.lore-portrait img{display:block;width:100%;height:550px;object-fit:cover;object-position:center 25%}.lore-portrait figcaption{font:14px var(--serif);letter-spacing:2px;color:#d9c3a5;text-align:center;background:#2b1b22;padding:9px}.lore-section{padding:78px 0}.lore-section h2{font:600 clamp(42px,4.2vw,68px)/1 var(--serif);margin:6px 0 18px;color:#e9d5b4}.lore-subline{font:italic 20px var(--serif);color:#baab95;margin:0 0 34px}.lore-eras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lore-eras article{padding:30px 25px 32px;border:1px solid #73563e;background:#f0dfbc;color:#2e2524;min-height:330px;box-shadow:inset 0 0 24px #9e794d2c}.lore-era-label{font:600 15px var(--serif);color:#79313b;letter-spacing:.7px}.lore-eras h3{font:600 34px var(--serif);margin:9px 0 16px}.lore-eras p{font-size:18px;line-height:1.47;margin:0}.lore-dark{background:linear-gradient(115deg,#2d2028,#17161d)}.lore-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,42%);gap:65px}.lore-two>article>p:not(.eyebrow):not(.alpha-caption){font-size:20px;color:#e0ccb0}.lore-two blockquote{margin:35px 0 0;padding:8px 20px;border-left:3px solid #ae7d52;color:#ddb886;font:italic 28px var(--serif)}.doctrine-panel{border:1px solid #a17a54;background:linear-gradient(145deg,rgba(98,45,54,.35),rgba(30,27,36,.55));padding:31px}.doctrine-panel h2{font-size:46px}.doctrine-panel .doctrine-effect{font:21px/1.35 var(--serif);color:#f1ddc0}.doctrine-detail{border-top:1px solid #725c4a;margin-top:26px;padding-top:18px}.doctrine-detail strong{font:600 20px var(--serif);color:#d5b480}.doctrine-detail p{margin:5px 0 17px;font:17px var(--body)}.alpha-caption{font:italic 14px var(--body);color:#bea589}.lore-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.lore-unit{border:1px solid #795c42;background:#251c23;padding:15px 18px;display:grid;gap:2px}.lore-unit small{font:15px var(--serif);color:#c6a57b}.lore-unit strong{font:600 27px var(--serif);color:#f1d6b0}.lore-unit span{font:15px var(--body);color:#bda995}.lore-callout{margin-top:24px;border-left:4px solid var(--faction-accent,#986552);padding:18px 25px;background:#30232a}.lore-callout h3{font:600 30px var(--serif);margin:0}.lore-callout p{font-size:19px;max-width:880px}.lore-next{padding:42px 0 55px;background:#211a20;border-top:1px solid #5f4a3f}.lore-faction-links{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.lore-faction-links a{border:1px solid #684e3f;padding:12px;font-size:17px;display:flex;justify-content:space-between;gap:8px;align-items:center}.lore-faction-links a:hover{border-color:#d0ab77;background:#39232a}
@media(max-width:900px){.lore-hero-inner{gap:28px;grid-template-columns:1fr 38%}.lore-portrait img{height:370px}.lore-eras{grid-template-columns:1fr}.lore-eras article{min-height:0}.lore-two{grid-template-columns:1fr;gap:24px}.lore-faction-links{grid-template-columns:repeat(2,1fr)}.atlas-teaser img{height:240px}}
@media(max-width:600px){.site-header .brand strong{font-size:21px}.hero h1{font-size:55px}.hero p.lede{font-size:17px}.lore-hero-inner{grid-template-columns:1fr;padding:30px 0}.lore-hero h1{font-size:61px}.lore-portrait{max-width:390px;width:100%;margin:auto}.lore-portrait img{height:360px}.lore-section{padding:48px 0}.lore-section h2{font-size:45px}.lore-roster{grid-template-columns:1fr}.lore-faction-links{grid-template-columns:1fr}.lore-eras article{padding:23px 20px}.atlas-teaser img{height:175px}}
@media print{.lore-page .site-header,.lore-page .site-footer,.lore-page .lore-hero-links{display:none!important}.lore-page{color:#111;background:white}.lore-page .lore-hero-inner,.lore-page .lore-two,.lore-eras{display:block}.lore-portrait img{height:150px;width:auto}.lore-section{padding:15px}.lore-eras article,.doctrine-panel{min-height:0;border:1px solid #888;color:#111;background:white;page-break-inside:avoid}.lore-hero h1,.lore-section h2,.doctrine-panel h2{color:#111}}

.lore-page .lore-hero{border-top:4px solid var(--faction-accent)}.lore-page .doctrine-panel{border-left:4px solid var(--faction-accent)}.faction-doctrine-battle{border-left:3px solid #a38a6f;background:linear-gradient(120deg,#36242d,#1c1c23)}


/* 0.4 / Make the army builder readable and explicit about every choice */
.builder-left .panel-body .field label{font-size:18px;font-weight:600;color:#f1dfc6;display:block;margin-bottom:5px}
.builder-left .panel-body select{min-height:46px;font-size:17px}
.city-trait-note{background:#282d32;border:1px solid #938168;border-left:4px solid #b8a171;padding:15px;margin:14px 0}
.city-trait-note h3{font:600 25px/1.2 var(--serif);color:#f1d7a9;margin:8px 0 4px}
.city-trait-note p{font-size:17px;line-height:1.36;margin:7px 0}
.city-trait-note small{font:15px/1.35 var(--body);color:#b9d0ca}
.fighter-overview{padding:15px 18px 16px;background:#231b22;border-bottom:1px solid #725643}
.fighter-stats.stats-prominent{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:0 0 13px}
.stats-prominent .mini-stat{display:flex;min-height:66px;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:9px 3px;font-size:13px;border:1px solid #9b7951;background:#39292d}
.stats-prominent .mini-stat small{font:600 13px/1 var(--serif);color:#dfc3a4;white-space:nowrap}
.stats-prominent .mini-stat b{display:block;font:700 25px/1.12 var(--serif);color:#fff1d7}
.fighter-attack{border:1px solid #936f51;background:#3d2831;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fighter-attack .eyebrow{font-size:12px;display:block;margin-bottom:3px}
.fighter-attack strong{font:600 18px/1.32 var(--body);display:block;color:#f4e1c5}
.attack-cost{font:700 18px var(--serif);color:#e9bf8d;white-space:nowrap}
.fighter-bio{margin:11px 0 0;color:#cfbcab;font:italic 17px/1.4 var(--body)}
.fighter-editor{padding:17px 18px 22px}
.editor-lead{font-size:18px;margin:0 0 15px;color:#ecddc9}
.fighter-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px}
.fighter-editor-grid .field{min-width:0;margin:0}
.fighter-editor-grid label{display:block;color:#f0dec5;font-size:18px;font-weight:700;margin-bottom:6px}
.fighter-editor-grid select{font:17px/1.3 var(--body);padding:9px 8px;width:100%;min-height:47px;border-color:#a98c6f;background:#2c2529;color:#fff0d8;white-space:normal;text-overflow:ellipsis}
.fighter-editor-grid .field>small{display:block;font:16px/1.35 var(--body);color:#d7c3a5;margin-top:6px}
.equipment-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:17px}
.equipment-result>div{padding:11px;background:#382a30;border:1px solid #705742;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}
.equipment-result span{font-size:15px;color:#dac4a6}
.equipment-result b,.equipment-result strong{font:700 19px var(--serif);color:#ffe3b5}
.equipment-result .equipment-total{border-color:#c5a06c;background:#493039}
.comparison-label{font:700 16px var(--serif);color:#ecd2aa;letter-spacing:1px;margin:15px 0 8px}
.loadout-effects{display:flex;gap:7px;flex-wrap:wrap}
.loadout-effects span{display:inline-block;border:1px solid #a37b57;color:#e9d6ba;background:#393037;padding:7px 9px;font:16px var(--body)}
.city-section{background:#201a20;border-top:1px solid #67503a}
.city-intro{font:19px/1.45 var(--body);color:#e1cdb0;max-width:950px}
.origin-atlas{max-width:920px;margin:26px 0;border:1px solid #90714a;background:#201719;padding:8px}
.origin-atlas img{display:block;width:100%;height:auto}
.origin-atlas figcaption{font:italic 15px var(--serif);padding:10px;color:#d7bd92}
.city-headline{font:600 38px var(--serif);color:#efd6b3}
.origin-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 25px}
.origin-city{border:1px solid #866647;border-top:3px solid var(--faction-accent,#a88252);background:#34252b;padding:20px}
.origin-city h3{font:600 34px var(--serif);margin:7px 0;color:#f5d6a8}
.origin-city strong{font:700 19px var(--serif);color:#fff0ca}
.origin-city p{font:17px/1.38 var(--body);color:#d5c3b2}
@media(max-width:1160px){.fighter-stats.stats-prominent{grid-template-columns:repeat(5,minmax(0,1fr))}.equipment-result{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fighter-editor-grid{grid-template-columns:1fr}.fighter-stats.stats-prominent{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-prominent .mini-stat b{font-size:23px}.origin-cities{grid-template-columns:1fr}.city-headline{font-size:32px}}
@media print{.fighter-stats.stats-prominent .mini-stat{border:1px solid #999;background:white}.fighter-overview{background:white}}
/* 0.4.1 correction: former fighter-editor grid must not squash the redesigned controls */
.fighter-editor{display:block!important;grid-template-columns:none!important;gap:0!important}
.fighter-editor .field{margin:0!important}
.fighter-editor .field label{font-size:18px!important;line-height:1.22;letter-spacing:.15px;text-transform:none}
.fighter-editor .field select{height:auto!important;min-height:48px!important;font-size:17px!important;line-height:1.4}
.fighter-label b{font:700 23px/1.2 var(--serif);color:#f2dec1}
.fighter-label span{font:16px/1.2 var(--body);color:#c6b49d}
.fighter-head .cost-chip{font:700 20px/1.1 var(--serif);color:#eccfa8}
.fighter-head .fighter-avatar{width:45px;height:45px;font-size:23px}
.fighter-head .icon-btn{font-size:22px;min-width:38px;min-height:38px}
@media(max-width:650px){.fighter-label b{font-size:20px}.fighter-label span{font-size:14px}.fighter-head .cost-chip{font-size:17px}.fighter-head .fighter-avatar{width:36px;height:36px}.fighter-overview{padding:12px 10px}.fighter-editor{padding:14px 11px 19px}.hero-art{background-image:linear-gradient(90deg,#120e11e8,#120e1180),url('assets/paintings/age-of-ash.jpg')}}

/* Updated credit and province encounter visibility · Nov 2026 */
.creator-credit{font:600 14px var(--serif);color:#d3b991;white-space:nowrap;padding:6px 10px;letter-spacing:.2px}
.encounter-preview{background:#35262d;border:1px solid #76594a;padding:14px;margin-top:10px;font-size:15px;line-height:1.4}
.encounter-preview strong{font:700 18px var(--serif);color:#e9c997}
.encounter-preview p{margin:6px 0 12px;color:#d9cbba;font-size:15px}
.encounter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.encounter-chips span{background:#4e323d;color:#eddbc5;border:1px solid #8b6556;padding:5px 7px;font-size:13px;line-height:1.35}
.encounter-preview small{font-size:14px;color:#e0ccad}
.encounter-preview a{color:#f0c886;text-decoration:underline}
@media(max-width:1000px){.creator-credit{display:none}}

/* Mobile field manual and sitewide layout correction · November 2026 */
/* Grid children must be permitted to shrink even when they contain large rule tables. */
.manual-layout,.manual-layout>div,.manual-index,.manual-panel,
.builder-grid,.builder-main,.builder-left,.battle-grid,.battle-grid>*,
.lore-hero-inner,.lore-hero-inner>*{min-width:0}
.manual-panel .clean-table{max-width:100%;table-layout:auto}
.manual-panel .clean-table th,.manual-panel .clean-table td{overflow-wrap:anywhere}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .container,.hero-inner,.footer-inner{width:calc(100% - 32px)}
 .site-header{padding:10px 16px 0;gap:5px;display:flex;flex-wrap:wrap;}
 .site-header .brand{min-width:0;max-width:100%;gap:9px;padding-bottom:7px}
 .site-header .brand strong{font-size:clamp(17px,5.3vw,22px);letter-spacing:.7px;white-space:normal}
 .site-header .brand small{letter-spacing:2px}
 /* Army Builder remains accessible in the navigation; hide the redundant header CTA on a phone. */
 .site-header .header-actions{display:none}
 .site-header .main-nav{order:3;flex:0 0 100%;height:49px;max-width:100%;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#856650 transparent;-webkit-overflow-scrolling:touch}
 .site-header .main-nav a{flex:0 0 auto;padding:0 13px;font-size:13px;min-height:46px;letter-spacing:.4px;}
 .site-header .main-nav a:first-child{padding-left:0}
 .page-banner{padding:34px 0 38px}
 .page-banner h1{font-size:clamp(35px,10vw,47px);line-height:1.05;overflow-wrap:break-word}
 .page-banner p{font-size:16px;line-height:1.55}
 .section{padding:35px 0 48px}
 .manual-layout{display:block}
 .manual-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:7px;margin-bottom:20px}
 .manual-index h3{grid-column:1/-1;width:auto;margin:0 0 4px;font-size:17px}
 .manual-index button{width:100%;min-width:0;white-space:normal;text-align:left;line-height:1.25;padding:10px 9px;font-size:14px;border:1px solid #725747;min-height:43px}
 .manual-index .rule{display:none}
 .manual-index .tag{grid-column:1/-1;justify-self:start;margin-top:4px}
 .manual-panel{overflow:visible;padding:20px 15px;margin-bottom:14px;scroll-margin-top:115px;}
 .manual-panel h2{font-size:clamp(27px,8vw,34px);line-height:1.12;overflow-wrap:anywhere}
 .manual-panel h3{font-size:23px;line-height:1.15}
 .manual-panel p,.manual-panel li{font-size:16px;line-height:1.55;overflow-wrap:anywhere}
 .manual-panel .note{font-size:15px;line-height:1.5;padding:12px 13px;overflow-wrap:anywhere}
 .manual-panel .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .manual-panel .step{min-width:0;padding:10px 7px;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
 .manual-panel .steps .step:last-child:nth-child(odd){grid-column:1/-1}
 /* The rules are data cards on narrow screens, no hidden horizontal table content. */
 .manual-panel .clean-table.manual-responsive-table{display:block;min-width:0!important;width:100%;border:0;margin:17px 0 25px}
 .manual-panel .manual-responsive-table thead{display:none}
 .manual-panel .manual-responsive-table tbody{display:grid;gap:10px;width:100%;}
 .manual-panel .manual-responsive-table tbody tr{display:block;padding:5px 12px;background:#2c2329;border:1px solid #795d4e;border-radius:3px;min-width:0;}
 .manual-panel .manual-responsive-table td{display:grid;grid-template-columns:minmax(0,37%) minmax(0,1fr);align-items:start;gap:10px;padding:11px 0;border-bottom:1px solid #5c4842;font-size:15px;line-height:1.4;overflow-wrap:anywhere;white-space:normal;min-width:0}
 .manual-panel .manual-responsive-table tr td:last-child{border-bottom:0}
 .manual-panel .manual-responsive-table td::before{content:attr(data-mobile-heading);font:700 14px/1.3 'EB Garamond',Georgia,serif;letter-spacing:.3px;color:#efc891;overflow-wrap:anywhere}
 .manual-panel .manual-responsive-table td a{text-decoration:underline;text-decoration-color:#88705f}
 .manual-panel .download-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .manual-panel .download-row>*{width:100%;white-space:normal;text-align:center}
 .builder-grid{display:block;padding:20px 0 55px}
 .builder-left{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .builder-main{min-width:0}
 .builder-main-top h2{font-size:clamp(25px,7vw,34px);overflow-wrap:anywhere}
 .builder-main-top .toolbar{flex-wrap:wrap}
 .fighter-editor-grid{grid-template-columns:minmax(0,1fr)}
 .fighter-editor-grid select{max-width:100%;min-width:0}
 .fighter-head{flex-wrap:wrap;gap:8px}
 .fighter-label{min-width:0;flex:1 1 145px;overflow-wrap:anywhere}
 .fighter-stats.stats-prominent{grid-template-columns:repeat(3,minmax(0,1fr))}
 .stats-prominent .mini-stat{min-width:0}
 .equipment-result{grid-template-columns:repeat(2,minmax(0,1fr))}
 .battle-grid{display:block;margin:22px 0 48px}
 .battle-fighter{gap:6px}
 .battle-hp{max-width:100%}
 .lore-hero-inner,.lore-two{grid-template-columns:minmax(0,1fr)}
 .lore-hero h1{font-size:clamp(43px,12vw,60px);overflow-wrap:anywhere}
 .lore-section h2{font-size:clamp(34px,10vw,45px)}
 .lore-eras article{padding:20px 15px}
 .lore-eras h3{font-size:30px}
 .lore-faction-links{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:340px){
 .manual-index{grid-template-columns:minmax(0,1fr)}
 .manual-index button{min-height:40px}
 .manual-panel .manual-responsive-table td{grid-template-columns:minmax(0,35%) minmax(0,1fr);gap:8px;font-size:14px}
 .manual-panel .manual-responsive-table td::before{font-size:13px}
 .fighter-stats.stats-prominent{grid-template-columns:repeat(2,minmax(0,1fr))}
 .equipment-result{grid-template-columns:minmax(0,1fr)}
}

/* Keep the eligibility-specific Overcharge fighter picker hidden until selected. */
.field[hidden] { display: none !important; }

/* Crib sheet: standalone, phone-first guide for tabletop players */
.crib-page{--crib-border:#79614d}
.crib-hero{background:linear-gradient(95deg,#171218 28%,#37232d 100%);border-bottom:1px solid #89694d;padding:76px 0 68px}
.crib-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 212px;gap:50px;align-items:center}
.crib-hero h1{font:600 clamp(57px,6.5vw,94px)/1 var(--serif);margin:7px 0 22px;color:#eddbbe;letter-spacing:-1px}
.crib-deck{font:25px/1.3 var(--serif);max-width:740px;color:#f0dac0;margin:0 0 17px}
.crib-caveat{max-width:720px;color:#d6c2b3;font-size:16px;line-height:1.5}
.crib-caveat strong{color:#f7e5c4}
.crib-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.crib-icon{width:205px;height:205px;border:2px solid #8b6549;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font:600 66px var(--serif);color:#efcc9b;box-shadow:inset 0 0 0 11px #291b22,inset 0 0 0 12px #805a46}
.crib-icon span{transform:translateY(-14px)}.crib-icon-line{width:2px;height:70px;background:#ab7854;transform:rotate(20deg);margin:0 12px}
.crib-icon small{position:absolute;bottom:43px;font:600 10px var(--serif);letter-spacing:2px;color:#d9b98a}
.crib-focus{background:#f0dfc2;color:#312523;border-bottom:4px solid #87674e;padding:36px 0}
.crib-focus-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,34%);gap:38px;align-items:start}
.crib-focus .eyebrow{color:#82353e}.crib-focus h2{font:600 clamp(38px,4vw,60px)/1.06 var(--serif);margin:0 0 15px}
.crib-focus h2 em{color:#82353e}.crib-focus p{font:19px/1.45 var(--body);margin:0 0 17px}
.crib-example{padding:14px 17px;border-left:4px solid #8d3b43;background:#e4ceb1;display:grid;gap:3px;font-size:16px;line-height:1.42}
.crib-example b{font:700 18px var(--serif)}
.crib-comparison{padding:20px;background:#2b2026;color:#efdbc0;border:1px solid #9e7956}
.crib-comparison p{margin:0 0 13px;font:700 15px var(--serif);letter-spacing:1.5px;color:#ddb78d}
.crib-comparison div{display:flex;gap:11px;align-items:center;border-top:1px solid #59433b;padding:10px 0;font-size:15px;line-height:1.35}
.crib-comparison div b{display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border:1px solid #b48d6b;color:#f2d8ab;font:700 17px var(--serif)}
.crib-section{padding:63px 0 70px}.crib-section-dark{background:#19151a;border-top:1px solid #5d4a3e}
.crib-section-heading{margin-bottom:22px;max-width:820px}
.crib-section-heading h2{font:600 clamp(38px,4.2vw,57px)/1.1 var(--serif);color:#eddbbf;margin:0 0 10px}
.crib-section-heading p:not(.eyebrow){font-size:18px;line-height:1.45;color:#c9b5a0;margin:0}
.crib-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.crib-entry{background:#2a2026;border:1px solid #715846;border-left:3px solid #a77e58;padding:16px 18px 17px;min-width:0}
.crib-entry-title{display:flex;align-items:center;gap:9px;margin:0 0 8px}.crib-entry-mark{color:#ddb88b;flex:0 0 auto}
.crib-entry h3{margin:0;font:600 25px/1.12 var(--serif);color:#f3debf;overflow-wrap:anywhere}
.crib-eq{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 9px;border-top:1px solid #59483f;padding-top:9px;margin-bottom:8px}
.crib-eq span{font:600 13px var(--body);color:#c3b2a4}.crib-eq strong{font:600 18px var(--serif);color:#f0c48f}
.crib-entry p{font:16px/1.43 var(--body);margin:0;color:#d7c7b5;overflow-wrap:anywhere}
.crib-closing{background:#39232d;border-top:1px solid #8b644f;padding:35px 0 45px}
.crib-closing h2{font:600 clamp(32px,3.7vw,52px)/1.05 var(--serif);margin:4px 0 12px;color:#f1d7af}
.crib-closing p:not(.eyebrow){max-width:850px;font-size:17px;line-height:1.5}
.crib-manual-link{font-size:17px!important;background:#392630;border-left:3px solid #ca9d65;padding:13px 15px;margin:13px 0 24px;line-height:1.42!important;color:#f0d9b8!important}
.crib-manual-link a{color:#ffe1a1;text-decoration:underline;text-underline-offset:3px;font-weight:700}
@media(max-width:950px){.crib-hero-inner{grid-template-columns:minmax(0,1fr)}.crib-icon{display:none}}
@media(max-width:750px){.crib-hero{padding:45px 0 43px}.crib-hero h1{font-size:57px}.crib-deck{font-size:22px}.crib-focus{padding:28px 0}.crib-focus-inner{display:block}.crib-comparison{margin-top:24px}.crib-section{padding:41px 0 46px}.crib-section-heading h2{font-size:39px}.crib-grid{grid-template-columns:minmax(0,1fr)}.crib-entry{padding:15px 15px 17px}.crib-entry h3{font-size:23px}.crib-entry p{font-size:16px}.crib-actions>*{width:auto;max-width:100%;white-space:normal}}
@media print{.crib-page{background:white;color:#171717}.crib-page .site-header,.crib-page .site-footer,.crib-page .crib-actions,.crib-page .grain{display:none!important}.crib-page .crib-hero,.crib-page .crib-focus,.crib-page .crib-section,.crib-page .crib-closing{background:white;color:#111;border:0;padding:9px 0}.crib-page .container{width:100%;margin:0}.crib-page .crib-hero h1,.crib-page h2,.crib-page .crib-deck,.crib-page .crib-focus h2,.crib-page .crib-section-heading h2,.crib-page .crib-closing h2{color:#161616}.crib-page .crib-icon{display:none}.crib-page .crib-focus-inner{display:block}.crib-page .crib-comparison{display:none}.crib-page .crib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.crib-page .crib-entry{break-inside:avoid;background:white;color:#222;border:1px solid #bbb;padding:8px}.crib-page .crib-entry h3,.crib-page .crib-entry p,.crib-page .crib-eq strong{color:#111}.crib-page .crib-entry p{font-size:11px}.crib-page .crib-section-heading{margin:5px 0}.crib-page .crib-caveat{color:#333}.crib-page .crib-section-heading p:not(.eyebrow){color:#333}.crib-page .crib-example{background:#eee}}
/* Keep the expanded six-item navigation readable at laptop and tablet widths. */
@media (min-width:961px) and (max-width:1430px){
 .site-header{gap:16px;padding-left:clamp(18px,2.5vw,36px);padding-right:clamp(18px,2.5vw,36px)}
 .site-header .main-nav{gap:clamp(9px,1.25vw,17px)}
 .site-header .main-nav a{font-size:13px;letter-spacing:.45px}
 .site-header .header-actions{display:none}
}
@media (min-width:701px) and (max-width:960px){
 .site-header{height:auto;min-height:110px;padding:8px 18px 0;display:flex;flex-wrap:wrap;gap:0}
 .site-header .brand{flex:0 0 100%;min-width:0;padding-bottom:7px}
 .site-header .main-nav{order:3;flex:0 0 100%;width:100%;min-width:0;max-width:100%;height:45px;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .site-header .main-nav a{font-size:13px;letter-spacing:.5px;flex-shrink:0}
 .site-header .header-actions{display:none}
}


/* ArmyTag community link and explicit data export help. */
.footer-collaboration{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:16px 0 22px;border-top:1px solid #5a463f;display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#e4d0ae;font:16px/1.5 var(--serif)}
.footer-collaboration-label{font:700 11px/1.2 var(--body);letter-spacing:1.2px;color:#a99476;text-transform:uppercase}
.footer-collaboration a{color:#e4bc7e;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.footer-collaboration a:hover,.footer-collaboration a:focus-visible{color:#fff0cf}
.export-helper{font-size:14px;line-height:1.45;color:#d4bea8;margin:11px 0 14px}
@media(max-width:600px){.footer-collaboration{width:calc(100% - 32px);padding:16px 0 22px;display:block}.footer-collaboration-label{display:block;margin-bottom:5px}.export-helper{font-size:14px}}


/* The Fallen Reliquary — illustrated battle report */
.battle-report-page{background:#100e10;color:#ede1ce;font-family:'EB Garamond',Georgia,serif;font-size:20px;line-height:1.55}
.battle-report-page .site-header,.battle-report-page .site-footer{font-family:var(--body);font-size:14px}
.battle-report-page .container{max-width:1180px}
.br-hero{padding:30px 0 0;background:radial-gradient(circle at 25% 15%,#392020 0,transparent 34%),radial-gradient(circle at 80% 19%,#2a1c32 0,transparent 37%),#100d11}
.br-breadcrumb{font:600 12px var(--body);text-transform:uppercase;letter-spacing:1.6px;color:#c4ae93;display:flex;gap:8px;align-items:center;margin-bottom:22px}
.br-breadcrumb a{color:#e5c38d}.br-topline,.br-smallcaps{font:700 12px/1.5 var(--body);color:#d5ad78;letter-spacing:1.7px;text-transform:uppercase}
.br-topline{text-align:center;margin:0 0 15px}.br-cover{border:1px solid #8a663e;padding:5px;background:#211615;box-shadow:0 16px 42px #0008;margin:0}
.br-cover img{display:block;width:100%;height:auto}
.br-faceoff{display:grid;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);gap:12px;align-items:center;padding:16px 6px 23px;text-align:center;border-bottom:1px solid #6f4c37}
.br-faceoff>div{display:flex;flex-direction:column;gap:0}.br-faceoff>div:first-child{text-align:left}.br-faceoff>div:last-child{text-align:right}.br-faceoff span:not(.br-vs){font:700 11px var(--body);letter-spacing:1.6px;color:#b7a28c}.br-faceoff strong{font:500 clamp(23px,3vw,37px)/1.1 'Cormorant Garamond',Georgia,serif}.br-faceoff .br-vs{font:400 50px/.9 'Cormorant Garamond',serif;color:#d8ae63}
.br-intro{padding:65px 0 70px;background:#f0e4cc;color:#2b211d;background-image:radial-gradient(circle at 30% 20%,#fff9df99,transparent 55%),repeating-linear-gradient(0deg,transparent 0,transparent 5px,#9b806209 6px)}
.br-intro-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,0.9fr);gap:clamp(25px,5vw,85px);align-items:start}
.br-intro h1{font:500 clamp(47px,5vw,76px)/.96 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:8px 0 22px;color:#2c1a1a}
.br-intro .eyebrow{color:#7b4231}.br-intro p{font-size:20px;line-height:1.55}.br-intro .br-lede{font-size:24px;line-height:1.39}.br-intro-buttons,.br-outcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.br-intro .btn{background:#632b2c;color:#fff5e3;border-color:#632b2c}.br-intro .btn-outline{background:transparent;color:#492b25;border-color:#9e8876}
.br-mission{padding:26px 26px 25px;border:1px solid #a28a70;background:#e8d9bd;box-shadow:8px 9px 0 #bb9d745c}
.br-mission h2{font:500 37px/1 'Cormorant Garamond',serif;margin:11px 0 18px}.br-mission dl{margin:0}.br-mission dl div{display:grid;grid-template-columns:43% 57%;gap:5px;border-top:1px solid #b49c7f;padding:9px 0;font-size:17px}.br-mission dt{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.br-mission dd{margin:0;text-align:right}.br-mission .br-mission-note{font-size:15px;border-top:1px solid #b49c7f;margin:16px 0 0;padding-top:12px}
.br-round-navigation{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:21px 0;border-bottom:1px solid #4b3a31}.br-round-navigation>span{font:700 11px var(--body);letter-spacing:1.5px;color:#c9a778;margin-right:10px}.br-round-navigation a{font:600 13px var(--body);border:1px solid #6d4b3c;padding:8px 12px;color:#e6d1b6}.br-round-navigation a:hover{background:#512b27}
.br-story{background:linear-gradient(90deg,#0d1115,#1c171a 50%,#0f1118);padding:23px 0 65px}.br-timeline{position:relative}.br-timeline-line{position:absolute;top:32px;bottom:30px;left:37px;border-left:1px solid #7f6049}
.br-round{display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;padding:45px 0 49px;border-bottom:1px solid #614636;scroll-margin-top:130px}
.br-round-rail{position:relative;z-index:1;text-align:center}.br-round-num{display:flex;align-items:center;justify-content:center;width:74px;height:74px;background:#271b1a;border:1px solid #ae8c53;color:#f1d7a5;font:500 44px 'Cormorant Garamond',serif;box-shadow:0 0 0 6px #101115}.br-round-label{font:700 9px/1.5 var(--body);letter-spacing:1.1px;color:#ac947a;margin-top:17px}
.br-round-body{min-width:0}.br-chapter-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.br-chapter-head .br-smallcaps{margin:0 0 8px}.br-chapter-head h2{font:500 clamp(38px,4vw,57px)/1 'Cormorant Garamond',serif;margin:0;color:#f3dfbd}
.br-score-badge{min-width:125px;border:1px solid #68513c;padding:10px;text-align:center;background:#2a201e;flex-shrink:0;display:grid}.br-score-badge span,.br-score-badge small{font:700 9px/1.3 var(--body);letter-spacing:.8px;color:#c5a786}.br-score-badge strong{font:500 35px/1 'Cormorant Garamond',serif;color:#f0e0c7}.br-score-badge strong i{color:#a48663;font-style:normal}
.br-prose{max-width:900px}.br-prose p{margin:0 0 18px;color:#e1d0ba;font-size:21px;line-height:1.57}.br-prose p strong{color:#f1d4a6;font-weight:600}.br-prose p em{color:#e9c78e;font-style:italic}
.br-dice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:25px 0 28px}.br-dice>div{background:#e8dbc1;border-top:3px solid #976f43;padding:15px 10px;text-align:center;color:#2a201b;min-width:0}.br-dice span{display:block;font:700 10px/1.3 var(--body);letter-spacing:.45px}.br-dice strong{display:block;font:500 50px/1 'Cormorant Garamond',serif;color:#672b2a;padding:7px 0}.br-dice small{display:block;font:500 13px/1.35 var(--body)}.br-dice-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.br-event{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,2.2fr);gap:18px;align-items:center;border:1px solid #868359;background:linear-gradient(105deg,#26312d,#191d20);padding:21px;margin:28px 0}.br-event>span{font:700 11px var(--body);letter-spacing:1px;color:#9bd1a6}.br-event>b{font:500 68px/1 'Cormorant Garamond',serif;color:#abd5a5}.br-event>div strong{font:600 29px/1 'Cormorant Garamond',serif;color:#d4e9c1}.br-event p{font-size:16px;margin:7px 0 0}.br-event-gold{border-color:#be9250;background:linear-gradient(105deg,#453124,#271d19)}.br-event-gold>span,.br-event-gold>b,.br-event-gold>div strong{color:#f4c681}
.br-vignette{margin:23px 0 10px;padding:6px;border:1px solid #8a663e;background:#261918}.br-vignette img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover}.br-vignette figcaption{font:600 11px/1.3 var(--body);color:#caaa85;text-align:right;padding:9px 5px 3px;text-transform:uppercase;letter-spacing:1px}
.br-rolls{border-left:3px solid #bda16c;background:#29201f;padding:16px 20px;margin:22px 0;display:grid;gap:9px}.br-rolls>span{font:600 12px var(--body);letter-spacing:.6px;color:#d1b493}.br-rolls>strong{font:600 20px 'EB Garamond',serif}.br-pips{display:flex;flex-wrap:wrap;gap:8px}.br-pips b{display:grid;place-items:center;width:42px;height:42px;background:#634138;border:1px solid #997467;color:#ffebe0;font:700 22px 'EB Garamond',serif}.br-pips b.pass{background:#315544;border-color:#78a67e}
.br-lesson{margin-top:25px;border-top:1px solid #5f4a3c;padding:15px 0 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.br-lesson>div{display:grid;gap:4px}.br-lesson span{font:700 10px var(--body);letter-spacing:1.2px;color:#ae9d84}.br-lesson strong{font:600 17px 'EB Garamond',serif;color:#e5bd87}.br-lesson a{font:600 12px var(--body);white-space:nowrap;color:#e4c58f;text-decoration:underline;text-underline-offset:4px}
.br-outcome{padding:83px 0 90px;background:radial-gradient(circle at center,#392323,#130d10 72%);text-align:center;scroll-margin-top:120px}.br-outcome h2{font:500 clamp(45px,7vw,77px)/1 'Cormorant Garamond',serif;color:#f1d5aa;margin:0 0 28px}.br-final-score{max-width:550px;margin:0 auto 26px;display:grid;grid-template-columns:1fr 40px 1fr;gap:12px;align-items:center}.br-final-score>div{border:1px solid #956744;padding:20px 10px;background:#281b1a}.br-final-score>div span{font:700 10px var(--body);letter-spacing:1px;color:#d5b18a;display:block;min-height:27px}.br-final-score>div strong{font:500 70px/1 'Cormorant Garamond',serif}.br-score-div{font:500 30px 'Cormorant Garamond',serif;color:#d9ba90}.br-outcome-copy{max-width:790px;margin:auto}.br-outcome-copy p{font-size:22px;color:#e2d0bb}.br-outcome-actions{justify-content:center}.br-disclaimer{max-width:800px;margin:30px auto 0;font-size:15px;color:#bba894;font-family:var(--body)}
.br-home-promo{border-block:1px solid #4a3330;background:linear-gradient(130deg,#271718,#14151a)}.br-home-promo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.br-home-promo-image{display:block;border:1px solid #92744d;padding:4px;background:#241b1b}.br-home-promo-image img{display:block;width:100%;height:310px;object-fit:cover}.br-home-promo h2{font:400 clamp(37px,4vw,56px)/1 var(--serif);margin:8px 0 14px}.br-home-promo p:not(.eyebrow){font-size:17px;color:#d2c4b5;line-height:1.7;max-width:530px}.br-home-promo .btn{margin-top:17px}
@media(max-width:950px){.br-intro-grid{grid-template-columns:1fr}.br-home-promo-grid{gap:25px}}
@media(max-width:700px){.battle-report-page{font-size:17px}.battle-report-page .container{width:calc(100% - 32px)}.br-hero{padding-top:20px}.br-topline{font-size:9px;letter-spacing:.7px}.br-faceoff{grid-template-columns:1fr 35px 1fr;gap:5px;padding:11px 0 17px}.br-faceoff strong{font-size:19px}.br-faceoff .br-vs{font-size:34px}.br-faceoff span:not(.br-vs){font-size:8px;letter-spacing:.5px}.br-intro{padding:38px 0 42px}.br-intro h1{font-size:51px}.br-intro p{font-size:19px}.br-intro .br-lede{font-size:22px}.br-mission{padding:20px}.br-mission dl div{font-size:16px}.br-round-navigation{justify-content:flex-start;gap:6px}.br-round-navigation>span{width:100%;margin-bottom:4px}.br-round-navigation a{padding:8px 10px;font-size:12px}.br-story{padding-top:5px}.br-timeline-line{left:20px}.br-round{grid-template-columns:41px minmax(0,1fr);gap:10px;padding:38px 0}.br-round-num{width:40px;height:40px;font-size:27px;box-shadow:0 0 0 3px #101115}.br-round-label{font-size:7px}.br-chapter-head{display:block;margin-bottom:17px}.br-chapter-head h2{font-size:clamp(33px,10vw,47px)}.br-score-badge{min-width:0;display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:8px}.br-score-badge span,.br-score-badge small{font-size:8px}.br-score-badge strong{font-size:25px}.br-prose p{font-size:18px}.br-dice{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.br-dice>div{padding:11px 7px}.br-dice strong{font-size:40px}.br-dice span{font-size:9px}.br-dice small{font-size:11px}.br-dice-three{grid-template-columns:repeat(2,minmax(0,1fr))}.br-event{grid-template-columns:auto 1fr;gap:9px;padding:13px}.br-event>span{grid-column:1/-1}.br-event>b{font-size:56px}.br-event>div strong{font-size:25px}.br-event p{font-size:15px}.br-rolls{padding:12px}.br-pips{gap:4px}.br-pips b{width:30px;height:33px;font-size:19px}.br-lesson{display:block}.br-lesson a{display:inline-block;margin-top:8px}.br-vignette figcaption{font-size:9px}.br-outcome{padding:55px 0}.br-final-score{grid-template-columns:1fr 15px 1fr;gap:5px}.br-final-score>div{padding:15px 5px}.br-final-score>div span{font-size:8px}.br-final-score>div strong{font-size:57px}.br-outcome-copy p{font-size:19px}.br-home-promo-grid{grid-template-columns:1fr}.br-home-promo-image img{height:235px}}
@media(max-width:340px){.br-dice{grid-template-columns:1fr}.br-faceoff strong{font-size:17px}}
@media print{.battle-report-page{background:white;color:#111}.battle-report-page .site-header,.battle-report-page .site-footer,.battle-report-page .grain,.battle-report-page .br-round-navigation,.br-home-promo{display:none!important}.br-hero,.br-intro,.br-story,.br-outcome{background:white!important;color:#111!important;padding:10px 0!important}.br-cover img{max-height:220px;object-fit:contain}.br-round{break-inside:avoid;page-break-inside:avoid;padding:17px 0}.br-timeline-line{display:none}.br-chapter-head h2,.br-intro h1,.br-prose p,.br-outcome-copy p,.br-lesson strong{color:#111!important}.br-mission,.br-dice>div,.br-event,.br-rolls{background:#f2eee7!important;color:#111!important}.br-prose p{font-size:14px}.br-vignette img{max-height:230px}}


/* Battle report II and the illustrated field records index */
.battle-report-two .br-hero{background:radial-gradient(circle at 22% 21%,#273c2d,transparent 36%),radial-gradient(circle at 85% 27%,#493123,transparent 39%),#110e11}
.battle-report-two .br-intro{background-color:#ede1cc}
.battle-report-two .br-round-num{border-color:#9b9d6d}
.battle-report-two .br-event{border-color:#588874}
.br2-next{padding:42px 0;background:#271b1a;border-top:1px solid #775740}
.br2-next-inner{display:flex;gap:25px;align-items:center;justify-content:space-between}
.br2-next h2{font:500 clamp(29px,4vw,44px)/1.1 'Cormorant Garamond',Georgia,serif;color:#ecd7b4;margin:5px 0}
.br2-next p:not(.eyebrow){color:#cdbda8;max-width:710px;margin:0;font-size:16px;line-height:1.55}
.br2-next .btn{white-space:nowrap}
.br2-hub-hero{padding:90px 0 80px;background:linear-gradient(100deg,#141519,#251a18)}
.br2-hub-hero h1{font:500 clamp(64px,8vw,112px)/.94 'Cormorant Garamond',Georgia,serif;color:#ead6b6;margin:12px 0}
.br2-hub-hero p:not(.eyebrow){font-size:22px;max-width:850px;color:#d6c3ab;line-height:1.55}
.br2-hub-list{background:#e7d8bd;color:#302520;padding:65px 0}
.br2-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.br2-report-tile{display:block;min-width:0;text-decoration:none!important;color:#31241c;background:#f0e6d3;border:1px solid #9d805e;box-shadow:0 12px 27px #34231b30}
.br2-report-tile:hover{box-shadow:0 18px 28px #34231b55;transform:translateY(-2px)}
.br2-report-tile img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}
.br2-report-tile>div{padding:25px}
.br2-report-tile span{display:block;font:700 11px var(--body);letter-spacing:1px;color:#7c5f40}
.br2-report-tile h2{font:500 clamp(32px,4vw,50px)/1.1 'Cormorant Garamond',Georgia,serif;margin:7px 0;color:#4c2422}
.br2-report-tile p{font-size:18px;line-height:1.45;margin:0 0 20px;color:#584b3e}
.br2-report-tile strong{font:600 15px var(--body);color:#753b2e}
.br2-hub-foot{padding-top:30px;text-align:center;color:#463931;font-size:17px}
.br2-hub-foot a{color:#74352a;text-decoration:underline}
@media(max-width:750px){.br2-hub-hero{padding:56px 0}.br2-hub-hero p:not(.eyebrow){font-size:19px}.br2-hub-grid{grid-template-columns:1fr}.br2-hub-list{padding:35px 0}.br2-report-tile>div{padding:19px}.br2-next-inner{display:block}.br2-next .btn{margin-top:19px;white-space:normal}.battle-report-two .br-cover img{width:100%}}
@media print{.br2-next,.br2-hub{display:none!important}}

/* Cryptid bestiary and first-move encounter console */
.best-index-link{display:block;margin-top:12px;padding:10px 12px;border:1px solid #79634e;color:#f1d6ad;text-decoration:none;font-family:var(--display);font-size:16px}
.best-index-link:hover,.best-index-link:focus-visible{background:#402c2d;color:#fff}
.cryptid-stat-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:15px 0}
.cryptid-stat-ribbon>div{padding:9px 5px;background:#231c20;border:1px solid #5a4540;text-align:center;min-width:0}
.cryptid-stat-ribbon span{display:block;font-size:11px;letter-spacing:1px;color:#c9bba2}
.cryptid-stat-ribbon strong{font:700 24px/1.1 var(--display);color:#f2d7a5;overflow-wrap:anywhere}
.cryptid-action-note{font-size:14px;line-height:1.55}
.cryptid-buttons{flex-wrap:wrap;gap:8px}
.cryptid-buttons .btn{white-space:normal;max-width:100%}
.bestiary-page{background:#141016;color:#eadfc9}
.beast-hero{padding:72px 0 64px;min-height:350px;background:linear-gradient(90deg,#130f15 3%,#171118e8 43%,#16141ba0),url('assets/battles/drowned-causeway-map.jpg') center/cover;border-bottom:1px solid #675340}
.beast-hero h1{font:normal clamp(50px,7vw,89px)/1.08 var(--display);color:#f5ddb4;margin:14px 0}
.beast-hero .lede{max-width:720px;font:21px/1.45 var(--body);color:#dfcfbd}
.beast-section{padding:55px 0 65px}
.beast-section-dark{background:#1a1519}
.beast-title{font:normal 45px/1.06 var(--display);margin:0 0 16px;color:#f2ddba}
.beast-intro{max-width:780px;line-height:1.52;font-size:19px;color:#d7c9ba}
.beast-procedure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0}
.beast-step{padding:22px;border:1px solid #756048;background:linear-gradient(#292126,#20191d);min-width:0}
.beast-step .step-no{font:normal 41px var(--display);color:#b99661}
.beast-step h3{margin:8px 0;font:normal 25px var(--display);color:#f3ddbb}
.beast-step p{font-size:16px;line-height:1.5;color:#e2d3c3;margin:0}
.beast-example{background:#33242c;border-left:3px solid #c3a269;padding:22px;margin-top:18px;line-height:1.5;font-size:18px}
.beast-toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:24px 0}
.beast-toolbar label{font-size:15px;color:#e5cfaa;display:block;margin-bottom:7px}
.beast-toolbar select{padding:10px;max-width:100%;width:min(420px,100%);background:#292126;color:#f4e7ce;border:1px solid #866a55;font:18px var(--body)}
.beast-toolbar .btn{max-width:100%}
.beast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.beast-card{min-width:0;padding:25px;background:#281f23;border:1px solid #806751;position:relative;overflow:hidden}
.beast-card:before{content:'✧';position:absolute;right:16px;top:9px;font:normal 46px var(--display);opacity:.14}
.beast-card h3{font:normal 33px/1.14 var(--display);color:#f5ddae;margin:5px 0 8px}
.beast-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:#d3b99d}
.beast-tags span{border:1px solid #665047;padding:4px 8px}
.beast-card>p{font:17px/1.5 var(--body);color:#e8d9c7;max-width:670px}
.beast-profile{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin:20px 0}
.beast-profile>div{text-align:center;border:1px solid #695449;background:#1b1519;padding:9px 2px;min-width:0}
.beast-profile span{display:block;color:#cbb6a1;font:11px var(--body);letter-spacing:.6px}
.beast-profile strong{display:block;color:#f6e2b9;font:700 clamp(17px,1.9vw,25px) var(--display);margin-top:4px}
.beast-card .instinct{padding-top:13px;border-top:1px solid #5b4641;color:#dcc5b5;font-size:15px;line-height:1.45}
.beast-province-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.beast-province{background:#292126;border:1px solid #665040;padding:20px}
.beast-province h3{font:normal 26px var(--display);color:#f1d7a9;margin:0 0 9px}
.beast-province p{font:15px/1.44 var(--body);color:#d9c7b8;margin-bottom:7px}
.beast-province ul{margin:9px 0 0;padding-left:18px;line-height:1.8}
.beast-province a{color:#f0d2a4}
.beast-footer-cta{margin:30px 0 0;display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:980px){.beast-grid{grid-template-columns:1fr}.beast-province-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beast-procedure{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.beast-hero{padding:52px 0 46px;min-height:0}.beast-hero h1{font-size:clamp(45px,12vw,67px)}.beast-section{padding:38px 0}.beast-title{font-size:36px}.beast-procedure,.beast-grid,.beast-province-grid{grid-template-columns:minmax(0,1fr)}.beast-step,.beast-card{padding:18px}.beast-profile{grid-template-columns:repeat(5,minmax(0,1fr))}.beast-profile strong{font-size:22px}.beast-toolbar{align-items:stretch}.beast-toolbar>div{width:100%}.beast-toolbar select{width:100%}.beast-example{padding:16px;font-size:16px}.cryptid-stat-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.bestiary-page .site-header,.bestiary-page .site-footer,.bestiary-page .grain,.bestiary-page .beast-toolbar,.bestiary-page .beast-footer-cta{display:none!important}.bestiary-page,.beast-section,.beast-section-dark{background:white!important;color:#111!important}.beast-hero{min-height:0;padding:10px 0;background:white!important;color:#111!important}.beast-hero h1,.beast-title,.beast-card h3{color:#111!important}.beast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.beast-card,.beast-province,.beast-step{break-inside:avoid;background:white!important;border-color:#999!important;color:#111!important}.beast-card>p,.beast-step p,.beast-card .instinct,.beast-province p,.beast-province h3{color:#111!important}.beast-profile>div{background:#eee!important;color:#111!important}.beast-profile span,.beast-profile strong{color:#111!important}}

/* User-journey improvements — book-like reading and sober interactive tools */
.ux-portal{padding:48px 0 62px;background:#151b1b;border-bottom:1px solid #66533a}.ux-portal h2,.ux-guide-head h2,.ux-section-title{font:400 clamp(33px,4vw,49px)/1.15 var(--serif);margin:0 0 17px}.ux-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ux-portal-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:11px;padding:25px;border:1px solid #755943;background:linear-gradient(135deg,#302321,#1a2221);transition:background .15s,border-color .15s}.ux-portal-card:hover{background:#353029;border-color:#d6ad75}.ux-portal-card strong{font:500 27px/1.12 var(--serif);color:#f3dfbb}.ux-portal-card span:not(.ux-portal-icon){font-size:15px;color:#c3b9aa;line-height:1.5}.ux-portal-card em{font-style:normal;margin-top:auto;color:#e1b779;font:700 12px var(--display);letter-spacing:.7px}.ux-portal-icon{font:35px var(--serif);color:#c59b62}.ux-portal-returning{color:#bdb4a3;margin:19px 0 0}.ux-portal-returning a,.ux-guide-cards a,.ux-links a,.ux-footer-resources a{color:#efd0a4;text-decoration:underline;text-underline-offset:4px}
.ux-compare{border:1px solid #685846;padding:24px;margin:0 0 26px;background:#1b201f}.ux-compare-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.ux-compare h2{font:400 37px var(--serif);margin:0 0 5px}.ux-compare p:not(.eyebrow){color:#c4bbac;margin:4px 0 18px;max-width:720px}.ux-compare-scroller{overflow-x:auto;overscroll-behavior-x:contain}.ux-compare-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.ux-compare-table th,.ux-compare-table td{padding:13px 10px;border-bottom:1px solid #483f39;text-align:left}.ux-compare-table thead th{font:700 11px var(--display);text-transform:uppercase;letter-spacing:.6px;color:#d3a878}.ux-compare-table tbody th{font-weight:600;white-space:nowrap}.ux-meter{color:#e4b16e;letter-spacing:2px;white-space:nowrap}.ux-meter span{color:#6d6053}.ux-compare-table td:last-child{color:#bfb6a7}
.manual-lookup{padding:23px;border:1px solid #756044;background:#272322;margin-bottom:20px}.manual-lookup label{display:block;font:700 13px var(--display);letter-spacing:1px;text-transform:uppercase;color:#e5c899;margin-bottom:9px}.manual-lookup input{width:100%;padding:14px 13px;background:#f2e6d0;color:#231c19;border:1px solid #c99c68;font-size:16px}.manual-lookup p{color:#d9cbb8;margin:10px 0 0;font-size:14px}.manual-panel[hidden]{display:none!important}.ux-builder-help{border:1px solid #765c41;background:#241f1b;color:#d8cdbd;line-height:1.65;padding:16px 20px;margin-bottom:18px;font-size:15px}.ux-builder-help strong{color:#f3d9ab}.ux-builder-help a{color:#eed3a3;text-decoration:underline;text-underline-offset:3px}
.ux-static-hero{background:linear-gradient(90deg,#141112ed,#17151abe),url('assets/paintings/age-of-ash.jpg') center 32%/cover;border-bottom:1px solid #75563d}.ux-static-hero-inner{padding:72px 0 80px}.ux-static-hero h1{font-size:clamp(54px,7vw,95px);margin:10px 0 19px}.ux-static-hero p:not(.eyebrow){font:21px/1.52 var(--serif);max-width:790px;color:#ead6c1}.ux-static-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.ux-guide-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.ux-guide-head p{max-width:700px;color:#d5c8b6}.ux-small-stamp{color:#e2bd8b;border:1px solid #766046;white-space:nowrap;padding:12px}.ux-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}.ux-checklist label{display:flex;align-items:flex-start;gap:12px;border:1px solid #5a483d;padding:16px 19px;color:#e4d0bd;background:#2b2321;line-height:1.45;cursor:pointer}.ux-checklist input{accent-color:#bca070;flex:none;width:20px;height:20px;margin-top:2px}.ux-checklist label:has(input:checked){border-color:#728569;background:#202921}.ux-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ux-guide-cards article{border:1px solid #55493c;padding:24px;background:#241e1e}.ux-guide-cards article>span{color:#bb9f73;font:40px var(--serif)}.ux-guide-cards h3{font:400 28px var(--serif);margin:8px 0}.ux-guide-cards p{color:#c7bdb0;min-height:80px}.ux-first-battle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:33px}.ux-first-battle img{width:100%;max-height:370px;object-fit:cover;border:1px solid #705642}.ux-first-battle h2{font:400 48px var(--serif)}.ux-first-battle p:not(.eyebrow){font-size:18px;line-height:1.6;color:#ccbfaf}.ux-page-lede{max-width:840px;font-size:18px;line-height:1.6;color:#d1c4b4}.ux-links{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:23px}.ux-footer-resources{display:flex;flex-wrap:wrap;gap:9px 16px;max-width:430px;align-content:center;font-size:12px}.site-footer .footer-inner{flex-wrap:wrap}
.ux-campaign-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:30px;align-items:start}.ux-campaign-control{border:1px solid #756044;padding:21px;background:#251d1d}.ux-camp-current{color:#dbc8b5;padding:14px;background:#14191a;border:1px solid #534638;line-height:1.45}.ux-camp-hint{color:#c6b7a4;font-size:13px;line-height:1.4}.ux-campaign-actions{display:flex;flex-wrap:wrap;gap:8px}.ux-campaign-missions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ux-camp-mission{padding:19px;background:#231d1e;border:1px solid #624b3c}.ux-camp-mission h3{font:400 29px var(--serif);margin:0 0 13px}.ux-camp-mission .field textarea{height:auto;min-height:72px}.ux-camp-tie{background:#302724;border-left:3px solid #c9a06e;padding:20px;color:#dfcdb9;margin-top:20px}.ux-camp-fighters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:27px}.ux-camp-fighter{background:#292324;border:1px solid #6a5749;padding:20px;min-width:0}.ux-camp-fighter>strong{display:block;font:600 19px var(--serif);color:#f3d9ae}.ux-camp-fighter>small{display:block;color:#b8aa9a;margin:4px 0 16px}.ux-changelog{max-width:920px}.ux-changelog article{border-left:2px solid #c09a6c;padding:0 0 35px 24px;margin-bottom:7px}.ux-changelog time{font:700 12px var(--display);letter-spacing:1.5px;color:#caa778}.ux-changelog h2{font:400 34px var(--serif);margin:9px 0 11px}.ux-changelog p{color:#d2c5b5;font-size:17px;line-height:1.55}
.ux-beast-portrait{margin:10px 0 18px;max-height:250px;overflow:hidden;border:1px solid #635443;background:#16171a}.ux-beast-portrait img{width:100%;height:245px;display:block;object-fit:cover;object-position:center 47%}.ux-beast-symbol{font:55px var(--serif);color:#967f70;display:grid;place-items:center;margin:10px 0 15px;height:75px;border:1px solid #4d403b;background:radial-gradient(circle,#463632,#1d1c20)}
@media(min-width:1200px) and (max-width:1650px){.site-header{gap:12px;padding-left:24px;padding-right:24px}.site-header .main-nav{gap:12px}.site-header .main-nav a{font-size:12px;letter-spacing:.5px}.site-header .header-actions{display:none}}
@media(max-width:1000px){.ux-portal-grid,.ux-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-campaign-grid{grid-template-columns:1fr}.ux-camp-fighters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ux-portal{padding:32px 0}.ux-portal-grid,.ux-guide-cards,.ux-checklist,.ux-first-battle,.ux-campaign-missions,.ux-camp-fighters{grid-template-columns:1fr}.ux-portal-card{padding:20px}.ux-compare{padding:15px}.ux-compare-top{display:block}.ux-compare-top .btn{margin-bottom:14px}.ux-static-hero-inner{padding:42px 0 54px}.ux-static-hero p:not(.eyebrow){font-size:18px}.ux-guide-head{display:block}.ux-small-stamp{display:inline-block;margin:10px 0}.ux-camp-fighter{padding:16px}.ux-first-battle img{height:auto}.ux-guide-cards article p{min-height:0}.ux-portal-card strong{font-size:24px}.ux-portal-returning{font-size:14px}.ux-portal-returning a{display:inline-block;margin-bottom:5px}.manual-lookup{padding:15px}.ux-footer-resources{max-width:100%;gap:11px 16px}}
@media print{.ux-page .site-header,.ux-page .site-footer,.ux-page .grain,.ux-static-actions,.ux-campaign-actions{display:none!important}.ux-page{color:#111!important;background:#fff!important}.ux-static-hero{background:#fff!important;color:#111!important}.ux-static-hero p:not(.eyebrow),.ux-page-lede{color:#111!important}.ux-page .section,.ux-camp-fighter,.ux-camp-mission,.ux-guide-cards article{background:white!important;color:#111!important}}

.ux-stat-help{margin:0 0 15px;background:#302727;border-left:2px solid #b99364;padding:12px 15px;color:#dbc8b7}.ux-stat-help summary{cursor:pointer;color:#e9c89d;font-weight:700;font-size:14px}.ux-stat-help p{font-size:14px;margin:10px 0 0;line-height:1.5}

/* IA 1.5: less repetition, compact flag gateway, direct player tools */
.ia-home-hero{min-height:570px}.ia-home-hero .hero-inner{grid-template-columns:1fr;min-height:540px}.ia-home-hero h1{max-width:680px;font-size:clamp(65px,8vw,106px)}
.ia-home-hero .hero-buttons{gap:10px}
.ia-six-banner{padding:64px 0 55px;border-block:1px solid #71583d;background:#1b171a}
.ia-banner-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:center;gap:36px}
.ia-banner-layout h2{font:500 clamp(36px,4.5vw,59px)/1.05 var(--serif);margin:0 0 17px;color:#f3d6a5}
.ia-banner-layout p:not(.eyebrow){font:19px/1.47 var(--serif);color:#cfc0ad;margin-bottom:22px}
.ia-flag-link{display:block;border:1px solid #8b6845;background:#1a1417;box-shadow:0 18px 34px #0005;overflow:hidden}
.ia-flag-link img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain}
.ia-flag-link span{display:block;font:600 15px var(--serif);text-align:center;color:#eac796;background:#261a20;padding:10px}
.ia-home-bottom{padding:48px 0 42px;background:#231c20}.ia-home-bottom p:not(.eyebrow){font-size:17px;color:#d4c1aa;margin:24px 0 0;text-align:center}.ia-home-bottom a{color:#eac188;text-decoration:underline}
.ia-home-bottom .ia-game-intro{max-width:780px;margin:18px auto 0;font-size:clamp(17px,2vw,20px);line-height:1.7}
.ia-quick-links{padding:23px 0;border-block:1px solid #756044;background:#171417}.ia-quick-links>.container{display:flex;align-items:center;gap:18px 29px;flex-wrap:wrap}
.ia-quick-links span{font-size:11px;color:#bb9870;letter-spacing:1.7px;font-weight:700}.ia-quick-links a{color:#f1d4ad;font:600 16px var(--serif)}
.ia-faction-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}
.ia-faction-gateway{border:1px solid #69513e;border-top:4px solid var(--gate,#90634d);background:linear-gradient(140deg,#302326,#1d1c1e);padding:24px;display:block;min-height:225px}
.ia-faction-gateway:hover{border-color:#d2ae78;background:#36282a}.ia-gate-numeral{color:#d1ae7f;letter-spacing:1px;font-size:11px;text-transform:uppercase}
.ia-faction-gateway h3{font:500 31px/1.1 var(--serif);color:#f5d9b5;margin:13px 0}
.ia-faction-gateway p{font-size:16px;color:#c9bca8;line-height:1.48}.ia-gate-trait{font:600 14px var(--serif);color:#e9bd8c}
.ia-faction-note{color:#cbb69d;margin:22px 0 0}.ia-world-ref{border-left:3px solid #ab845a;background:#292225;padding:16px 21px;font-size:17px}
.ia-world-ref a{color:#edcb97;text-decoration:underline}
.ia-rule-gateway{margin:19px 0 4px;padding:18px;border:1px solid #806343;background:#31242a;display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap}
.ia-rule-gateway strong{font:500 19px/1.35 var(--serif);color:#f0d4ae;max-width:560px}.ia-inline-link{margin:15px 0}.ia-inline-link a,.ia-manual-index-more a{color:#f2cc94;text-decoration:underline}
.ia-manual-index-more{display:grid;gap:11px;padding:18px 0;border-top:1px solid #544337;margin-top:11px;font-size:15px}
/* Navigation: full clickable dropdowns on large screens; one mobile menu instead of a swipe strip. */
.site-header{gap:14px}.site-header .brand{min-width:205px}.ia-main-nav{display:flex;align-items:center;gap:clamp(15px,1.7vw,28px);height:100%;overflow:visible}
.ia-main-nav>a,.ia-nav-group summary{font-family:var(--serif)!important;letter-spacing:.2px!important;text-transform:none!important;font-size:17px!important;font-weight:600!important;color:#d5c8ba!important;white-space:nowrap;cursor:pointer}
.ia-main-nav>a{height:auto!important;border-bottom:0!important}.ia-nav-group{position:relative;height:100%;display:flex;align-items:center}.ia-nav-group summary{list-style:none;display:flex;align-items:center;gap:5px;outline-offset:6px}
.ia-nav-group summary::-webkit-details-marker{display:none}.ia-nav-group[open]>summary,.ia-main-nav>a:hover{color:#f3d5a3!important}
.ia-nav-submenu{position:absolute;top:calc(100% - 9px);left:-15px;min-width:210px;background:#21191e;border:1px solid #866545;box-shadow:0 15px 35px #000a;padding:9px;z-index:50;display:grid;gap:1px}
.ia-nav-submenu a{height:auto!important;display:block!important;line-height:1.2;padding:12px!important;color:#e1cdb5!important;font:600 16px var(--serif)!important;border:0!important;letter-spacing:0!important;text-transform:none!important}
.ia-nav-submenu a:hover{background:#44302e;color:white!important}.ia-nav-toggle{display:none;background:#2b2024;color:#f4d9b4;border:1px solid #856344;border-radius:2px;min-height:43px;padding:7px 12px;font:600 15px var(--serif)}
.ia-nav-toggle:focus-visible,.ia-main-nav a:focus-visible,.ia-main-nav summary:focus-visible{outline:2px solid #e6c18f}
@media (min-width:991px) and (max-width:1450px){.site-header .header-actions{display:none!important}.ia-main-nav{gap:14px}.site-header{padding:0 20px}}
@media (max-width:990px){
 .site-header{height:auto!important;min-height:72px!important;position:sticky;top:0;display:flex!important;flex-wrap:wrap!important;align-items:center;padding:10px 17px!important;gap:8px;justify-content:space-between}
 .site-header .brand{min-width:0!important;flex:0 1 auto}.site-header .brand strong{font-size:20px}
 .ia-nav-toggle{display:block;order:2}.site-header .header-actions{display:none!important}
 .site-header .ia-main-nav{display:none!important;order:3;flex:0 0 100%;width:100%;height:auto!important;max-height:70vh;overflow-y:auto!important;overflow-x:hidden!important;background:#24191e;border:1px solid #634a36;margin-top:8px;padding:7px 0!important;gap:0!important;flex-direction:column;align-items:stretch}
 .site-header .ia-main-nav.is-open{display:flex!important}
 .site-header .ia-main-nav>a,.site-header .ia-nav-group{width:100%;display:block!important;flex:initial!important;min-height:0!important;height:auto!important}
 .site-header .ia-main-nav>a{font-size:18px!important;padding:13px 17px!important}
 .ia-nav-group{padding:0!important}.ia-nav-group summary{padding:13px 17px;font-size:18px!important}
 .ia-nav-submenu{position:static;min-width:0;width:100%;box-shadow:none;border:0;border-top:1px solid #60493b;background:#302429;padding:3px 0 8px 14px}
 .ia-nav-submenu a{font-size:17px!important;padding:11px 17px!important}
 .ia-main-nav .active{border-left:3px solid #cb9e6b}
}
@media(max-width:820px){.ia-banner-layout{grid-template-columns:1fr}.ia-faction-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ia-brief-grid{grid-template-columns:1fr 1fr}.ia-six-banner{padding:42px 0}.ia-faction-index{grid-template-columns:1fr}.ia-home-hero .hero-inner{min-height:480px}.ia-home-hero h1{font-size:clamp(58px,15vw,85px)}.ia-flag-link img{max-height:none}.ia-quick-links>.container{gap:12px 19px}.ia-brief-grid>div:last-child{grid-column:1 / -1}}
/* Armoury: live source-backed cards, not another copy of the rules manual */
.ia-armoury-hero{background-image:linear-gradient(90deg,#161014ef,#221b20aa),url('assets/paintings/age-of-ash.jpg')}
.ia-equipment-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ia-equipment-explainer>div{border-left:3px solid #a67e52;background:#292126;padding:22px}
.ia-equipment-explainer strong{font:600 25px var(--serif);color:#f1d8ae}.ia-equipment-explainer p{color:#d2c4b2;font-size:16px;line-height:1.5}
.ia-armoury-intro{padding:47px 0}.ia-armoury-list{padding:40px 0 76px;background:#19171b}
.ia-armoury-toolbar{background:#332527;padding:18px;border:1px solid #785d45;margin-bottom:18px;display:grid;gap:16px}
.ia-armoury-tabs{display:flex;gap:7px;flex-wrap:wrap}.ia-armoury-tabs button{background:#211b20;color:#e3cfb4;border:1px solid #70553e;padding:11px 15px;min-height:44px}
.ia-armoury-tabs button.active{background:#87503e;color:#fff2dd;border-color:#bd8e5e}
.ia-armoury-filters{display:grid;grid-template-columns:1fr minmax(150px,290px);gap:14px}.ia-armoury-filters label{display:grid;gap:6px;font-size:14px;color:#e8c99f}
.ia-armoury-filters input,.ia-armoury-filters select{width:100%;min-height:46px;border:1px solid #ad916f;background:#f2e5cf;color:#211719;padding:9px 12px;font-size:16px}
#ia-gear-summary{font:600 16px var(--serif);color:#e7c393;margin:12px 0 17px}.ia-gear-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ia-gear-card{padding:23px;background:#302428;border:1px solid #725641;min-width:0}.ia-gear-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
.ia-gear-card h3{font:600 29px var(--serif);color:#f4dabc;margin:0}.ia-gear-card-head>strong{font:600 18px var(--serif);color:#edbc80;white-space:nowrap}
.ia-gear-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.ia-gear-badges span{border:1px solid #755e49;background:#201a1f;font-size:13px;color:#e1c8a4;padding:4px 8px}
.ia-gear-card p{font-size:17px;color:#e1d2c1;line-height:1.5;margin:13px 0 8px}.ia-gear-card small{font-size:13px;color:#bdb0a5;line-height:1.45;display:block}
.ia-no-results{padding:24px;border:1px solid #7b5b49}.ia-armoury-next{padding:54px 0}.ia-armoury-next h2{font:500 43px var(--serif);margin:0}.ia-armoury-next p{font-size:17px;color:#d0c0b2;max-width:750px}
@media(max-width:900px){.ia-gear-results,.ia-equipment-explainer{grid-template-columns:1fr}}
@media(max-width:600px){.ia-armoury-filters{grid-template-columns:1fr}.ia-armoury-tabs button{flex:1 1 calc(50% - 8px)}.ia-gear-card{padding:19px}.ia-gear-card h3{font-size:24px}}
@media print{.ia-armoury-page .site-header,.ia-armoury-page .site-footer,.ia-armoury-page .grain,.ia-armoury-toolbar,.ia-armoury-next{display:none!important}.ia-armoury-page,.ia-armoury-page .section{color:black!important;background:white!important}.ia-gear-card{break-inside:avoid;border-color:#888;background:white;color:black!important}.ia-gear-card *{color:#111!important}}

/* v1.6: restore painted portraits exclusively on faction selection */
.ia-faction-portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 22px}
.ia-portrait-choice{display:block;min-width:0;border:1px solid #7b624e;background:#21191e;position:relative;overflow:hidden;color:#ecdbc3;text-decoration:none;transition:border-color .2s,transform .2s}
.ia-portrait-choice:hover,.ia-portrait-choice:focus-visible{border-color:#d7b77b;transform:translateY(-3px);color:#fff0d9;outline-offset:3px}
.ia-portrait-choice:before{content:'';position:absolute;inset:0;border-top:3px solid var(--gate,#a7895f);pointer-events:none;z-index:1}
.ia-portrait-choice img{width:100%;height:276px;display:block;object-fit:cover;object-position:center 26%;filter:saturate(.88)}
.ia-portrait-copy{padding:14px 17px 17px;background:linear-gradient(180deg,#3c2830,#21181c);min-height:177px;display:flex;flex-direction:column;gap:3px}
.ia-portrait-number{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#be9e79}
.ia-portrait-copy h3{font:normal 29px/1.13 var(--serif);margin:4px 0 5px;color:#f0dec0}
.ia-portrait-copy>span:not(.ia-portrait-number){font-size:14px;color:#cabaa6;line-height:1.35}
.ia-portrait-copy b{display:block;margin-top:auto;padding-top:13px;font-size:14px;font-weight:600;color:#e8c38d}
@media(max-width:900px){.ia-faction-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ia-faction-portrait-grid{gap:9px}.ia-portrait-choice img{height:174px}.ia-portrait-copy{padding:10px;min-height:178px}.ia-portrait-number{font-size:9px}.ia-portrait-copy h3{font-size:20px}.ia-portrait-copy>span:not(.ia-portrait-number){font-size:12px}.ia-portrait-copy b{font-size:12px}}
/* Portrait placeholders match the existing bestiary cards */
.beast-card .ux-beast-portrait img{object-position:center 50%;}

/* Temporary commons artwork references — compressed attribution section */
.bestiary-image-credits{margin:12px 0 30px;border:1px solid #745b43;background:#241f22;padding:16px 22px;color:#dbcbb8;font-size:15px;line-height:1.5}
.bestiary-image-credits summary{cursor:pointer;font-family:var(--serif);font-size:19px;color:#eed5a7}
.bestiary-image-credits ul{columns:2;column-gap:25px;line-height:1.5;padding-left:20px}
.bestiary-image-credits li{break-inside:avoid;margin-bottom:7px}
.bestiary-image-credits a{color:#dcb981;text-decoration:underline}
@media(max-width:650px){.bestiary-image-credits ul{columns:1}}
@media print{.bestiary-image-credits{display:none}}

/* Army Builder 1.8: explicit recruitment and progressive squad customisation */
.recruit-help,.recruit-hint{font-size:15px;line-height:1.45;color:#ebdbc8;margin:0 0 15px}
.recruit-hint{margin:15px 0 0;color:#d0bfae}
.recruit-help strong{color:#f5d7a4}
.button-stack .recruit-choice{min-width:0;border:1px solid #644b43;background:#21191f;padding:7px;display:flex;flex-direction:column;gap:8px}
.recruit-choice>.stack-role{width:100%;min-height:74px;border-color:#896851;background:#3b2730;color:#ffe5bf}
.recruit-choice>.stack-role span{display:block;color:#e4cbb4;font-size:13px;line-height:1.3;margin-top:5px}
.recruit-choice>.stack-role:disabled{opacity:.55;cursor:not-allowed;background:#292128}
.squad-size-label{font:600 15px var(--serif);color:#ead4b6;display:flex;flex-direction:column;gap:5px}
.squad-size-label select{background:#19151b;border:1px solid #987253;color:#fff0d9;padding:7px;min-height:44px;width:100%;font-size:16px}
.builder-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;background:#35242b;border:1px solid #97734f;padding:16px 18px;margin-bottom:16px;color:#f0e1d2}
.builder-steps strong{color:#f3c884;font-size:16px}.builder-steps span{font-size:15px;margin-right:9px}
.formation-head .customise-squad{min-height:44px;padding:9px 14px;white-space:normal;font-weight:700;background:#7c343b;border:1px solid #c8a06e;color:#fff1d8}
.formation-head .customise-squad:hover{background:#9a4650}
.formation-preview{padding:12px 16px 14px;border-bottom:1px solid #654b42;background:#271e25}
.squad-default-note{font-size:15px;line-height:1.45;color:#e7d2bd;margin:0 0 10px}
.squad-default-note strong{color:#f0cf9e}
.squad-roster-pills{display:flex;gap:6px;flex-wrap:wrap}
.squad-roster-pill{font-size:13px;color:#e5d8c8;padding:6px 9px;background:#3b2c35;border:1px solid #755b50;max-width:100%;overflow-wrap:anywhere}
.squad-edit-instruction{font-size:15px;color:#e3cba7;margin:5px 0 12px}
.fighter-actions .customise-fighter{min-height:42px;padding:8px 12px;font-size:15px;white-space:normal;background:#473039;color:#ffe1ac;border-color:#ad875f}
.fighter-actions .customise-fighter:hover{background:#73404b;color:#fff}
.squad-extra-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px 2px 5px}
.squad-extra-controls span{font-size:14px;color:#cbb8a2}
@media(max-width:700px){.button-stack{grid-template-columns:minmax(0,1fr)}.builder-steps{flex-direction:column;align-items:start;gap:6px}.formation-controls{flex-wrap:wrap;width:100%}.formation-head .customise-squad{flex:1}.fighter-actions{flex-wrap:wrap;justify-content:flex-end}.fighter-actions .customise-fighter{order:3;width:100%}.formation-preview{padding:12px}.squad-roster-pill{font-size:12px}}

/* Mobile Rules accordion flow fix, 8 November 2026 */
@media (max-width: 990px) {
  .site-header .ia-main-nav.is-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: calc(100dvh - 110px) !important;
  }
  .site-header .ia-main-nav .ia-nav-group {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .site-header .ia-main-nav .ia-nav-group summary {
    display: flex !important;
    width: 100% !important;
    min-height: 46px;
    align-items: center;
  }
  .site-header .ia-main-nav .ia-nav-group[open] .ia-nav-submenu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    float: none !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
    z-index: auto !important;
  }
  .site-header .ia-main-nav .ia-nav-group:not([open]) .ia-nav-submenu {
    display: none !important;
  }
  .site-header .ia-main-nav .ia-nav-group .ia-nav-submenu > a {
    display: block !important;
    height: auto !important;
    white-space: normal !important;
  }
}