/* Headquarters-only presentation. Token prices and bonuses live in progression.js. */
.progression-dialog[data-view=hq]{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:radial-gradient(ellipse at 50% 0,#48252b55,transparent 65%),#1c141c;border-color:#805047;border-top-color:#f2ca70}
[data-view=hq] .hq-dialog-head{gap:17px;padding:19px 23px 17px;border-bottom:1px solid #69404a55;background:#25192088}
.hq-heading{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.hq-heading-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #a57a40;border-radius:9px;background:linear-gradient(140deg,#69452366,#3b252d);color:#f9d578;flex-shrink:0}
.hq-heading-icon .pixel-icon{width:22px;height:22px}
[data-view=hq] .hq-heading p{margin-bottom:7px;font-size:8px;letter-spacing:1.6px}
[data-view=hq] .hq-heading h2{font-size:16px;line-height:1.5}
.hq-balance{text-align:right;flex-shrink:0}
.hq-balance>small{display:block;margin-bottom:4px;color:#b7a0a4;font:7px 'Share Tech Mono',monospace;letter-spacing:1.1px}
.hq-balance>strong{color:#ffe2a3;font:700 22px/1 'Rajdhani',sans-serif}
.hq-balance strong small{color:#b99e8f;font-size:11px}
[data-view=hq] .progression-close{width:32px;height:32px;background:#3a242d;color:#eaca99}
[data-view=hq] .hq-scroll{padding:16px 23px 17px}
.hq-owned-banner{display:grid;grid-template-columns:104px 1fr auto;align-items:center;gap:15px;position:relative;overflow:hidden;min-height:84px;padding:5px 15px 5px 7px;border:1px solid #68504a;border-radius:11px;background:linear-gradient(110deg,#54342345,transparent 70%),#221921}
.hq-owned-banner:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 24px,#d9942c04 24px 25px);pointer-events:none}
.hq-owned-banner.is-active{border-color:#8d8050;background:linear-gradient(105deg,#62512a55,transparent 75%),#211d20}
.hq-owned-image{position:relative;display:grid;place-items:center;width:104px;height:74px;z-index:1}
.hq-owned-image .hq-building{width:94px;height:74px;object-fit:contain}
.hq-owned-image .hq-ghost{opacity:.44;filter:saturate(.5)}
.hq-owned-copy{position:relative;z-index:1}
.hq-owned-copy>small{color:#c5a97e;font:7px 'Share Tech Mono',monospace;letter-spacing:1.1px}
.hq-owned-copy h3{margin:4px 0;color:#f2dcc9;font:700 21px/1.1 'Rajdhani',sans-serif}
.hq-owned-copy p{margin:0;color:#baa7b2;font:12px/1.4 'Rajdhani',sans-serif}
.hq-owned-bonus{display:flex;flex-direction:column;align-items:flex-end;gap:5px;position:relative;z-index:1}
.hq-owned-bonus>strong{font:700 26px/1 'Rajdhani',sans-serif;color:#ffe19a}
.hq-owned-bonus>small{font:7px 'Share Tech Mono',monospace;color:#b9aa90;white-space:nowrap}
.hq-active-badge,.hq-empty-badge{font:7px/1.5 'Share Tech Mono',monospace;letter-spacing:.7px;padding:4px 6px;border:1px solid #695244;border-radius:4px;color:#bba88c;white-space:nowrap}
.hq-active-badge{color:#c7e6ac;background:#628d341a;border-color:#71895266}
.hq-shop-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 1px 12px}
.hq-shop-heading h3{margin:0 0 4px;color:#f8e5d6;font:700 21px/1.15 'Rajdhani',sans-serif}
.hq-shop-heading p{margin:0;color:#bda5b2;font:12px/1.4 'Rajdhani',sans-serif}
.hq-shop-heading>span{color:#947d89;font:7px 'Share Tech Mono',monospace;letter-spacing:1px;white-space:nowrap}
.hq-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.hq-shop-card{position:relative;min-width:0;border:1px solid #67404c;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#42283260,#241a24 65%);box-shadow:0 5px 14px #09050c22;transition:border-color .2s,box-shadow .2s,transform .2s}
.hq-shop-card:hover{border-color:#b48d61;box-shadow:0 7px 20px #09050c55;transform:translateY(-2px)}
.hq-shop-card.is-owned{border-color:#b4a05a;box-shadow:inset 0 0 25px #d9b1480a,0 4px 20px #0002}
.hq-card-top{display:flex;align-items:center;justify-content:space-between;padding:10px 13px 0;min-height:24px;font:9px 'Share Tech Mono',monospace;color:var(--hq-accent)}
.hq-card-top small{font-size:7px;letter-spacing:1px;margin-left:5px;color:#ac909b}
.hq-card-top .hq-card-owned{font-size:7px;letter-spacing:1px;color:#c3e5a5}
.hq-art-stage{position:relative;display:grid;place-items:center;height:160px;margin:0 12px;background:radial-gradient(ellipse at 50% 70%,#d9a23e0f,transparent 70%)}
.hq-art-stage:after{content:'';position:absolute;bottom:6px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#b2814555,transparent)}
.hq-ground-glow{position:absolute;bottom:10px;left:20%;right:20%;height:18px;border-radius:50%;background:#e3a43417;filter:blur(8px)}
.hq-art-stage .hq-building{position:relative;z-index:1;width:100%;height:156px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 4px #0004);transition:filter .2s}
.hq-shop-card:hover .hq-building{filter:drop-shadow(0 6px 6px #e7b32d24)}
.hq-card-content{padding:1px 14px 12px}
.hq-card-content h3{margin:2px 0 11px;color:#f7e1ca;font:700 20px/1.15 'Rajdhani',sans-serif;text-align:center}
.hq-regen-benefit{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0 10px;color:var(--hq-accent)}
.hq-regen-benefit .pixel-icon{width:17px;height:21px}
.hq-regen-benefit strong{font:700 30px/1 'Rajdhani',sans-serif}
.hq-regen-benefit span{font:11px/1.2 'Rajdhani',sans-serif;color:#c3abb7;text-align:left}
.hq-purchase-price{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 0 9px;border-top:1px solid #64404a88}
.hq-purchase-price>small{color:#aa919f;font:7px 'Share Tech Mono',monospace;letter-spacing:.7px}
.hq-purchase-price strong{font:700 20px/1.1 'Rajdhani',sans-serif;color:#efdbbc;white-space:nowrap}
.hq-purchase-price strong small{font:10px 'Rajdhani',sans-serif;color:#ba9d88}
[data-view=hq] .hq-buy{display:block;width:100%;height:36px;padding:5px 7px;margin:0;border-radius:7px;font-size:13px;box-shadow:inset 0 1px #fff8ba77,0 2px 5px #0002;transition:filter .18s,background .18s}
[data-view=hq] .hq-buy:hover:enabled{filter:brightness(1.08)}
[data-view=hq] .hq-buy:disabled{opacity:1;border-color:#695342;background:#493b2b;color:#bba783;box-shadow:inset 0 1px #e2c4840c;cursor:not-allowed}
[data-view=hq] .is-owned .hq-buy:disabled{background:#41462b;color:#cce0a9;border-color:#70824d}
.hq-offer-note{min-height:13px;margin:7px 0 0;color:#a9939d;text-align:center;font:10px/1.3 'Rajdhani',sans-serif}
.hq-benefit-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 27px;margin-top:15px;padding:11px 5px;border-top:1px solid #68414c66;border-bottom:1px solid #68414c66}
.hq-benefit-strip>span{display:flex;align-items:center;gap:6px;font:11px 'Rajdhani',sans-serif;color:#bfa8b2}
.hq-benefit-strip .pixel-icon{width:12px;height:12px;color:#d6b46e}
[data-view=hq] .hq-reference{margin-top:12px;padding-top:0;border:0}
[data-view=hq] .hq-reference summary{font-size:12px;color:#cbb28a}
[data-view=hq] .progression-status{margin-top:11px;padding-top:10px;font-size:10px}
@media(min-width:641px) and (max-height:780px){
 [data-view=hq] .hq-dialog-head{padding-top:14px;padding-bottom:14px}
 [data-view=hq] .hq-scroll{padding-top:12px}
 .hq-owned-banner{min-height:73px}
 .hq-owned-image,.hq-owned-image .hq-building{height:64px}
 .hq-shop-heading{margin-top:14px;margin-bottom:10px}
 .hq-art-stage{height:115px}
 .hq-art-stage .hq-building{height:111px}
 .hq-card-content h3{font-size:19px;margin-bottom:8px}
 .hq-regen-benefit{padding-top:4px;padding-bottom:9px}
 .hq-benefit-strip{margin-top:12px;padding-top:9px;padding-bottom:9px}
}
@media(max-width:640px){
 .progression-dialog[data-view=hq]{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
 [data-view=hq] .hq-dialog-head{padding:15px;gap:10px;flex-wrap:wrap}
 .hq-heading{gap:9px}
 .hq-heading-icon{width:32px;height:32px}
 [data-view=hq] .hq-heading p{font-size:6px;letter-spacing:1px}
 [data-view=hq] .hq-heading h2{font-size:12px}
 .hq-balance{order:3;width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;border-top:1px solid #59343f77}
 .hq-balance>small{font-size:7px;margin:0}
 .hq-balance>strong{font-size:20px}
 [data-view=hq] .hq-scroll{padding:12px 14px 15px}
 .hq-owned-banner{grid-template-columns:65px 1fr;gap:8px;padding:9px;min-height:87px}
 .hq-owned-image{width:65px;height:65px;grid-row:1/3}
 .hq-owned-image .hq-building{width:65px;height:65px}
 .hq-owned-copy>small{font-size:6px;letter-spacing:.8px}
 .hq-owned-copy h3{font-size:19px;margin:4px 0}
 .hq-owned-copy p{font-size:11px;line-height:1.3}
 .hq-owned-bonus{grid-column:2;align-items:center;justify-content:flex-start;flex-direction:row;gap:7px}
 .hq-owned-bonus>strong{font-size:18px}
 .hq-owned-bonus>small{font-size:6px}
 .hq-active-badge,.hq-empty-badge{font-size:6px;padding:2px 5px}
 .hq-shop-heading{margin-top:17px;margin-bottom:11px}
 .hq-shop-heading h3{font-size:20px}
 .hq-shop-heading p{font-size:11px}
 .hq-shop-heading>span{display:none}
 .hq-shop-grid{grid-template-columns:1fr;gap:11px}
 .hq-shop-card{display:grid;grid-template-columns:minmax(95px,.9fr) minmax(0,1.25fr)}
 .hq-card-top{grid-column:1/-1;padding:10px 12px 0}
 .hq-art-stage{height:162px;min-width:0;margin:0 0 4px 6px;align-self:center}
 .hq-art-stage .hq-building{height:156px;width:100%}
 .hq-card-content{padding:9px 11px 11px}
 .hq-card-content h3{font-size:20px;text-align:left;margin:0 0 9px}
 .hq-regen-benefit{justify-content:flex-start;gap:5px;padding:0 0 9px}
 .hq-regen-benefit strong{font-size:26px}
 .hq-regen-benefit span{font-size:10px}
 .hq-regen-benefit .pixel-icon{width:13px;height:17px}
 .hq-purchase-price{display:block;padding-top:9px;padding-bottom:8px}
 .hq-purchase-price>small{display:block;font-size:6px;margin-bottom:4px}
 .hq-purchase-price strong{font-size:20px}
 [data-view=hq] .hq-buy{height:39px;font-size:12px;padding:5px}
 .hq-offer-note{text-align:left;font-size:10px;min-height:13px}
 .hq-benefit-strip{justify-content:flex-start;gap:9px 18px}
 .hq-benefit-strip>span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hq-shop-card,.hq-art-stage .hq-building,[data-view=hq] .hq-buy{transition:none}.hq-shop-card:hover{transform:none}}