/* WARDLINE pre-beta, October 2026. The project's pixel face is used at native multiples. */
@font-face{font-family:'WARDLINE Read';src:url('assets/fonts/wardline-read.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--game:'WARDLINE Read',Arial,sans-serif}
.header{height:auto;min-height:88px;gap:24px}
.header nav{gap:24px}
.header nav a{padding-block:12px}
.header .brand{font-family:var(--game);font-size:24px;letter-spacing:1px}
.header .header-actions>.header-cta{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.header .header-actions>.header-cta:hover{background:#e4c792}
.hero-topline .eyebrow{font-size:11px;letter-spacing:1.2px}
.hero-copy .eyebrow,.demo-top .eyebrow,.release-tag,.release-version,.field-guide h3,.release-log summary,.faq summary{font-family:var(--game);font-weight:400;letter-spacing:0;text-transform:none}
.hero-copy .eyebrow,.demo-top .eyebrow,.release-tag{font-size:16px}
.intro,.section-copy>p:not(.eyebrow),.section-heading>p{font-size:16px;line-height:1.8}
.hero-actions{gap:20px}
.hero-actions .button{font-size:14px}
.hero-art figcaption{font-size:11px;line-height:1.6}
.hero-bottom{font-size:12px}
.release-strip{display:flex;align-items:center;gap:24px;padding:24px 0 28px;border-top:1px solid var(--line)}
.release-strip p{font-size:14px;flex:1;max-width:650px}
.release-strip .text-link{font-size:13px;white-space:nowrap}
.release-tag{color:var(--green);white-space:nowrap}
.field-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:38px 0 52px;border-top:1px solid var(--line)}
.field-guide h3{font-size:24px;color:var(--ink);margin-bottom:12px}
.field-guide p{font-size:14px;line-height:1.8}
.field-guide .field-number{display:block;color:var(--gold);font-family:var(--game);font-size:16px;margin-bottom:12px}
.principles{margin-top:54px}
.principles p{font-size:14px;line-height:1.8}
.principles h3{font-size:20px}
.world-footnote{font-size:12px;line-height:1.7}
.region-tabs button{font-size:14px;min-height:56px}
.region-text>p:not(.eyebrow),.region-task p{font-size:14px}
.enemy-card>p:not(.eyebrow){font-size:14px;line-height:1.8}
.enemy-counter{font-size:12px}
.relic-grid .micro{opacity:1}
.concept-note{padding:15px 18px;border-left:2px solid var(--gold);background:#d2b47e0a;color:var(--ink);font-size:13px!important}
.updates{padding-block:90px;border-bottom:1px solid var(--line)}
.update-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px}
.release-card{align-self:start;padding:28px;border:1px solid var(--line);background:var(--panel)}
.release-card .eyebrow{font-size:11px}
.release-version{display:block;font-size:48px;line-height:1.5;color:var(--gold);margin:12px 0}
.release-card time{display:block;font-size:13px;color:var(--muted)}
.release-card p:last-child{font-size:14px;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.release-lead h3{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.2;margin:14px 0 20px}
.release-lead>p{font-size:16px;max-width:720px;line-height:1.8}
.release-points{list-style:none;padding:0;margin:28px 0}
.release-points li{padding:18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.8}
.release-points strong{display:block;color:var(--ink);font-size:16px;font-weight:500;margin-bottom:5px}
.release-log{border-top:1px solid var(--line)}
.release-log details{border-bottom:1px solid var(--line)}
.release-log summary{cursor:pointer;padding:20px 28px 20px 0;font-size:16px;color:var(--ink)}
.release-log details p{font-size:14px;line-height:1.8;padding:0 24px 22px 0;max-width:740px}
summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.road-step strong{font-size:20px}
.road-step>span:last-child,.road-panel p,.road-panel li,.road-note p{font-size:14px}
.faq{padding-block:20px 90px}
.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:64px}
.faq h2{font-size:44px;margin-top:18px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-size:16px;padding:24px 24px 24px 0;cursor:pointer}
.faq details p{font-size:15px;line-height:1.8;padding:0 20px 25px 0}
.faq a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.footer{font-size:11px;line-height:1.8}
@media(max-width:1080px){.header{padding-inline:30px}.header nav{gap:16px}.header nav a{font-size:12px}.header .header-actions{margin-left:auto}.update-layout{grid-template-columns:230px minmax(0,1fr);gap:32px}.field-guide{gap:24px}.field-guide h3{font-size:16px}.release-version{font-size:32px}}
@media(max-width:800px){.header nav{order:3;flex-basis:100%;justify-content:center}.hero-copy h2{font-size:44px}.hero-art figcaption{flex-direction:column;gap:2px}.release-strip{gap:16px;flex-wrap:wrap}.release-strip p{flex-basis:60%}.update-layout{grid-template-columns:1fr;gap:30px}.release-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.release-card p:last-child{grid-column:2;grid-row:1/4;border:0;margin:0;padding:0}.release-version{margin:0}.faq-layout{grid-template-columns:1fr;gap:30px}.field-guide{grid-template-columns:1fr;gap:24px}.field-guide h3{font-size:24px}.field-guide article{max-width:640px}.faq{padding-bottom:60px}.updates{padding-block:60px}}
@media(max-width:560px){.header{padding:14px 18px;gap:12px}.header .brand{font-size:20px}.header .header-actions{flex-basis:auto;margin-left:auto;gap:10px}.header .header-actions>.header-cta{font-size:11px;padding-inline:12px}.header .header-actions>.header-cta span{display:none}.header nav{justify-content:space-between;gap:8px}.header nav a{font-size:11px}.hero-topline .eyebrow{font-size:10px;letter-spacing:.7px}.hero-copy h2{font-size:46px}.intro,.section-copy>p:not(.eyebrow),.section-heading>p{font-size:15px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:13px}.hero-bottom{font-size:10px;line-height:1.8}.release-strip{gap:14px;padding-block:22px}.release-strip p{flex-basis:100%;order:2}.release-strip .text-link{margin-left:auto;font-size:12px}.release-card{display:block;padding:24px}.release-version{font-size:48px;margin:8px 0}.release-card p:last-child{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.release-lead h3{font-size:30px}.release-lead>p{font-size:15px}.region-tabs button{font-size:12px}.region-text>p:not(.eyebrow),.region-task p{font-size:14px}.enemy-card>p:not(.eyebrow){font-size:13px}.road-step strong{font-size:16px}.road-step>span:last-child{font-size:12px}.road-panel p,.road-panel li{font-size:13px}.road-note p{font-size:12px}.faq h2{font-size:36px}.footer{font-size:10px}.footer span:first-child{font-size:10px}}
@media(max-width:359px){.header .brand{font-size:16px;gap:6px}.header .header-actions{gap:8px}.header .header-actions>.header-cta{padding-inline:8px}.hero-copy h2{font-size:40px}.hero-bottom i{margin-inline:3px}}