.expansion-store{--expansion-border:#a57c3d66;max-width:1080px;margin:0 auto;padding:18px 28px 36px;color:#f3dfb8}.expansion-heading{margin:24px 0}.expansion-heading h1{font-size:clamp(32px,5vw,54px);margin:8px 0}.expansion-heading p{max-width:600px;color:#d1bd9b;line-height:1.5}.expansion-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.expansion-province{overflow:hidden;border:1px solid var(--expansion-border);background:#291d1dbb;border-radius:6px}.expansion-province>img{display:block;width:100%;height:auto;background:#261e20}.expansion-province>div{padding:20px}.expansion-province h2{font:normal 28px Georgia,serif;color:#eed09a;margin:8px 0 12px}.expansion-province p{line-height:1.5;color:#d9c7a6}.expansion-challenge{border-top:1px solid var(--expansion-border);padding-top:12px}.expansion-purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:22px 0;border-top:1px solid var(--expansion-border);border-bottom:1px solid var(--expansion-border)}.expansion-purchase strong{font-size:20px}.expansion-purchase p{margin-bottom:0;line-height:1.5;color:#d1bd9b}.expansion-purchase button{flex-shrink:0;min-width:170px}.expansion-test{color:#f3d590;border:1px solid #bd924e;padding:10px 14px}.expansion-tax{font-size:14px;color:#c0ad8d}.expansion-status{min-height:24px;color:#edcf94;line-height:1.5}.expansion-restore{margin-top:22px;color:#d4bc96}.expansion-restore summary{cursor:pointer;padding:12px 0}.expansion-restore label{display:block;margin:12px 0}.expansion-restore form>div{display:flex;gap:10px}.expansion-restore input{min-width:0;flex:1}.home-screen[data-view=expansions] .home-content{display:block;max-width:none;width:100%;padding:0}.home-screen[data-view=expansions] .home-news{display:none}.province-objectives{margin:20px 0;padding:18px;border:1px solid #a57c3d66;border-radius:5px}.province-objectives h3{margin-top:0}.province-objectives p{line-height:1.5}.province-objectives .coverage-row{margin:14px 0}.province-objectives .province-reward{color:#87703e;font-size:14px}@media(max-width:700px){.expansion-store{padding:14px 16px 28px}.expansion-grid{grid-template-columns:1fr;gap:18px}.expansion-heading{margin:16px 0}.expansion-province>div{padding:16px}.expansion-purchase{align-items:stretch;flex-direction:column;gap:16px}.expansion-restore form>div{flex-direction:column}.expansion-restore button{min-height:44px}}
.home-screen[data-view=expansions]{background:radial-gradient(ellipse at 75% 0%,#5e34302e,transparent 65%),linear-gradient(180deg,#21171d,#140d12)}
.home-screen[data-view=expansions] .home-content{margin:0 auto 28px;animation:none}
.expansion-store .home-title{color:#eed09a}
.expansion-store .panel-eyebrow{color:#dbb16c}
.expansion-store .home-back{color:#dec79d}
.expansion-store .action-button{min-height:44px;border:1px solid #d9a85a;border-radius:3px;background:linear-gradient(180deg,#9a3924,#6b2213);color:#fbe7bf;text-shadow:0 1px 2px #3a0d05;font-size:16px}
.expansion-store .action-button:hover:not(:disabled){background:linear-gradient(180deg,#ad4930,#7e2b1b)}
.expansion-store .action-button.secondary{background:#281c20;color:#f0d7a8}
.expansion-store .action-button:disabled{opacity:.55;cursor:default}
.expansion-store .text-input{background:#120c0f;border:1px solid #b18d5077;color:#f3dfb8;min-height:44px}
.expansion-store :is(button,input,summary):focus-visible{outline:2px solid #f2c87d;outline-offset:3px}
.expansion-subscription{color:#edcf94;line-height:1.5}.expansion-manage{margin:0 0 12px}.expansion-restore a{display:inline-block;color:#dfbe82;margin-top:16px}.province-weather{border-left:3px solid #71919a;padding:10px 14px;background:#71919a12}.province-weather.is-warning{border-color:#c65b31;background:#c65b3112}.province-weather p{margin:8px 0}
.expansion-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.expansion-controls p{flex-basis:100%;line-height:1.5;margin:0}
.expansion-device-policy{font-size:14px;color:#edcf94!important}
.expansion-devices{margin-top:16px;color:#d4bc96}
.expansion-devices summary{cursor:pointer;padding:12px 0}
.expansion-device-list{list-style:none;padding:0;margin:12px 0 18px}
.expansion-device-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--expansion-border)}
.expansion-device-list li>div{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}
.expansion-device-list span{font-size:14px;color:#c0ad8d}
.expansion-device-list button{flex-shrink:0}
.expansion-device-replace p{line-height:1.5}
@media(max-width:420px){.expansion-device-list li{align-items:stretch;flex-direction:column;gap:12px}}
