/* Shared, legible shop controls; HQ and Stake keep their own content. */
#game-shell #nav-headquarters,#game-shell #nav-stake{height:38px;gap:8px;padding:3px 12px 3px 7px;border-radius:8px;font-size:15px;font-weight:700;box-shadow:inset 0 1px #e7bc6b1a,0 3px 9px #0002;white-space:nowrap}
#game-shell #nav-headquarters{border-color:#b58757;background:linear-gradient(130deg,#4c2b30,#271c25);color:#ffe5be}
#game-shell #nav-stake{border-color:#dbaf60;background:linear-gradient(130deg,#5b351f,#34232c);color:#ffe4a1}
#game-shell #nav-headquarters:hover,#game-shell #nav-stake:hover{border-color:#ffe6a8;background:linear-gradient(130deg,#70432b,#432831);box-shadow:0 4px 14px #c6842429}
#game-shell .feature-button-icon{width:28px;height:28px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 2px #0004)}
#game-shell #nav-headquarters:focus-visible,#game-shell #nav-stake:focus-visible{outline:2px solid #fff1b9;outline-offset:3px}
.progression-dialog{border-radius:16px;background:radial-gradient(ellipse at 45% 0,#552a2f44,transparent 60%),#1d151d;border-color:#98664e;box-shadow:0 30px 100px #000b,inset 0 1px #ffebac0a}
.progression-dialog .progression-close{border-radius:8px;transition:background .15s,color .15s}
.progression-dialog .progression-close:hover{background:#684039;color:#fff0b6}
.progression-dialog .progression-primary{font-weight:700;letter-spacing:.15px}
/* Render the high-resolution pixel artwork with proper downsampling. */
.hq-art-stage .hq-building{image-rendering:auto;filter:drop-shadow(0 8px 7px #0005)}
.hq-art-stage{height:182px;background:radial-gradient(ellipse at 50% 80%,#eda72c14,transparent 70%)}
.hq-art-stage .hq-building{height:178px}
.hq-ground-glow{left:14%;right:14%;height:22px;background:#ebb6401c}
.hq-owned-image .hq-building{image-rendering:auto}
.hq-owned-image .hq-ghost{opacity:.72;filter:saturate(.7)}
.hq-heading-icon{width:43px;height:43px;padding:2px;background:linear-gradient(135deg,#70432866,#39212d);border-color:#c18f50;box-shadow:inset 0 1px #efc27022}
.hq-heading-icon img{width:38px;height:38px}
[data-view=hq] .hq-heading p,.hq-balance>small{font-size:9px}
.hq-owned-copy>small,.hq-card-top small{font-size:9px;letter-spacing:.8px}
.hq-card-top{font-size:10px;min-height:29px}
.hq-card-top .hq-card-feature{font:8px 'Share Tech Mono',monospace;color:#ffe0a3;border:1px solid #b8924755;border-radius:4px;padding:4px 5px;background:#d89a2020}
.hq-card-content h3{font-size:22px;color:#ffe9ce}
.hq-shop-card{background:radial-gradient(ellipse at 50% 20%,#69413022,transparent 60%),linear-gradient(155deg,#3a2532,#251c27 75%);border-color:#78505c;box-shadow:inset 0 1px #efb86e0a,0 4px 15px #0002}
.hq-shop-card.is-owned{border-color:#dec578}
.hq-purchase-price>small{font-size:9px;letter-spacing:.3px}
.hq-purchase-price strong{font-size:22px}
.hq-purchase-price strong small{font-size:12px}
.hq-regen-benefit strong{font-size:32px}
.hq-regen-benefit span{font-size:12px;color:#d5bdc7}
.hq-offer-note{font-size:11px;line-height:1.4;color:#c5acb7;min-height:16px}
.hq-rest-example{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 9px;padding:7px 0;border-radius:6px;background:#110f1666;font:11px 'Rajdhani',sans-serif;color:#b7a1af}
.hq-rest-example b{color:#a48a6b;font-weight:400}
.hq-rest-example strong{font-size:13px;color:#e2d2ad}
[data-view=hq] .hq-buy{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;font-size:14px;border-radius:8px;background:linear-gradient(135deg,#fff0a1,#f0c160 70%,#d69a38);color:#39220f;border-color:#f8d38a;box-shadow:inset 0 1px #fff6ce,0 3px 8px #9e621b22}
.hq-buy>.pixel-icon{width:16px;height:16px;flex-shrink:0}
.hq-buy>img{width:21px;height:21px;flex-shrink:0;object-fit:contain}
.hq-buy>b{font-size:18px;margin-left:auto;font-weight:400}
.hq-buy>[data-hq-label]{flex:1;min-width:0;white-space:normal;line-height:1.1;text-align:center}
[data-view=hq] .hq-buy:disabled{opacity:1;background:linear-gradient(130deg,#5c422d,#42322b);border-color:#95714588;color:#e0c49b;box-shadow:inset 0 1px #c99a4c15}
[data-view=hq] .is-owned .hq-buy:disabled{background:linear-gradient(130deg,#52613a,#383f2b);color:#d6ebba;border-color:#859a59}
.hq-benefit-strip>span,[data-view=hq] .hq-reference summary{font-size:12px;color:#c9b2bb}
[data-view=hq] .progression-status{font-size:11px}
/* Stake: tier selection, a deposit preview, and transparent reward comparison. */
.progression-dialog[data-view=stake]{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
.stake-dialog-head{padding:18px 23px;gap:16px;border-bottom:1px solid #68434e88;background:#25192288}
.stake-heading{display:flex;align-items:center;gap:11px;flex:1}
.stake-heading>img{width:43px;height:43px;filter:drop-shadow(0 2px 3px #0003)}
.stake-heading p{font-size:9px;letter-spacing:1.4px;margin-bottom:7px}
.stake-heading h2{font-size:17px;line-height:1.4}
.stake-header-balance{text-align:right;flex-shrink:0}
.stake-header-balance>small{display:block;color:#b79ca8;font:8px 'Share Tech Mono',monospace;letter-spacing:1px;margin-bottom:5px}
.stake-header-balance strong{color:#ffe1a0;font:700 23px/1 'Rajdhani',sans-serif}
.stake-header-balance strong small{font-size:12px;color:#bd9e86}
[data-view=stake] .stake-scroll{padding:18px 23px 17px}
.stake-overview{display:flex;justify-content:space-between;align-items:center;gap:25px}
.stake-eyebrow{font:8px 'Share Tech Mono',monospace;color:#dfb76b;letter-spacing:1.3px}
.stake-overview h3{margin:6px 0 7px;font:700 27px/1.1 'Rajdhani',sans-serif;color:#fff0d9}
.stake-overview p{margin:0;color:#c9afbd;font:13px/1.5 'Rajdhani',sans-serif}
.stake-current{display:flex;gap:20px;padding:15px 18px;border:1px solid #795548;border-radius:10px;background:linear-gradient(120deg,#6b442328,#241924);flex-shrink:0}
.stake-current>div+div{border-left:1px solid #76523f66;padding-left:20px}
.stake-current small{display:block;color:#c7a986;font:8px 'Share Tech Mono',monospace;letter-spacing:.8px;white-space:nowrap}
.stake-current strong{display:block;margin-top:7px;color:#f6dec0;font:700 27px/1 'Rajdhani',sans-serif}
.stake-current strong>span{font-size:12px;color:#ba9f8b}
.stake-current strong.stake-current-bonus{color:#ffdc77}
.stake-milestone{margin:17px 0}
.stake-milestone>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.stake-milestone span{font:8px 'Share Tech Mono',monospace;letter-spacing:.7px;color:#a9919e}
.stake-milestone b{font:600 12px 'Rajdhani',sans-serif;color:#ddc3a0}
.stake-milestone-track{height:4px;border-radius:4px;background:#4a333a;overflow:hidden}
.stake-milestone-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#cf8730,#ffe383)}
.stake-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stake-tier{min-width:0;text-align:left;position:relative;overflow:hidden;padding:12px 15px 0;border:1px solid #76505a;border-radius:11px;background:radial-gradient(ellipse at 65% 30%,#a5682622,transparent 70%),#2a1e2a;color:#eed1bd;box-shadow:inset 0 1px #e0a15a0a;transition:border-color .18s,background .18s,transform .18s}
.stake-tier:hover{transform:translateY(-2px);border-color:#d7ad6e;background:radial-gradient(ellipse at 65% 30%,#b9813033,transparent 75%),#322331}
.stake-tier.is-preview{border-color:#ffe198;box-shadow:inset 0 0 0 1px #d7ab3944,0 3px 15px #bc88201a}
.stake-tier.is-active{border-color:#bbbf6d}
.stake-tier-top{display:flex;justify-content:space-between;gap:5px;color:#c29d7f;font:8px 'Share Tech Mono',monospace;letter-spacing:.5px}
.stake-tier-top span+span{font-size:7px;color:#ad929b}
.stake-tier.is-active .stake-tier-top span+span{color:#d1e0a6}
.stake-tier-benefit{display:flex;align-items:center;gap:10px;margin:13px 0 0}
.stake-tier-benefit img{width:41px;height:41px}
.stake-tier-benefit strong{font:700 40px/1 'Rajdhani',sans-serif;color:#ffe08a;letter-spacing:-.7px}
.stake-tier>p{margin:4px 0 11px;color:#c4aab7;font:12px 'Rajdhani',sans-serif}
.stake-tier-price{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:11px}
.stake-tier-price strong{font:700 18px/1 'Rajdhani',sans-serif;color:#f1d5b4;white-space:nowrap}
.stake-tier-price strong small{font-size:10px;font-weight:500;color:#bd9c84}
.stake-tier-price>span{font:10px 'Rajdhani',sans-serif;color:#ad949f;white-space:nowrap}
.stake-tier-select{display:flex;align-items:center;justify-content:space-between;margin:0 -15px;padding:9px 15px;border-top:1px solid #7c554344;background:#3e2b252e;font:600 12px 'Rajdhani',sans-serif;color:#e1bf84}
.stake-tier-select b{font-weight:400;font-size:16px}
.stake-bottom-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:14px;margin-top:17px}
.stake-deposit-panel,.stake-reward-panel{min-width:0;padding:16px;border:1px solid #704c57;border-radius:11px;background:linear-gradient(150deg,#2b1f2b,#201821)}
.stake-panel-heading{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.stake-panel-heading>span{display:grid;place-items:center;width:26px;height:26px;background:#9b6a2022;border:1px solid #ad7e3833;border-radius:6px;color:#eac16d}
.stake-panel-heading .pixel-icon{width:15px;height:15px}
.stake-panel-heading h3{margin:0;font:700 17px 'Rajdhani',sans-serif;color:#f9e2cc}
.stake-panel-heading>b{margin-left:auto;color:#f8d078;font:700 17px 'Rajdhani',sans-serif}
.stake-deposit-panel>label{display:block;margin-bottom:7px;color:#bca1b0;font:12px 'Rajdhani',sans-serif}
.stake-input-wrap{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 11px;background:#18131d;border:1px solid #886352;border-radius:8px;box-shadow:inset 0 2px 3px #0002}
.stake-input-wrap:focus-within{border-color:#e0b26e;box-shadow:0 0 0 2px #d9a74215}
.stake-input-wrap>span{color:#d5b686;font:700 12px 'Rajdhani',sans-serif}
.stake-input-wrap input{min-width:0;width:100%;flex:1;height:33px;padding:0;border:0;background:none;color:#fff0d4;font:700 23px 'Rajdhani',sans-serif;outline:0;box-shadow:none}
.stake-input-wrap input:focus-visible{outline:0}
.stake-input-wrap button{padding:7px 10px;background:#52382c;color:#f9d9a0;border:1px solid #8a653c;border-radius:5px;font:700 12px 'Rajdhani',sans-serif}
.stake-forecast{min-height:29px;margin:9px 0;color:#c7b39e;font:11px/1.4 'Rajdhani',sans-serif}
[data-view=stake] .stake-deposit-button{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;width:100%;height:41px;padding:7px 11px;border-radius:8px;color:#37210f;background:linear-gradient(130deg,#fff0a0,#efbf5f);border:1px solid #ffdf92;font:700 15px 'Rajdhani',sans-serif;box-shadow:inset 0 1px #fffbd0,0 3px 9px #b2791722}
.stake-deposit-button img{width:25px;height:25px}
.stake-deposit-button>span{flex:1}
.stake-deposit-button>b{font-size:19px;font-weight:400}
[data-view=stake] .stake-deposit-button:disabled{opacity:1;background:linear-gradient(130deg,#5c422e,#433229);color:#d7bd94;border-color:#89684188;box-shadow:inset 0 1px #c99a4c0c}
[data-view=stake] .stake-deposit-button:disabled img{opacity:.7}
.stake-unstake{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:8px 4px;border:1px solid #654350;border-radius:7px;background:#39242f33;color:#d5b5c1;font:600 12px 'Rajdhani',sans-serif}
.stake-unstake .pixel-icon{width:12px;height:12px}
[data-view=stake] .stake-unstake:disabled{opacity:.5;background:#2b1f29;color:#a88f9e}
.stake-validation{margin:7px 0 0;min-height:0;color:#e6bda2;font:11px/1.4 'Rajdhani',sans-serif}
.stake-validation:empty{display:none}
.stake-reward-list>div{display:flex;align-items:center;gap:9px;min-height:33px;border-bottom:1px solid #65404b55}
.stake-reward-list>div:last-child{border:0}
.stake-reward-list img{width:29px;height:29px;object-fit:contain;image-rendering:auto}
.stake-reward-list span{flex:1;font:600 13px 'Rajdhani',sans-serif;color:#cdb2be}
.stake-reward-list small{font:11px 'Rajdhani',sans-serif;color:#9e8594}
.stake-reward-list strong{min-width:39px;text-align:right;color:#ffe098;font:700 17px 'Rajdhani',sans-serif}
.stake-reward-panel>p{margin:9px 0 0;font:11px 'Rajdhani',sans-serif;color:#b59ba9}
.stake-assurances{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;margin-top:15px;color:#c4acb7}
.stake-assurances span{display:flex;align-items:center;gap:6px;font:11px 'Rajdhani',sans-serif}
.stake-assurances .pixel-icon{width:12px;height:12px;color:#d1ae6d}
[data-view=stake] .progression-status{font-size:11px;padding-top:11px;margin-top:12px}
@media(min-width:641px) and (max-height:780px){
 .hq-art-stage{height:139px}.hq-art-stage .hq-building{height:135px}
 .hq-card-content h3{font-size:20px;margin-bottom:7px}
 .hq-regen-benefit{padding-bottom:7px}.hq-regen-benefit strong{font-size:30px}
 .hq-rest-example{padding:5px 0;margin-bottom:7px}
 .hq-purchase-price{padding-top:9px;padding-bottom:8px}
 [data-view=hq] .hq-buy{height:37px;font-size:13px}
 .stake-dialog-head{padding-top:14px;padding-bottom:14px}
 [data-view=stake] .stake-scroll{padding-top:14px}
 .stake-overview h3{font-size:24px}
 .stake-milestone{margin:13px 0}
 .stake-tier-benefit{margin-top:10px}.stake-tier-benefit strong{font-size:36px}.stake-tier>p{margin-bottom:9px}
 .stake-tier-price{margin-bottom:9px}.stake-tier-select{padding-top:7px;padding-bottom:7px}
 .stake-bottom-grid{margin-top:13px}.stake-deposit-panel,.stake-reward-panel{padding:13px}
 .stake-panel-heading{margin-bottom:9px}.stake-assurances{margin-top:11px}
}
@media(max-width:640px){
 #game-shell #nav-headquarters,#game-shell #nav-stake{height:32px;gap:5px;padding:2px 8px 2px 4px;font-size:12px}
 #game-shell .feature-button-icon{width:23px;height:23px}
 .hq-heading-icon{width:35px;height:35px}.hq-heading-icon img{width:30px;height:30px}
 .hq-owned-copy>small{font-size:7px}.hq-card-top small{font-size:8px}
 .hq-art-stage{height:177px}.hq-art-stage .hq-building{height:173px}
 .hq-card-content h3{font-size:20px}.hq-regen-benefit strong{font-size:27px}.hq-regen-benefit span{font-size:10px}
 .hq-rest-example{font-size:10px;gap:5px;padding:6px 3px;margin-bottom:7px}.hq-rest-example strong{font-size:11px}
 .hq-purchase-price>small{font-size:8px}.hq-purchase-price strong{font-size:20px}
 [data-view=hq] .hq-buy{height:40px;font-size:12px;gap:4px;padding-left:6px;padding-right:6px}
 .hq-buy>.pixel-icon,.hq-buy>b{display:none}
 .hq-buy>img{width:17px;height:17px}
 .hq-offer-note{font-size:10px}.hq-benefit-strip>span{font-size:11px}
 .progression-dialog[data-view=stake]{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .stake-dialog-head{flex-wrap:wrap;padding:14px;gap:10px}
 .stake-heading{gap:9px}.stake-heading>img{width:36px;height:36px}.stake-heading p{font-size:7px}.stake-heading h2{font-size:13px}
 .stake-header-balance{width:100%;order:3;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #67404a66;padding-top:11px}.stake-header-balance>small{font-size:8px;margin:0}.stake-header-balance strong{font-size:20px}
 [data-view=stake] .stake-scroll{padding:15px 14px}
 .stake-overview{display:block}.stake-overview h3{font-size:24px}.stake-overview p{font-size:12px}.stake-eyebrow{font-size:7px}
 .stake-current{margin-top:14px;padding:12px 14px;justify-content:space-between;gap:15px}.stake-current strong{font-size:26px}.stake-current small{font-size:7px}
 .stake-milestone span{font-size:7px}.stake-milestone b{font-size:11px}
 .stake-tier-grid{gap:7px}.stake-tier{padding:10px 9px 0}.stake-tier-top{font-size:7px}.stake-tier-top>span+span{display:none}
 .stake-tier-benefit{gap:5px;margin-top:12px;justify-content:center;flex-direction:column}.stake-tier-benefit img{width:24px;height:24px}.stake-tier-benefit strong{font-size:clamp(22px,7vw,30px)}
 .stake-tier>p{font-size:11px;text-align:center;margin-bottom:11px}.stake-tier-price{display:block;text-align:center;margin-bottom:10px}.stake-tier-price strong{display:block;font-size:15px}.stake-tier-price strong small{font-size:9px}.stake-tier-price>span{display:block;margin-top:4px;font-size:9px}
 .stake-tier-select{margin:0 -9px;padding:8px 7px;font-size:10px;gap:3px}.stake-tier-select b{font-size:12px}
 .stake-bottom-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}
 .stake-deposit-panel,.stake-reward-panel{padding:14px}.stake-panel-heading h3{font-size:18px}
 .stake-forecast,.stake-validation{font-size:12px}.stake-reward-list>div{min-height:37px}.stake-reward-list span{font-size:14px}.stake-reward-list strong{font-size:18px}
 .stake-assurances{justify-content:flex-start;gap:10px 15px}
}
@media(max-width:360px){.stake-tier-benefit img{display:none}.stake-tier-benefit strong{font-size:clamp(22px,7vw,30px)}.stake-tier-select{font-size:9px}.hq-rest-example{flex-wrap:wrap;gap:2px 5px}.hq-buy>b{display:none}}
@media(max-width:360px){.stake-tier-price strong small{display:block;font-size:8px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.stake-tier,.progression-dialog .progression-close{transition:none}.stake-tier:hover{transform:none}}