.teaching-board{display:grid;grid-template-columns:.8fr 1fr 2.65fr 1fr;grid-template-areas:". structures front paid" "grave castle rear supply" ". vault development passive";gap:14px;min-width:820px;padding:26px 18px;background:radial-gradient(ellipse at 50% 30%,#4a392530,transparent 65%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 12px),#15130f;border:1px solid #90703d;border-radius:14px;box-shadow:inset 0 0 55px #0008}.board-scroll{overflow-x:auto;margin:24px 0;scrollbar-color:#b98b3e #18140f;border-radius:14px}.board-zone{border:1px solid #74603b;background:#221e16ba;border-radius:5px;min-height:190px;padding:12px 8px;text-align:center;position:relative}.board-zone:before{content:"◆";position:absolute;color:#b98b3e;font-size:9px;top:-7px;left:calc(50% - 4px);background:#211b13;padding:0 5px}.board-zone h4{font:600 14px var(--display,Georgia);color:#e8cf9e;margin:0 0 12px}.zone-structures{grid-area:structures}.zone-front{grid-area:front}.zone-paid{grid-area:paid}.zone-grave{grid-area:grave}.zone-castle{grid-area:castle}.zone-rear{grid-area:rear}.zone-supply{grid-area:supply}.zone-vault{grid-area:vault}.zone-development{grid-area:development}.zone-passive{grid-area:passive}.zone-cards{display:flex;justify-content:center;align-items:center;gap:12px;min-height:145px}.board-back{width:83px;height:auto;border-radius:6px;box-shadow:3px 3px #48371f,5px 5px #100e0b,7px 7px #655034}.zone-empty{font-size:13px;color:#87785e;font-style:italic}.board-card{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:92px;padding:0;background:none;border:0;color:#ddcda9;font:12px Georgia;cursor:zoom-in}.board-card img{width:82px;height:auto;border-radius:5px;box-shadow:0 4px 12px #0009;transition:transform .18s}.board-card:hover img{transform:translateY(-4px)}.paid-card img{transform:rotate(90deg) scale(.8);margin:0 12px}.paid-card:hover img{transform:rotate(90deg) scale(.86)}.board-hint{font-size:14px;color:#c7a96c!important}.board-legend{border-left:2px solid #b98b3e;padding-left:20px}.copy-limits{padding:24px;background:#171510;border:1px solid #665231;border-radius:10px;margin:26px 0}.copy-limits h4{font:600 23px var(--display);margin:0 0 12px}.copy-limits h5{font-size:20px;margin:20px 0 10px}.limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.limit-grid>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #463c2a;padding:12px}.limit-grid strong{color:#ecc582;font-size:24px}.structure-limits{grid-template-columns:repeat(4,minmax(0,1fr))}.structure-limits>div{flex-wrap:wrap;justify-content:center}.structure-limits img{object-fit:contain}.turn-timeline{display:flex;flex-direction:column;position:relative;padding:8px 0}.turn-timeline:before{content:"";position:absolute;top:45px;bottom:45px;left:38px;width:1px;background:#99723c}.turn-timeline .phase{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:26px;padding:22px 0!important;border:0;position:relative}.phase-symbol{grid-row:1 / 3;object-fit:contain;background:#1e1b15;z-index:1}.turn-timeline .phase h3{margin:4px 0 10px}.turn-timeline .phase p{grid-column:2;font-size:17px}.age-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0;align-items:start}.age-step{border:1px solid #766039;border-radius:8px;background:#171510;padding:16px}.age-step summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;font:600 23px var(--display)}.age-step summary::-webkit-details-marker{display:none}.age-step summary img{object-fit:contain}.age-step small{display:block;font:16px Georgia;color:#c7bda9;margin-top:8px}.age-expand{margin-left:auto;color:#d1ad6b}.age-step[open] .age-expand{transform:rotate(45deg)}.age-requirements{border-top:1px solid #504125;margin-top:16px;padding-top:8px}.card-preview{border:1px solid #ac8644;border-radius:10px;background:#181510;color:#eed7a9;padding:20px;max-height:92dvh;max-width:90vw}.card-preview::backdrop{background:#000c}.card-preview img{display:block;max-height:72dvh;max-width:100%;width:auto;margin:12px auto}.card-preview button{font:inherit;padding:8px 15px;background:#34291a;color:#edd3a0;border:1px solid #a98246;cursor:pointer}.card-preview h3{font-size:20px;margin:10px 0}@media(max-width:650px){.limit-grid,.structure-limits{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-limits{padding:16px}.age-path{grid-template-columns:1fr}.turn-timeline .phase{column-gap:15px;grid-template-columns:62px minmax(0,1fr)}.phase-symbol{width:62px;height:62px}.turn-timeline:before{left:31px}}
/* Visible chronological progression */
.era-timeline,.evolution-timeline{list-style:none;margin:32px 0;padding:0;display:grid;gap:24px;position:relative}.era-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.era-timeline:before,.evolution-timeline:before{content:"";height:1px;position:absolute;top:40px;left:9%;right:9%;background:linear-gradient(90deg,#705332,#e4bd77,#705332)}.era-timeline>li{position:relative;text-align:center;padding:0 14px 20px;background:linear-gradient(180deg,transparent,#17150f);border-bottom:2px solid #715631}.era-icon{position:relative;object-fit:contain;background:var(--stone-2);padding:4px}.era-timeline h4{font:600 24px var(--display);color:#e7c995;margin:14px 0}.era-cost{display:inline-block;border:1px solid #77603b;padding:7px 9px;color:#e3c48e;font-size:15px}.era-timeline h5{font-size:18px;margin:20px 0 10px}.era-timeline p{font-size:17px;line-height:1.6;text-align:left}.evolution-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.evolution-timeline>li{text-align:center;position:relative}.evolution-timeline>li+li:before{content:"→";position:absolute;left:-36px;top:55%;font-size:32px;color:#d7ad5f}.evolution-timeline .era-icon{display:block;margin:0 auto 18px}.evolution-card{display:block;max-width:230px;width:100%;margin:auto;padding:0;background:none;border:0;border-radius:10px;cursor:zoom-in}.evolution-card>img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 8px 22px #0008}.evolution-timeline h4{font:600 19px var(--display);color:#e6c897;margin:18px 0}.evolution-caption{text-align:center;font-style:italic}@media(max-width:800px){.era-timeline{grid-template-columns:1fr;gap:22px}.era-timeline:before{width:1px;height:auto;top:30px;bottom:40px;left:38px;right:auto}.era-timeline>li{text-align:left;padding:0 12px 22px 100px;min-height:90px}.era-timeline .era-icon{position:absolute;left:0;top:0;width:76px;height:76px}.era-timeline h4{margin-top:0}.evolution-timeline{grid-template-columns:1fr;gap:50px}.evolution-timeline:before{display:none}.evolution-timeline>li+li:before{content:"↓";left:calc(50% - 10px);top:-44px}.evolution-card{max-width:225px}}
.era-timeline .era-icon{display:block;margin:0 auto}@media(max-width:800px){.era-timeline .era-icon{margin:0}}