/* Lords of Conquest — illustrated title page, v1.6.1 */
body.cover-open{overflow:hidden}
#modal.cover-view{padding:0;background:#0b1717}
#modal.cover-view .mbox{position:relative;width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;border-radius:0;background:#0b1717;color:#f5ead4;box-shadow:none;overflow:auto;overscroll-behavior:contain}
.cover-page{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100%;min-height:100svh;padding:30px clamp(24px,5.2vw,100px) 26px;font-family:var(--serif)}
.cover-art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:62% center;pointer-events:none}
.cover-page::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,15,17,.96),rgba(6,15,17,.88) 22%,rgba(6,15,17,.50) 47%,rgba(6,15,17,.06) 77%),linear-gradient(0deg,rgba(6,15,17,.94),transparent 29%,transparent 77%,rgba(6,15,17,.48));pointer-events:none}
.cover-page::after{content:"";position:absolute;inset:14px;z-index:-1;border:1px solid rgba(221,186,115,.23);pointer-events:none}
.cover-masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:34px}
.cover-publisher{display:flex;align-items:center;gap:13px;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;color:#e3c890}
.cover-crest{width:29px;height:29px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cover-version{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.13em;color:#e7d9ba;border:1px solid rgba(231,211,166,.42);padding:7px 10px;white-space:nowrap;background:rgba(6,15,17,.3)}
.cover-main{display:flex;flex:1;align-items:center;padding:48px 0 40px}
.cover-content{width:min(100%,555px)}
.cover-eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 22px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.30em;color:#d7b778}
.cover-eyebrow::before{content:"";width:36px;height:1px;background:#b7985e}
.cover-title{margin:0!important;padding:0!important;border:0!important;font-size:clamp(64px,6.7vw,110px)!important;font-weight:400!important;font-variant:normal!important;line-height:.93!important;letter-spacing:.035em!important;text-transform:uppercase;color:#f4e6c5!important;text-shadow:0 3px 30px rgba(0,0,0,.35)}
.cover-title span{display:block}
.cover-title .cover-of{display:flex;align-items:center;gap:16px;width:67%;margin:17px 0 14px;font-size:.24em;letter-spacing:.40em;line-height:1;color:#d1af6f}
.cover-of::before,.cover-of::after{content:"";height:1px;width:45px;background:rgba(209,175,111,.55)}
.cover-tagline{max-width:410px;margin:28px 0 11px;font-size:clamp(19px,1.65vw,24px);line-height:1.35;color:#f3e4c6}
.cover-description{max-width:355px;margin:0 0 26px;font-family:Arial,sans-serif;font-size:13px;line-height:1.8;color:#bdc6c2}
.cover-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(100%,326px)}
.cover-action{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 20px;border:1px solid #c8a768;border-radius:2px;background:rgba(8,20,21,.65);color:#efdfbd;font-family:var(--serif);font-size:17px;letter-spacing:.035em;text-align:left;cursor:pointer;transition:background .16s,border-color .16s}
.cover-action.primary{background:linear-gradient(110deg,#dfc48b,#c3a063);border-color:#e6cc95;color:#152121;box-shadow:0 4px 24px rgba(0,0,0,.18)}
.cover-action:hover{background:#213a38;border-color:#f3dbac}
.cover-action.primary:hover{background:linear-gradient(110deg,#f3dca8,#d9b878)}
.cover-action .cover-arrow{font-family:Arial,sans-serif;font-size:22px;line-height:1}
.cover-action.secondary{min-height:45px;padding-top:10px;padding-bottom:10px;font-size:15px}
.cover-saved-note{margin:0 0 12px;font-family:Arial,sans-serif;font-size:11px;line-height:1.5;color:#d5c49e}
.cover-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;max-width:420px}
.cover-links button{padding:7px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;font-family:var(--serif);font-size:14px;color:#e0d5bc;cursor:pointer}
.cover-links button:hover{color:#fff4d8;border-bottom-color:#c8a768}
.cover-page button:focus-visible{outline:2px solid #fff0c2;outline-offset:5px}
.cover-status{max-width:390px;margin:16px 0 0;padding:10px 12px;border-left:2px solid #e0ba78;background:rgba(11,23,23,.9);font-family:Arial,sans-serif;font-size:12px;line-height:1.6;color:#ffe0ac}
.cover-status:empty{display:none}
.cover-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-top:1px solid rgba(221,186,115,.28);padding-top:18px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.13em;line-height:1.7;color:#c0c9c3}
.cover-motto{color:#e0c68f;letter-spacing:.22em}
.cover-facts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;font-size:9px;letter-spacing:.13em}
@media(min-width:1001px) and (max-width:1250px){
  #top{padding-left:10px;padding-right:10px}
  .brand{gap:6px}.brand h1{font-size:17px;letter-spacing:.08em}
  .hbtns{gap:4px}.hbtns button{padding-left:7px;padding-right:7px}
}
@media(min-width:760px) and (max-height:760px){
  .cover-page{padding-top:23px;padding-bottom:21px}
  .cover-main{padding-top:24px;padding-bottom:24px}
  .cover-title{font-size:clamp(60px,6vw,82px)!important}
  .cover-eyebrow{margin-bottom:15px}.cover-title .cover-of{margin-top:10px;margin-bottom:10px}
  .cover-tagline{margin-top:19px;font-size:20px}.cover-description{margin-bottom:19px}
  .cover-links{margin-top:13px}.cover-footer{padding-top:13px}
}
@media(max-width:759px){
  .cover-page{padding:26px 27px 25px}
  .cover-page::after{inset:10px}
  .cover-page::before{background:linear-gradient(90deg,rgba(6,15,17,.86),rgba(6,15,17,.64) 70%,rgba(6,15,17,.38)),linear-gradient(0deg,rgba(6,15,17,.96),rgba(6,15,17,.12) 60%,rgba(6,15,17,.22))}
  .cover-art{object-position:68% center}
  .cover-masthead{gap:9px}.cover-publisher{font-size:9px;letter-spacing:.2em;gap:8px}.cover-crest{width:24px;height:24px}
  .cover-version{font-size:9px;padding:6px 7px}
  .cover-main{padding-top:48px;padding-bottom:36px}
  .cover-title{font-size:clamp(48px,10.7vw,76px)!important;letter-spacing:.015em!important}
  .cover-title .cover-of{margin-top:13px;margin-bottom:12px}
  .cover-eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:20px}
  .cover-tagline{font-size:20px;margin-top:24px;max-width:320px}
  .cover-description{font-size:12px;max-width:300px;margin-bottom:23px}
  .cover-actions{width:min(100%,340px)}
  .cover-links{gap:5px 20px;margin-top:16px}.cover-links button{font-size:13px;min-height:40px}
  .cover-footer{align-items:flex-start;flex-direction:column;gap:9px;font-size:9px;padding-top:15px}
  .cover-facts{justify-content:flex-start;gap:4px 12px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.cover-page *{transition:none!important}}