/* Imperial Dawn: painted landscapes, midnight enamel and warm metal.
   Presentation only; choices and map actions retain their existing handlers. */
.start-screen{background:radial-gradient(ellipse at 80% 12%,#31455b55,transparent 55%),#0b1320}
.start-main{max-width:1500px;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:5%;padding:42px 5%;min-height:calc(100dvh - 136px)}
.start-copy h1{font-size:clamp(54px,6.3vw,92px);margin:20px 0 24px}
.start-copy>p{max-width:410px;font-size:14px;line-height:1.85;color:#bdc7d3}
.start-actions{max-width:440px}
.menu-choice{min-height:84px;transition:border-color .16s,background .16s}
.menu-choice:hover{background:linear-gradient(115deg,#35465c,#1a2b3f);border-color:#e1c88d}
.menu-secondary{justify-content:flex-start}
.start-art{min-height:550px;align-self:stretch;justify-content:flex-end;border:1px solid #9d835c80;border-radius:15px;overflow:hidden;box-shadow:0 24px 70px #0008;filter:none;background:#101b2b}
.start-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b142010 40%,#0b14209c 66%,#0b1420 88%);box-shadow:inset 0 0 0 5px #101b2b65}
.start-art>.start-world{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:64% 50%;filter:none;z-index:0}
.start-art-caption{border:0;background:none;margin:0;padding:28px 18px 12px;z-index:1}
.start-art-caption .eyebrow{font-size:10px;letter-spacing:.18em}
.start-art-caption p{font:27px Georgia,serif;color:#f4e8cc;margin:10px 0}
.start-realms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 22px 22px;position:relative;z-index:1}
.start-realms figure{margin:0;min-width:0}
.start-realms img{display:block;width:100%;height:78px;object-fit:cover;object-position:50% 35%;border:1px solid #b89a5b80;border-radius:7px}
.start-realms figcaption{color:#c5c9d2;font-size:10px;letter-spacing:.04em;margin-top:8px}
.start-footer{max-width:none}

/* Portrait gallery and the selected realm's dossier. */
.race-draft{background:linear-gradient(#0c1524e8,#0c1524f8),url('assets/imperial-dawn/title-world.webp') center top/cover fixed}
.race-choice-workspace{grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);gap:24px;max-width:1500px}
.race-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.race-choice{border-radius:12px;border-color:#75684e;background:#152235;box-shadow:0 8px 24px #0004}
.race-choice>img{height:clamp(150px,14vw,210px);object-position:50% 30%}
.race-choice-copy{padding:15px 14px 18px;gap:7px;background:linear-gradient(#1e2b3b,#111e30)}
.race-choice-copy small{font-size:8px;letter-spacing:.09em;min-height:22px}
.race-choice-copy strong{font-size:28px;color:#f0e6cf}
.race-choice-copy em{font-size:11px;line-height:1.5;min-height:33px}
.race-chosen{top:9px;right:9px;border-radius:5px;font-size:8px;background:#0b1420eb}
.race-dossier{border-radius:12px;border-color:#776a5080;background:linear-gradient(145deg,#202e41,#111d2e);padding:22px;max-height:calc(100dvh - 305px);min-height:420px}
.race-dossier-portrait{width:calc(100% + 44px);max-width:none;height:160px;object-fit:cover;object-position:50% 30%;margin:-22px -22px 20px;display:block;mask-image:linear-gradient(#000 75%,transparent)}
.race-dossier h2{font-size:36px}.race-empty>span{color:#c4a66a55}
.race-draft-footer{background:#0d1726f5;border-color:#aa8e585c}
.race-summary>img{object-position:50% 30%}

/* Founding uses the same surfaces and controls as the in-game workspaces. */
.founding-screen{--paper:#0e1726;--ink:#eee6d3;--muted:#afbdcc;background:linear-gradient(#0b1420e8,#0b1420fa),url('assets/imperial-dawn/title-world.webp') center top/cover fixed;min-height:100dvh}
.founding-header{background:#0b1420db;border-color:#9c84553b;padding:20px 4%;min-height:82px}
.founding-header .brand-name,.founding-header .brand-name span{color:#eadcb6}
.founding-header .brand-mark{color:#e2c58b;border-color:#a68b55;background:#19283b}
.founding-screen .eyebrow{color:#d8bc7c}
.founding-screen .btn.ghost,.founding-screen .icon-btn{background:#152235;border:1px solid #65718780;color:#dce3eb}
.founding-screen .btn.primary{background:linear-gradient(#a48a52,#6f5a30);border:1px solid #d2b777;color:#fff8dc;border-radius:8px;box-shadow:inset 0 0 0 2px #1b203550,0 3px 12px #0004}
.founding-screen .btn.primary:hover{background:linear-gradient(#bba269,#89723f);border-color:#f0db9f}
.founding-workspace{max-width:1460px;padding:32px 4% 40px}
.founding-heading{border-bottom:1px solid #b0956038;padding-bottom:24px;margin-bottom:24px}
.founding-heading h1{color:#f4e8cb;font-size:clamp(30px,3.5vw,48px)}
.founding-heading p{max-width:710px;line-height:1.75;font-size:13px}
.founding-race-banner{width:200px;height:120px;border:1px solid #b29660a0;border-radius:9px;object-position:50% 30%;box-shadow:0 10px 28px #0005}
.draft-format{gap:16px}
.draft-format article{position:relative;overflow:hidden;padding:0 22px 22px;border-radius:12px;border-color:#8c78504d;background:linear-gradient(#253247,#152131);box-shadow:0 8px 20px #0003}
.draft-format-art{display:block;width:calc(100% + 44px);height:145px;max-width:none;margin:0 -22px 20px;object-fit:contain;background:radial-gradient(ellipse at center,#53637a55,#111d2d);border-bottom:1px solid #8c78504d}
.draft-format article:nth-child(2) .draft-format-art{object-fit:cover;object-position:50% 28%}
.draft-format article:first-child .draft-format-art,.draft-format article:last-child .draft-format-art{object-fit:cover;object-position:50% 45%}
.draft-format article>svg{position:absolute;right:20px;top:164px;color:#dfc58c;width:27px;height:27px}
.draft-format article>strong{font-size:34px;color:#dec38a;margin:0}
.draft-format h2{color:#f1e6cf;margin:7px 0 10px}
.draft-format p{font-size:12px;line-height:1.65}
.founding-setup-controls{background:linear-gradient(130deg,#203047,#142132);border:1px solid #8e79514f;border-radius:12px;gap:42px;padding:28px;margin-top:24px}
.founding-setup-controls input{border-color:#7a6a48;background:#0b1524;color:#f2e8d3;border-radius:7px}
.founding-screen .difficulty-choice{background:#111e30;color:#dce4ec;border:1px solid #6f7d915c;border-radius:7px}
.founding-screen .difficulty-choice.selected{background:#3e3829;border-color:#d9bd7c;box-shadow:inset 0 -2px #d9bd7c}
.founding-screen .difficulty-choice strong{color:#f0e5cc}
.founding-screen .rarity-common{--rarity:#bbc3c9;--rarity-soft:#243241}
.founding-screen .rarity-uncommon{--rarity:#82c8c1;--rarity-soft:#19383b}
.founding-screen .rarity-rare{--rarity:#c6a4eb;--rarity-soft:#302640}
.founding-screen .rarity-legendary{--rarity:#e5bd77;--rarity-soft:#403426}
.founding-rarity-bar>span{border-radius:6px;border-color:color-mix(in srgb,var(--rarity) 50%,transparent);font-size:11px;padding:8px 12px}
.founding-table{grid-template-columns:minmax(0,1fr) 245px;gap:22px;align-items:start}
.founding-choice{border:1px solid #6e788775;border-top:3px solid var(--rarity);border-radius:12px;background:linear-gradient(145deg,#243247,#121f31);box-shadow:0 10px 30px #0004}
.founding-choice:hover{border-color:var(--rarity);box-shadow:0 12px 35px #0006,0 0 18px color-mix(in srgb,var(--rarity) 12%,transparent)}
.founding-choice:focus-visible{outline-color:#f0d595}
.draft-choice-top{padding:17px 18px 12px;font-size:9px}
.founding-choice-art{height:195px;margin:0;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--rarity) 17%,#142031),#101b2b);border-block:1px solid #8393a31c;overflow:hidden}
.founding-choice-art canvas{width:235px;height:195px;max-width:100%;filter:drop-shadow(0 12px 12px #0004)}
.founding-choice-art img{width:100%;height:195px;max-height:none;object-fit:contain;border-radius:0;filter:drop-shadow(0 12px 12px #0005)}
.founding-choice-art img[src$=".webp"]{object-fit:cover}
.capital-art{position:relative;display:block;width:100%;height:100%;isolation:isolate}
.inspector-capital-art{height:210px;width:100%}.inspector-capital-art .capital-art>img{width:100%;height:100%;object-fit:contain}
.founding-choice-art .capital-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4px 14px}
.founding-city-choice .founding-choice-copy>strong{margin-bottom:8px}
.founding-city-choice .capital-focus{color:#e2c987;font-weight:600;line-height:1.4;margin-bottom:8px}
.founding-city-choice .capital-description{font-style:italic;color:#bdc8d3;line-height:1.5}
.founding-city-choice .capital-facts{display:grid;gap:7px;border-block:1px solid #8d9eaf30;padding:12px 0;margin:13px 0 10px}
.capital-facts>span{display:block;color:#e2e9ee;line-height:1.45}
.capital-facts b{display:block;color:#95aabc;font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:500;margin-bottom:2px}
.founding-city-choice .capital-terrain{color:#9fafbe;font-size:11px;line-height:1.5}
@media(max-width:700px){.founding-city-choice .founding-choice-art{height:160px;align-self:start;margin-top:12px}.founding-city-choice .capital-art>img{padding:0 2px}.founding-city-choice .capital-facts{margin:10px 0;padding:9px 0;gap:6px}.founding-city-choice .capital-terrain{font-size:10px}}
.founding-choice-copy{padding:18px;min-height:176px}
.founding-choice-copy>strong{color:#f1e6cf;font-size:23px;margin:9px 0 12px}
.founding-choice-copy>span{color:#c0ccd9;font-size:12px;line-height:1.7}
.founding-take{border-color:#75869a33;background:linear-gradient(90deg,var(--rarity-soft),#19283b);color:var(--rarity);padding:15px 18px}
.founding-collection{background:linear-gradient(145deg,#1c2a3e,#111d2d);border:1px solid #a48a554f;border-radius:12px;padding:20px;position:sticky;top:18px}
.founding-collection>h2{color:#edd7a4}
.founding-ledger li{border-color:#5e6f813a}
.founding-ledger h3 svg{color:#d6bb83}
.founding-rounds>span{border-color:#5c6e8559;color:#8393a7;border-radius:6px;background:#111d2d}
.founding-rounds .current{background:#6b5733;border-color:#d6b97b;color:#fff4d5}
.founding-rounds .finished{background:#203c3a;border-color:#4e8a80;color:#a7dcd0}
.founding-bottom,.founding-review-controls{border-color:#947d4e50}
.founding-review{border:1px solid #9f875559;background:linear-gradient(145deg,#223047,#121f30);border-radius:12px}
.founding-warning{background:#442c29;color:#f2c3b5;border-color:#be7d66}

/* Artwork is now the upper half of each action card, with legible rules below. */
.command-dock{height:226px}
.hand{align-items:stretch;min-width:0}
.action-card{padding:0 0 10px;overflow:hidden;min-width:112px;max-width:182px;height:218px;border-radius:10px;flex:1 1 0}
.action-card:before{display:none}
.action-card .card-illustration{flex:1 1 104px;height:104px;min-height:80px;max-height:104px;width:100%;margin:0 0 8px;border-radius:0;background:radial-gradient(ellipse,#536174,#172638);overflow:hidden}
.card-illustration>img{object-fit:cover;object-position:center;transform:scale(1.12);filter:drop-shadow(0 5px 6px #0005)}
.card-illustration:after{inset:75% 0 0;background:linear-gradient(transparent,#101b2c99)}
.action-card .card-cost{z-index:3;top:7px;right:7px}
.action-card .card-type,.action-card .card-title,.action-card .card-text{margin-left:10px;margin-right:9px}
.action-card .card-type{margin-bottom:4px;font-size:7px;flex-shrink:0}
.action-card .card-title{font-size:15px;line-height:1.15;margin-bottom:5px;flex-shrink:0}
.action-card .card-text{font-size:10px;line-height:1.35;flex-shrink:0}
.action-card .card-symbol{left:7px;bottom:6px;background:#101c2de8}
.action-card:disabled{opacity:.8;filter:saturate(.55)}
.inspector,.inspector.unit-inspector,.map-controls{bottom:254px}
.terrain-specimen{display:block;width:100%;height:140px;object-fit:contain;background:radial-gradient(ellipse,#33476077,#152335);padding:5px}

@media(min-width:1550px){.start-art{min-height:660px}.race-choice>img{height:215px}}
@media(min-width:1101px) and (max-height:850px){
  .race-draft-heading{margin:16px auto}.race-draft-heading h1{font-size:40px}.race-draft-heading>p{font-size:12px;line-height:1.6}
  .race-choice>img{height:125px}.race-choice-copy{padding:10px 12px;gap:4px}.race-choice-copy small{min-height:12px}.race-choice-copy strong{font-size:25px}.race-choice-copy em{font-size:10px;min-height:30px}
  .race-dossier{min-height:400px;max-height:calc(100dvh - 270px)}.race-empty{min-height:340px}
}
@media(max-width:1100px){
  .start-main{padding:32px 4%;gap:4%;grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr)}
  .start-art{min-height:540px}.start-realms{grid-template-columns:repeat(3,1fr);padding:0 18px 18px;gap:10px}.start-realms img{height:65px}
  .race-choice-workspace{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:18px}.race-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.race-choice>img{height:170px}
  .founding-table{grid-template-columns:1fr}.founding-collection{position:static}.founding-collection .founding-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .action-card .card-title{font-size:14px}.action-card .card-illustration{flex-basis:96px;max-height:96px}
}
@media(max-width:850px){
  .race-choice-workspace{grid-template-columns:1fr}.race-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.race-dossier{max-height:none;min-height:0}.race-dossier-portrait{height:210px}.race-empty{min-height:160px}
}
@media(max-width:750px){
  .command-dock{height:224px;grid-template-rows:34px 182px;gap:7px}
  .hand{height:182px;overflow-y:hidden}
  .action-card{flex:0 0 143px;min-width:143px;max-width:143px;height:179px;padding:0 0 6px}
  .action-card .card-illustration{height:74px;min-height:58px;max-height:74px;flex-basis:74px;margin-bottom:6px}
  .action-card .card-title{font-size:13px;line-height:1.15;margin-bottom:4px}
  .action-card .card-type{font-size:6px;margin-bottom:3px}
  .action-card .card-text{font-size:9px;line-height:1.3}
  .action-card .card-type,.action-card .card-title,.action-card .card-text{margin-left:8px;margin-right:8px}
  .inspector,.inspector.unit-inspector,.map-controls{bottom:241px}
}
@media(max-width:700px){
  .start-main{display:flex;flex-direction:column;gap:30px;padding:30px 22px}.start-copy{width:100%}.start-copy h1{font-size:58px}.start-copy>p{font-size:13px}.start-actions{max-width:none}
  .start-art{width:100%;max-width:none;min-height:440px;margin:0;border-radius:10px}.start-realms{grid-template-columns:repeat(6,minmax(0,1fr));padding:0 12px 18px;gap:5px}.start-realms img{height:60px}.start-realms figcaption{font-size:8px}.start-art-caption p{font-size:24px}
  .race-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.race-choice>img{height:160px}.race-choice-copy{padding:12px}.race-choice-copy strong{font-size:25px}.race-choice-copy em{font-size:10px}
  .founding-header{padding:14px}.founding-workspace{padding:24px 16px}.founding-race-banner{width:105px;height:100px}.founding-heading{gap:14px;align-items:start}.founding-heading h1{font-size:30px}.founding-heading p{font-size:12px}
  .draft-format{gap:12px}.draft-format article{padding:0 15px 18px}.draft-format-art{width:calc(100% + 30px);margin:0 -15px 15px;height:110px}.draft-format article>svg{top:129px;right:14px;width:20px;height:20px}.draft-format h2{font-size:20px}.draft-format p{font-size:11px}
  .founding-setup-controls{padding:20px;gap:25px}.founding-screen .difficulty-choice{min-width:0}.founding-setup-actions{justify-content:flex-start}
  .founding-offers{gap:16px}.founding-choice{grid-template-columns:125px minmax(0,1fr);border-radius:10px}.draft-choice-top{padding:13px 15px 10px}
  .founding-choice-art{width:125px;height:145px;border:0;align-self:center;margin:0}.founding-choice-art canvas{width:145px;height:135px;max-width:none}.founding-choice-art img{width:125px;height:145px}
  .founding-choice-copy{min-height:145px;padding:14px 15px 14px 10px}.founding-choice-copy>strong{font-size:20px;margin:7px 0 10px}.founding-choice-copy>span{font-size:11px;line-height:1.55}.founding-take{padding:12px 15px}
  .founding-collection .founding-ledger{grid-template-columns:1fr 1fr}.founding-rarity-bar>span{font-size:10px;padding:7px 9px}
}
@media(max-height:700px) and (min-width:751px){
  .start-main{padding-block:25px}.start-art{min-height:460px}.start-copy h1{font-size:65px}.menu-choice{min-height:72px;padding-block:12px}
  .command-dock{height:205px}.action-card{height:198px}.action-card .card-illustration{min-height:68px;max-height:85px;flex-basis:85px}
  .inspector,.inspector.unit-inspector,.map-controls{bottom:233px}
}
@media(min-width:1101px) and (max-height:850px){
  .founding-workspace{padding-top:22px}.founding-heading{padding-bottom:18px;margin-bottom:18px}.founding-heading h1{font-size:36px;margin:8px 0 10px}.founding-race-banner{width:170px;height:96px}
  .founding-rarity-bar{margin:14px 0 18px}.founding-choice-art,.founding-choice-art img{height:140px}.founding-choice-art canvas{height:140px;width:190px}
  .founding-choice-copy{padding:16px;min-height:150px}.founding-choice-copy>strong{font-size:21px}.founding-choice-copy>span{font-size:11px;line-height:1.6}
}