/* A game hub with a visible, permanent route from a starter patch to a landmark Yard. */
.yard-sprite.upgraded{background-image:url('/yard-upgrades-v37.webp');background-size:300% 200%}.yard-sprite.landmark{background-image:url('/yard-landmarks-v37.webp');background-size:300% 200%}
body[data-page=play] .topline{margin-bottom:14px}body[data-page=play] .topline .subtitle{display:none}body[data-page=play] .resource-bar{margin-bottom:12px}
body[data-page=play] .yard-hub{padding:12px 16px;margin-bottom:12px}body[data-page=play] .yard-hub img,body[data-page=play] .yard-hub>.coop-avatar{width:48px;height:48px}body[data-page=play] .yard-hub h2{font-size:1.4rem}body[data-page=play] .yard-hub p{margin:3px 0;font-size:.875rem}.yard-hub .text-button{font-size:.875rem}
.chapter-strip{display:flex;gap:16px;align-items:center;border:1px solid #42d9d066;border-left:4px solid #42d9d0;background:linear-gradient(110deg,#152a2d,#211b26 68%);padding:12px 18px;margin:12px 0 20px}.chapter-reward-art{width:90px;min-width:90px;height:90px}.chapter-reward-art .yard-sprite,.landmark-art .yard-sprite,.build-evolution .yard-sprite{width:100%;height:100%;display:block}.chapter-summary{flex:1;min-width:0}.chapter-strip h2{font-family:Bangers,sans-serif;font-size:1.7rem;margin:3px 0;color:#f4ecd8}.chapter-strip small{font-size:.75rem;color:#bccfca}.chapter-strip p{margin:4px 0;font-size:.9rem}.chapter-strip progress{width:100%;max-width:480px;height:6px;accent-color:#42d9d0}.chapter-actions{display:grid;gap:6px;max-width:230px}.chapter-actions .button{font-size:.9rem}.chapter-actions .text-button{font-size:.875rem;text-align:center}
.building-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.building-plan{padding:18px;background:#211b26;border:1px solid #655b67;border-top:3px solid #f4b942;display:flex;flex-direction:column;gap:10px}.building-plan h3{font:1.8rem Bangers,sans-serif;margin:0}.building-plan p{margin:0;line-height:1.5}.build-evolution{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;margin:5px 0 15px}.build-evolution>div{flex:1;min-width:0;max-width:230px;text-align:center}.build-evolution .yard-sprite{aspect-ratio:1.15;height:auto}.build-evolution small{font-size:.75rem;color:#c8bcb4;display:block;margin-top:5px}.build-evolution>span{font-size:1.6rem;color:#42d9d0}.material-progress{display:grid;gap:5px;font-size:.875rem;margin-top:auto}.material-progress progress{width:100%;height:7px;accent-color:#f4b942}.build-requirement{font-size:.875rem;color:#f4b942}.build-complete{color:#42d9d0}.building-plan>.button{margin-top:auto}.chapter-roadmap{margin-top:40px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.chapter-card{background:#1b1820;border:1px solid #615260;overflow:hidden}.chapter-card.current{border-color:#42d9d0}.chapter-card.complete{border-color:#b38a3c}.landmark-art{height:210px;position:relative;background:radial-gradient(ellipse,#76602a40,transparent 70%);padding:14px 32px 24px}.landmark-art>span:last-child{position:absolute;bottom:0;left:14px;background:#f4ecd8;color:#151218;font-size:.75rem;font-weight:800;padding:4px 9px}.chapter-copy{padding:18px}.chapter-copy h3{font:1.8rem Bangers,sans-serif;margin:0 0 7px}.chapter-prize{color:#f4b942;font-weight:700;font-size:.9rem}.chapter-copy ul{list-style:none;padding:0;margin:15px 0;display:grid;gap:9px}.chapter-copy li{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;color:#d9ced9}.chapter-copy li.done{color:#42d9d0}.chapter-copy li b{white-space:nowrap}.chapter-copy .text-button{display:block;margin-top:12px;font-size:.875rem}.chapter-copy .button{width:100%}#yard-build-review{background:#211b26;color:#f4ecd8;border:1px solid #42d9d0;width:min(640px,calc(100vw - 30px));padding:30px;max-height:90vh;overflow:auto}#yard-build-review h2{color:#f4ecd8!important;-webkit-text-fill-color:#f4ecd8!important;font:2.4rem Bangers,sans-serif;margin:10px 0}#yard-build-review p{line-height:1.6}
@media(max-width:1000px){.building-grid,.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-actions{max-width:180px}}
@media(max-width:600px){body[data-page=play] .topline h1{font-size:1.9rem}body[data-page=play] .topline .kicker{display:none}body[data-page=play] .yard-hub{display:flex;flex-wrap:wrap;gap:7px;padding:10px}.yard-hub>img,.yard-hub>div{display:none}.yard-hub .button{flex:1;padding:9px 8px;font-size:.8rem}.yard-hub .text-button{display:none}.chapter-strip{padding:10px;gap:9px;flex-wrap:wrap;margin:10px 0}.chapter-reward-art{width:60px;min-width:60px;height:60px}.chapter-summary{width:calc(100% - 75px)}.chapter-strip h2{font-size:1.35rem}.chapter-strip p{font-size:.8rem}.chapter-strip small{font-size:.75rem}.chapter-actions{display:flex;max-width:none;width:100%;justify-content:space-between;align-items:center;gap:5px}.chapter-actions .button,.chapter-actions .text-button{font-size:.8rem}.chapter-actions .button{padding:8px 10px}.building-grid,.chapter-grid{grid-template-columns:1fr}.building-plan{padding:15px}.landmark-art{height:220px}.chapter-copy{padding:16px}.chapter-roadmap{margin-top:28px}.build-evolution .yard-sprite{max-height:180px}#yard-build-review{padding:24px 18px}.chapter-strip .chapter-reward-art .yard-sprite{opacity:.85}}
@media(prefers-reduced-motion:reduce){.chapter-strip *{animation:none!important}}
body[data-page=play] .topline{align-items:center;gap:15px;margin-bottom:10px}body[data-page=play] .topline h1{font-size:2rem;margin:0}body[data-page=play] .topline .kicker{display:none}body[data-page=play] .resource{padding:8px 12px;min-height:52px}body[data-page=play] .resource strong{font-size:1.3rem}body[data-page=play] .yard-hub{padding:8px 12px;justify-content:flex-start}body[data-page=play] .yard-hub>img,body[data-page=play] .yard-hub>div{display:none}body[data-page=play] .yard-hub .button{padding:8px 15px}.chapter-strip{padding:10px 15px}.chapter-summary progress{display:block;margin:7px 0}.chapter-actions .text-button{color:#d2c4d1}.chapter-reward-art{width:75px;min-width:75px;height:75px}.chapter-summary progress::-webkit-progress-value{background:#42d9d0}.material-progress progress::-webkit-progress-value{background:#f4b942}
.base-production{padding:20px;margin-bottom:26px;background:#211b26;border:1px solid #42d9d066}.base-production h2{font:1.8rem Bangers,sans-serif;margin:5px 0}.base-production p{font-size:.9rem;margin:8px 0}.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.production-grid article{display:flex;gap:12px;align-items:center;border:1px solid #65556a;padding:12px;flex-wrap:wrap}.production-art{width:65px;height:65px}.production-art .yard-sprite{width:100%;height:100%}.production-grid article>div:nth-child(2){flex:1;min-width:120px}.production-grid h3{font:1.4rem Bangers,sans-serif;margin:0 0 5px}.production-grid strong{font-size:.9rem}.production-grid progress{display:block;width:100%;height:6px;margin:7px 0;accent-color:#42d9d0}.production-grid small{font-size:.75rem;color:#c7bdc8}.production-grid button{font-size:.875rem}@media(max-width:600px){.production-grid{grid-template-columns:1fr}.base-production{padding:15px}.production-grid button{width:100%}}