:root{--bg:#0c0b09;--surface:#161311;--border:#2a2622;--text:#e8e4dc;--muted:#8a8478;--accent-hex:#c4a574;--accent-map:#6b9bd1;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Onest", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.page{flex-direction:column;max-width:56rem;min-height:100vh;margin:0 auto;padding:clamp(1.5rem,4vw,3rem);display:flex}.header{margin-bottom:clamp(2rem,5vw,3rem)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:.75rem}.title{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:600;line-height:1.15}.lede{max-width:36rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.55}.grid{flex:1;align-content:start;gap:1.25rem;display:grid}@media (width>=640px){.grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.card{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}a.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000059}.card--hexes:hover{border-color:color-mix(in srgb, var(--accent-hex) 55%, var(--border))}.card--map:hover{border-color:color-mix(in srgb, var(--accent-map) 55%, var(--border))}.card--disabled{opacity:.72;cursor:default}.card__preview{border-bottom:1px solid var(--border);height:9rem;position:relative}.card--hexes .card__preview{background:linear-gradient(160deg,#1a1714 0%,#0f0e0c 100%)}.card--map .card__preview{background:linear-gradient(160deg,#121a22 0%,#0c1014 100%)}.preview-hexes{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);align-content:center;gap:5px;padding:1.25rem;display:grid;position:absolute;inset:0}.preview-hexes__cell{background:#2a2620;border:1px solid #3d3830;border-radius:3px}.preview-hexes__cell:nth-child(3n){background:color-mix(in srgb, var(--accent-hex) 22%, #2a2620);border-color:color-mix(in srgb, var(--accent-hex) 35%, #3d3830)}.preview-map{perspective:420px;justify-content:center;align-items:flex-end;gap:.65rem;padding:1.25rem 1.5rem;display:flex;position:absolute;inset:0}.preview-map__block{border-radius:4px;width:2.4rem;transform:rotateX(12deg)rotateY(-18deg);box-shadow:0 8px #00000059}.preview-map__block--a{background:linear-gradient(135deg,#4a7aaf 0%,#2d4a6e 100%);height:3.2rem}.preview-map__block--b{background:linear-gradient(135deg,#5a8fc4 0%,#3a5f8a 100%);height:4.6rem}.preview-map__block--c{background:linear-gradient(135deg,#3d6894 0%,#284560 100%);height:2.6rem}.card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.35rem 1.4rem;display:flex}.card__title{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:600}.card__desc{color:var(--muted);flex:1;margin:0;font-size:.9rem;line-height:1.5}.card__cta{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hex);margin-top:.35rem;font-size:.8rem;font-weight:600}.card--map .card__cta:not(.card__cta--muted){color:var(--accent-map)}.card__cta--muted{color:var(--muted);text-transform:none;letter-spacing:normal;font-weight:500}.footer{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem;font-size:.85rem}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--text)}