/* Frontline / steel, paper, copper. An editorial command interface. */
:root{--bg:#10141b;--panel:#1a212b;--line:#d2d8e21c;--text:#f1eee7;--muted:#a0a9b6;--gold:#dfa477;--green:#8ab9d5}
body{background:radial-gradient(ellipse at 60% 0,#24303e55,transparent 65%),#10141b;color:var(--text);-webkit-font-smoothing:antialiased}header{height:88px;border-bottom-color:#ffffff12}.brand{letter-spacing:3px}.brandmark{border:0;border-left:3px solid var(--gold);transform:none;font-size:33px;width:30px;line-height:29px}.brand small{font-size:7px;letter-spacing:2.5px}.avatar{border-color:#59606d;color:#dce5ec}.demo-dot{background:var(--gold)}main{padding-top:34px}.eyebrow{letter-spacing:2.3px;font-size:9px}.primary{background:#e3aa80;color:#141820;border:1px solid #f0c7a5;border-radius:2px;box-shadow:inset 0 1px #fff3}.primary:hover{background:#f0bd96}.secondary{border-color:#58616f;border-radius:2px;background:#202733}.sub{color:#aab3bf}h1{letter-spacing:-.6px}nav{background:#11161ef5;border-top-color:#ffffff1f;box-shadow:0 -8px 40px #0002}nav button,.cq-more{color:#9ca6b4}nav button.active{color:#f0c5a4}nav button.active:before{background:#dfa477;height:2px}
.command-hero{position:relative;min-height:590px;margin:-34px -5.56% 0;background:linear-gradient(90deg,#10141bf5 0%,#10141b99 35%,transparent 70%),linear-gradient(0deg,#10141b 0%,transparent 36%),url('assets/greyhaven-keyart.webp') center/cover;overflow:hidden;display:flex;align-items:center;padding:55px 5% 125px}.hero-copy{position:relative;max-width:530px;z-index:1}.hero-copy .eyebrow{display:flex;gap:10px;align-items:center;color:#d9c7b9}.hero-copy .eyebrow i{width:6px;height:6px;background:var(--gold)}.hero-copy h1{font-size:clamp(70px,8vw,116px);line-height:.94;font-weight:600;letter-spacing:-1.4px;margin:24px 0 10px}.hero-line{font-size:22px;font-weight:400;letter-spacing:.1px;color:#e4e6e8}.hero-intro{font-size:13px;line-height:1.9;color:#b4bdc9;margin:25px 0 30px}.hero-play{width:250px;justify-content:space-between;padding:18px 22px;font-size:12px;letter-spacing:.3px}.hero-play span{font-size:22px}.hero-army{display:flex;justify-content:space-between;width:250px;padding:20px 2px;font-size:11px;color:#b4becb}.hero-army:hover{color:#fff}.hero-caption{position:absolute;right:5%;bottom:125px;text-align:right}.hero-caption span{font-size:9px;letter-spacing:2px;color:#e4d0bf}.hero-caption small{display:block;margin-top:8px;font-size:9px;color:#afb8c4}.operation-meta{position:absolute;bottom:0;left:5%;right:5%;display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 20px;border-top:1px solid #ffffff29;gap:20px}.operation-meta small,.command-links small{font-size:8px;letter-spacing:2px;color:#9da7b5}.operation-meta strong{display:block;font-size:12px;font-weight:500;margin-top:10px}.command-links{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:30px}.command-links a{padding:6px 0 22px;border-bottom:1px solid #ffffff26}.command-links strong{display:flex;justify-content:space-between;font-weight:500;font-size:20px;margin:13px 0 8px}.command-links strong span{color:var(--gold)}.command-links p{color:var(--muted);font-size:11px}
.deck-banner{background:linear-gradient(105deg,#242d3a,#171e28);border-left:2px solid var(--gold)}.toolbar button.active{background:#e3aa80;color:#17202b}.mini{background:#1c2530;border-color:#687a8e}.mini .unit-illustration{width:62px;height:48px;object-fit:cover}.theater,.reserve,.formation-list button,select{background:#202b38;border-color:#526275}.unit-illustration{display:block;object-fit:cover;width:100%;height:100%}.card-art>.unit-illustration{position:absolute;inset:0;z-index:0}.card-art .type,.card-art .cost{z-index:1;text-shadow:0 1px 6px #000}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#10141b88,transparent 40%,#10141b33);pointer-events:none}.card-art{height:220px}.fp-front-art .unit-illustration{height:100%;width:100%;object-fit:cover}.selected-art .unit-illustration{width:130px;height:90px}.reserve .unit-illustration{width:52px;height:45px;grid-row:1/3;border-radius:2px}.card .type{color:#f1eee7}.card .cost{color:#fff}.cards{gap:22px}.card-body h3{font-weight:500}.cq-more-panel,dialog{background:#1a222e;border-color:#4f5c70;box-shadow:0 20px 70px #0008}.cq-menu-label,.cq-menu-foot,.cq-more-panel .cq-more-chevron{color:#94a2b5}.cq-more-panel .cq-more-icon{color:#c7d1df}.cq-more-panel a,.cq-more-panel button{color:#e8eaf0}.cq-more-panel a:hover,.cq-more-panel button:hover,.cq-more-panel a[aria-current=page]{background:#ffffff09}.elo-disclosure{background:#8ab9d508;border-color:#8ab9d530}.elo-disclosure strong{color:#dce5ed}.elo-table thead th,.elo-calculator input{background:#131b25}.elo-avatar,.elo-profile{background:linear-gradient(135deg,#303f52,#171e29);border-color:#59697c}.elo-outcomes button{background:#263c50;color:#bcd9ec;border-color:#5982a0}.elo-positive{color:#8ab9d5}.elo-record{line-height:1.5}.switch{background:#273d52;border-color:#6b94b4}.setting{border-color:var(--line)}
/* Deliberate battle hierarchy, same approved interaction layout. */
.battle-screen{background:#111822}.combat-hud,.combat-dock{background:#121a25f5;border-color:#8995a529;box-shadow:0 6px 24px #0003}.combat-hud{border-top:2px solid #bb815b}.combat-exit,.combat-hud>button{background:#26313f;color:#e6e9ed;border:1px solid #ffffff12}.combat-hud>.primary{background:#e3aa80;color:#17202a;border-color:#efbd96}.combat-mission small{color:#c5a287}.combat-status{background:#121b27;color:#aab7c6;font-variant-numeric:tabular-nums}.combat-status b{color:#e4edf6}.combat-objectives button{background:#202a37;border:1px solid #67727e;color:#ece2d9;box-shadow:inset 0 1px #ffffff08}.combat-objectives button.secured{background:#213649;color:#badcf3;border-color:#78a1bf}.combat-instruction{background:#111a26;color:#c6d0dd}.combat-actions button,.select-all{background:#283646;color:#dce5ef;border:1px solid #ffffff14;border-radius:2px}.combat-actions button:last-child{border-color:#9b7150;color:#eac3a5;background:#332c28}.combat-actions b{color:#ffd0a9}.select-all.active{background:#c89068;color:#131b24}.combat-dock .formation-list button{background:#1d2b3b;color:#c1d2e2;border-color:#506276;border-radius:2px;box-shadow:inset 0 1px #fff1}.combat-dock .formation-list button.active{border-color:#e2b08c;color:#f5d9c5;background:#34323a}.combat-dock .formation-list button i{background:#87b9da}.combat-sheet,.combat-sheet .sheet-title{background:#192330;border-color:#526171}.combat-option-buttons button{background:#29394b}.combat-sheet{scrollbar-color:#76869a #192330}.battle-screen .tactical-unit{background:#243d54;border-color:#243d54;outline-color:#a8cce6;color:#ecf5fc;border-radius:3px;box-shadow:0 4px 8px #0006}.battle-screen .tactical-unit.selected{outline-color:#f4c29c;box-shadow:0 0 0 5px #dfa47733,0 5px 12px #0008}.battle-screen .tactical-unit.enemy{background:#5a3032;border-color:#5a3032;outline-color:#d9a29c;color:#f4ded9}.tactical-unit .health{background:#14202c}.tactical-unit .health i{background:#9acbec}.tactical-unit.enemy .health i{background:#e5a29b}.objective small{background:#17212de6;color:#e9e7e0;border-radius:2px}.battle-screen .objective{background:#554636;border-color:#e1c0a1;color:#fff3e7}.battle-screen .objective.captured{background:#2d5571;border-color:#afd8f0}.battle-screen .objective.hostile{background:#713b3d}.battle-screen .goal-glow{box-shadow:0 0 0 6px #e4b78b20,0 3px 16px #0005!important;border:1px solid #f0c59d!important}.battle-screen .future-objective{border-color:#d3cfc2!important;color:#e5e0d5}.dot{background:#95c4e4}.dot.enemy{background:#df9a93}dialog::backdrop{background:#080d15cc}#toast{background:#e6c9b0;color:#18212c}
@media(max-width:720px){header{height:74px}main{padding-top:24px}.command-hero{margin:-24px -18px 0;min-height:650px;padding:200px 24px 130px;align-items:center;background:linear-gradient(0deg,#10141b 5%,#10141be6 40%,#10141b11 90%),url('assets/greyhaven-keyart.webp') 67% top/auto 450px no-repeat}.hero-copy h1{font-size:66px;margin-top:17px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-line{font-size:18px}.hero-intro{font-size:12px;margin:16px 0 20px}.hero-play,.hero-army{width:230px}.hero-caption{display:none}.operation-meta{left:24px;right:24px;gap:10px;padding:20px 0}.operation-meta small{font-size:6px;letter-spacing:1px}.operation-meta strong{font-size:10px;line-height:1.5}.command-links{gap:20px;grid-template-columns:1fr;margin-top:23px}.command-links strong{font-size:19px}.card-art{height:170px}.cards{gap:12px}.reserve .unit-illustration{width:40px}.mini .unit-illustration{width:44px;height:40px}}
@media(prefers-reduced-motion:reduce){.tactical-unit,.objective{transition:none!important}}
.tactical-unit{transition:left .19s linear,top .19s linear,box-shadow .2s}nav button span svg{display:block;margin:0 auto}.fp-front-art .unit-illustration{filter:none!important}.card-art .unit-illustration{filter:none!important}.combat-sheet .reserve{border-color:#4a5d72}.combat-sheet .reserve:hover{background:#30435a}
@media(prefers-reduced-motion:reduce){.tactical-unit{transition:none!important}}

.deck-notice{padding:14px 16px;margin:0 0 22px;background:#dfa4770d;border-left:2px solid #dfa477;color:#d4bda9;font-size:11px;line-height:1.8}