*{box-sizing:border-box}body{margin:0;background:#171c29;color:#f2e7ce;font:16px/1.5 system-ui}main{max-width:1180px;margin:auto;padding:28px}header{border-bottom:1px solid #586173;margin-bottom:20px}h1{font:700 58px Georgia;margin:0}h2{font:700 24px Georgia;margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#d6ac62}.intro{padding:18px 22px;background:#273144;border-left:4px solid #d5a866}.intro p{margin:5px 0}#forts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.fort{position:relative;border:1px solid #596477;overflow:hidden;border-radius:14px;background:#273144}.towerart{position:absolute;inset:0;background:url('atlas.webp') 100% 100%/200% 200%;opacity:.25}.forttext{position:relative;padding:20px}.height{font:700 37px Georgia}.meter{height:7px;background:#151a25;margin:10px 0 16px}.meter i{display:block;height:100%;background:#efc577}.resources{display:flex;gap:14px}.resource{display:grid;grid-template-columns:38px auto;column-gap:8px;align-items:center;flex:1}.resource .art{width:38px;height:50px;grid-row:span 2;border-radius:6px}.resource b{font-size:23px;line-height:1}.resource small{font-size:10px}.art{display:block;background-image:url('atlas.webp');background-size:200% 200%}.a0{background-position:0 0}.a1{background-position:100% 0}.a2{background-position:0 100%}.bar{display:flex;justify-content:space-between;align-items:center}#hand{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.card{padding:0;text-align:left;overflow:hidden;display:flex;flex-direction:column;background:#efe3cb;color:#202939;min-width:0;border:3px solid transparent;border-radius:12px}.card .art{height:115px;width:100%}.card .cost{background:#28384f;color:#f9e9c9;font-size:11px;padding:5px 9px;width:100%}.card b{font:700 18px Georgia;padding:10px 9px 5px}.card>span:last-child{font:13px/1.4 system-ui;padding:0 9px 12px}.card.selected{border-color:#ffce72;box-shadow:0 0 0 3px #dca45566}.card.unaffordable{filter:saturate(.55)}button,input,select{font:600 14px system-ui;min-height:44px;border:1px solid #738099;border-radius:7px;padding:10px 14px;background:#26364d;color:#fff1d2;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #f5bc56}#play{background:#b77b32}.actions{display:flex;justify-content:space-between;gap:20px;padding:20px;border:1px solid #657083;border-radius:12px;margin:20px 0}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:230px}.settings{display:flex;gap:14px;align-items:end}label{display:grid;gap:7px;font-size:13px}details{padding:18px;background:#263144;margin:20px 0}summary{cursor:pointer;font-weight:700}footer{font-size:12px;border-top:1px solid #576278;padding:20px 0}#status{padding:12px;background:#354359;border-radius:8px}#log{font-size:13px}@media(max-width:800px){#hand{grid-template-columns:repeat(3,1fr)}.card .art{height:95px}}@media(max-width:550px){main{padding:14px}h1{font-size:44px}#forts{gap:10px}.forttext{padding:12px}.fort h2{font-size:19px}.height{font-size:25px}.resources{display:block}.resource{grid-template-columns:27px 30px auto;margin-top:6px}.resource .art{width:26px;height:30px;grid-row:auto}.resource b{font-size:17px}.resource small{font-size:9px}#hand{grid-template-columns:repeat(2,1fr);gap:9px}.actions{display:block;padding:15px}.buttons{margin-top:15px}.settings{flex-wrap:wrap}input{max-width:150px}.card .art{height:95px}.card b{font-size:17px}}