/* Homestake 1.5 — frontier cover and charter entry. No remote assets. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.cover-open{height:100%;overflow:hidden;background:#10191b url('../assets/frontier.webp') center/cover no-repeat fixed}
body.cover-open #game-header,body.cover-open #game-main{visibility:hidden}
.cover{position:fixed;inset:0;z-index:20;overflow:auto;overscroll-behavior:contain;isolation:isolate;background:#10191b;color:#fff4de;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.cover-art,.cover-shade{position:absolute;inset:0;width:100%;height:100%;min-height:650px;pointer-events:none}
.cover-art{object-fit:cover;object-position:64% center}
.cover-shade{background:linear-gradient(90deg,rgba(7,17,23,.96) 0%,rgba(7,17,23,.82) 23%,rgba(7,17,23,.48) 45%,rgba(7,17,23,.03) 76%),linear-gradient(0deg,rgba(7,17,23,.97),transparent 28%,transparent 76%,rgba(7,17,23,.35))}
.cover-shell{position:relative;display:flex;flex-direction:column;min-height:100%;min-height:100svh;padding:30px clamp(24px,4.6vw,88px) 24px;gap:36px}
.cover-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}
.cover-brand{display:flex;align-items:center;gap:12px;color:#eee2ce;font-size:11px;letter-spacing:.26em}
.cover-brand svg{width:28px;height:32px;fill:none;stroke:#edba6f;stroke-width:1.6}
.cover-brand b{display:block;font-size:9px;letter-spacing:.43em;font-weight:500;color:#bcbaa9}
.cover-location{font-size:10px;letter-spacing:.2em;color:#e6dec9}
.cover-location i{display:inline-block;width:5px;height:5px;background:#8ed2c8;border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 9px #8ed2c855}
.cover-content{width:min(650px,58%);margin:auto 0;padding:28px 0 32px}
.cover-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 17px;color:#eec38b;font-size:10px;font-weight:650;letter-spacing:.23em;text-transform:uppercase}
.cover-eyebrow::before{content:'';width:27px;height:1px;background:#d9a75f}
.cover-titleline{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px}
#cover-title{font-family:'Arial Black','Trebuchet MS',ui-sans-serif,sans-serif;font-size:clamp(42px,6.2vw,104px);font-weight:900;line-height:1;letter-spacing:-.045em;color:#fff1d5;text-transform:uppercase;text-shadow:0 3px 20px #04101544}
.cover-version{display:inline-block;padding:2px 7px;border:1px solid #9d92785c;border-radius:3px;color:#d6cbb5;white-space:nowrap;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.cover-tagline{margin:18px 0 24px;color:#e8b66a;font-size:clamp(18px,1.65vw,27px);letter-spacing:.22em;text-transform:uppercase;font-weight:450}
.cover-intro{max-width:475px;margin:0 0 28px;color:#d2d4cb;font-size:15px;line-height:1.8}
.cover-facts{display:flex;gap:24px;margin:0 0 29px;padding:19px 0;border-top:1px solid #c5d7d229;border-bottom:1px solid #c5d7d229;max-width:512px}
.cover-facts div{flex:1;white-space:nowrap}
.cover-facts dt{font-size:8px;letter-spacing:.14em;color:#a8bbb8;margin-bottom:5px}
.cover-facts dd{margin:0;font-size:12px;color:#f0e9d9}
.cover-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;max-width:512px}
.cover button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;width:100%;border-radius:3px;margin:0;padding:13px 18px;text-align:left;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,transform .16s}
.cover button span{font-size:22px;line-height:1;font-weight:400}
.cover .cover-primary{color:#1b231f;background:#efbc73;border:1px solid #f3c989;box-shadow:0 4px 22px #07131933}
.cover .cover-primary:hover:not(:disabled){background:#ffcf8d;border-color:#ffe3bb;transform:translateY(-1px)}
.cover .cover-secondary{background:#10232bd6;color:#fff0d5;border:1px solid #afc6be70}
.cover .cover-secondary:hover:not(:disabled){background:#1a3943;border-color:#95cfc4}
.cover .cover-secondary:disabled{opacity:1;color:#92a2a5;background:#10212b99;border-color:#85979e45}
.cover-save-status{min-height:18px;max-width:512px;margin:10px 0 20px;color:#a4b6b8;font-size:10px;line-height:1.6}
.cover-links{display:flex;align-items:center;gap:30px}
.cover-links a{color:#e6e7db;text-decoration:none;font-size:12px;border-bottom:1px solid #849e9b66;padding:2px 0 5px;transition:color .16s,border-color .16s}
.cover-links a:hover{color:#ffd797;border-color:#ffd797}
.cover-links a>span:not(.sr-only){margin-left:7px}
.cover-filetype{font:8px/1.5 ui-monospace,monospace;padding:2px 3px;border:1px solid #899d9b60;border-radius:2px;color:#a9c1bb}
.cover button:focus-visible,.cover a:focus-visible,#setup button:focus-visible,#setup input:focus-visible,#setup select:focus-visible{outline:3px solid #8ee7db;outline-offset:4px}
.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #c5d7d229;padding-top:20px}
.cover-bottom p{margin:0;color:#c3c9bc;font-size:10px;letter-spacing:.035em}
.cover-resources{display:flex;align-items:center;gap:22px;color:#d1d6c9;font-size:10px}
.cover-resource-label{color:#93aaa9;font-size:8px;letter-spacing:.16em;margin-right:3px}
.cover-resources i{display:inline-block;width:6px;height:6px;transform:rotate(45deg);margin:0 7px 1px 0;border:1px solid #ffffff33}
.cover-resources .food{background:#8cce7a}.cover-resources .energy{background:#efcf69}.cover-resources .smithore{background:#da9467}.cover-resources .crystite{background:#6ccfd5}
#setup{background:#061116bb;backdrop-filter:blur(6px)}
#setup .sheet{max-width:570px;background:linear-gradient(140deg,#1c2828,#142024);border:1px solid #a4b0a35c;border-top:3px solid #e6b777;padding:26px;border-radius:5px;box-shadow:0 20px 80px #0008}
.setup-kicker{color:#8fb6b3;font-size:9px;letter-spacing:.17em;margin:0 0 14px}
#setup h2{color:#f3d49e;font-size:19px;letter-spacing:0;font-weight:650}
#setup .muted{color:#bdc5bc;font-size:12px;line-height:1.7}
#setup input,#setup select{min-height:35px;background:#0a181d;border-color:#657e795e;color:#eae7dc}
#setup .seat{grid-template-columns:12px minmax(0,1fr) 92px 86px;gap:8px;margin:9px 0}
#setup .row{flex-wrap:wrap;gap:8px}
#setup .row>label{min-width:160px}
#setup .row>button{min-width:140px;text-align:center;min-height:42px;background:#1f363b;border-color:#7e9d9566}
#setup #startbtn{color:#182321;background:#edba73;border-color:#edba73}
#setup #startbtn:hover{background:#ffd08c}
#setup .setup-save-note{color:#a9bbb4;font-size:10px;margin:16px 0 8px}
.noscript-note{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#f2c27f;color:#182321;padding:15px 25px;text-align:center}
@media(min-width:1800px){.cover-content{max-width:740px}.cover-intro{max-width:520px;font-size:17px}.cover-facts,.cover-actions,.cover-save-status{max-width:560px}}
@media(max-width:1100px){.cover-content{width:66%}.cover-bottom{gap:12px}.cover-resources{gap:16px}.cover-shell{gap:24px}.cover-facts{gap:16px}}
@media(max-width:700px){
 .cover-art,.cover-shade{min-height:100%;height:100%;position:fixed}
 .cover-art{object-position:74% center}
 .cover-shade{background:linear-gradient(90deg,#07171be8,#07171b77),linear-gradient(0deg,#07171b 0%,#07171bd9 40%,#07171b4d 100%)}
 .cover-shell{padding:22px 24px;gap:26px;min-height:100svh}
 .cover-topbar{align-items:flex-start}
 .cover-brand{font-size:10px;gap:9px}.cover-brand svg{width:23px;height:27px}.cover-brand b{font-size:8px}
 .cover-location{max-width:96px;font-size:8px;line-height:1.8;text-align:right;letter-spacing:.13em}
 .cover-location i{display:none}
 .cover-content{width:100%;padding:34px 0 17px;margin:auto 0}
 .cover-eyebrow{font-size:8px;letter-spacing:.18em;gap:9px;margin-bottom:15px}
 .cover-eyebrow::before{width:17px}
 #cover-title{font-size:clamp(40px,9.2vw,65px);letter-spacing:-.04em}
 .cover-titleline{gap:8px}.cover-version{font-size:9px;padding:1px 5px}
 .cover-tagline{font-size:17px;margin:16px 0 24px;letter-spacing:.2em}
 .cover-intro{font-size:13px;line-height:1.8;max-width:440px;margin-bottom:23px}
 .cover-intro br{display:none}
 .cover-facts{gap:12px;margin-bottom:23px;padding:16px 0}
 .cover-facts div{white-space:normal}.cover-facts dt{font-size:7px;letter-spacing:.07em}.cover-facts dd{font-size:11px}
 .cover-actions{gap:9px}.cover button{font-size:11px;padding:12px;min-height:50px;gap:5px}.cover button span{font-size:18px}
 .cover-save-status{font-size:9px;margin:10px 0 20px}
 .cover-links{gap:25px}.cover-links a{font-size:11px}
 .cover-bottom{padding-top:18px;gap:13px}.cover-bottom p{font-size:9px}
 .cover-resources{gap:14px;flex-wrap:wrap;font-size:9px;row-gap:10px}
 .cover-resource-label{width:100%;font-size:7px}
 #setup{padding:12px}#setup .sheet{padding:20px 16px}#setup h2{font-size:17px}
 #setup .seat{grid-template-columns:10px minmax(0,1fr) 76px 74px;gap:5px}
 #setup input,#setup select{font-size:12px}
}
@media(max-width:380px){.cover-shell{padding-left:20px;padding-right:20px}.cover-version{margin-top:4px}.cover-actions{grid-template-columns:1fr}.cover button{font-size:12px;min-height:45px}.cover-content{padding-top:24px}.cover-tagline{font-size:16px}.cover-facts{gap:9px}}
@media(max-height:680px) and (min-width:701px){.cover-shell{padding-top:20px;padding-bottom:20px;gap:22px}.cover-content{padding:8px 0 12px}.cover-eyebrow{margin-bottom:10px}#cover-title{font-size:64px}.cover-tagline{margin:12px 0 17px;font-size:20px}.cover-intro{margin-bottom:18px;font-size:13px}.cover-facts{padding:12px 0;margin-bottom:18px}.cover-save-status{margin-bottom:13px}.cover-bottom{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.cover button,.cover-links a{transition:none}.cover .cover-primary:hover:not(:disabled){transform:none}}