/* Public HQ showcase. Game and purchase-dialog layouts remain independent. */
body.welcome-mode{min-width:0}
.site-shell .site-nav .web-hq-nav{display:none}
.site-shell .lobby-actions{width:min(860px,calc(100% - 340px))}
.site-shell .lobby-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.site-shell .lobby-buttons .primary-button,.site-shell .lobby-buttons .lobby-recruit{width:100%;max-width:none}
.site-shell .lobby-buttons .lobby-hq{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:10px 12px;text-decoration:none;color:#ffe67d;background:linear-gradient(#2e2212,#15110d);border:2px solid #be903c;font:700 21px 'Zobot Rush Pixel',monospace;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:background .18s,filter .18s}
.lobby-hq img{width:24px;height:24px}.site-shell .lobby-buttons .lobby-hq:hover{background:#493217;filter:brightness(1.2)}
.site-shell[data-lobby-view=headquarters] .site-header{gap:18px}
.site-shell[data-lobby-view=headquarters] .site-edition{display:none}
.site-shell[data-lobby-view=headquarters] .site-nav{position:static;flex-direction:row;align-items:center;justify-content:center;width:auto;flex:1;margin:0;padding:0;border:0;background:none;box-shadow:none;gap:5px}
.site-shell[data-lobby-view=headquarters] .site-nav a{min-height:var(--home-header);font-size:13px;padding:10px 13px;gap:7px;border:0}
.site-shell[data-lobby-view=headquarters] .site-nav .web-hq-nav{display:flex}
.site-shell[data-lobby-view=headquarters] .site-nav .pixel-icon{display:none}
.site-shell[data-lobby-view=headquarters] .site-nav a[aria-current=page]{background:none;color:#ffe369;box-shadow:inset 0 -3px #f83243}
.site-shell[data-lobby-view=headquarters] .site-nav a[aria-current=page]:before{display:none}
#headquarters-page{position:relative;isolation:isolate;overflow:hidden;flex:1;margin:0 -28px;padding:0 5% 20px;background:linear-gradient(90deg,#06080aeb,#08090c88 45%,#08090c26),url('./assets/hangar/room.png') center 40%/cover no-repeat}
#headquarters-page[hidden]{display:none}
#headquarters-page .web-hq-lighting{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;image-rendering:pixelated}
#headquarters-page>:not(.web-hq-lighting){position:relative;z-index:1}
#headquarters-page:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080a0cf5,transparent 40%,#06080a44)}
.web-hq-hero{position:relative;min-height:490px;display:flex;align-items:center}
.web-hq-copy{position:relative;z-index:2;width:54%;padding:40px 0 30px;pointer-events:none}
.web-hq-eyebrow{color:#ff3c4c;font:14px 'Share Tech Mono',monospace;letter-spacing:2px;margin:0 0 14px}
.web-hq-copy h1{margin:0;color:#fff5e7;font:700 clamp(36px,4.1vw,64px)/1.04 'Zobot Rush Pixel',monospace;letter-spacing:-.6px;text-shadow:0 3px #861e27,2px 0 #0b0808;outline:none}
.web-hq-copy h1 span{color:#ffe052;text-shadow:0 3px #8c3f14}
.web-hq-description{font:18px/1.5 'Share Tech Mono',monospace;color:#d5ced7;margin:20px 0}
.web-hq-benefits{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:14px;font:15px 'Share Tech Mono',monospace;color:#eee5db}
.web-hq-benefits li{display:flex;align-items:center;gap:12px}.web-hq-benefits .pixel-icon{width:30px;height:30px;padding:6px;color:#ffdf55;border:1px solid #ae2d3a;background:#190d10;box-shadow:inset 0 0 12px #ff263316}
.web-hq-explore,.web-hq-tier button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:22px;border:2px solid #f2c446;background:linear-gradient(#ffea75,#f7c92d);color:#22180b;min-height:49px;padding:10px 22px;font:700 20px 'Zobot Rush Pixel',monospace;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:filter .15s,transform .15s}
.web-hq-explore:hover,.web-hq-tier button:hover{filter:brightness(1.15);transform:translateY(-2px)}
.web-hq-explore:focus-visible,.web-hq-tier button:focus-visible,.lobby-hq:focus-visible{outline:3px solid white;outline-offset:-6px}
.web-hq-showcase{position:absolute;width:70%;height:100%;right:-3%;bottom:0;pointer-events:none}
.web-hq-floor{position:absolute;bottom:10px;left:3%;width:97%;height:21%;background:radial-gradient(ellipse,#f4a33348,transparent 67%);filter:blur(9px)}
.web-hq-building{position:absolute;margin:0;bottom:0;filter:drop-shadow(0 14px 9px #0009)}
.web-hq-building img{display:block;width:100%;height:auto;image-rendering:auto}
.web-hq-building-1{left:0;width:41%;z-index:3;bottom:-3%}.web-hq-building-2{left:25%;width:47%;z-index:2;bottom:4%}.web-hq-building-3{right:-4%;width:58%;z-index:4;bottom:-2%}
.web-hq-building figcaption{display:none}
.web-hq-building-3 figcaption{bottom:13%}
.web-hq-solar{position:absolute;z-index:5;right:1%;top:30px;padding:13px 17px;background:#100d08ed;border:1px solid #e2ad37;border-left:3px solid #ffdf51;box-shadow:0 0 30px #ffad221d;display:grid;gap:7px}
.web-hq-solar small{color:#ffe38a;font:10px 'Share Tech Mono',monospace;letter-spacing:1px}.web-hq-solar strong{color:#ffdd51;font:700 25px 'Zobot Rush Pixel',monospace;display:flex;align-items:center;gap:9px}.web-hq-solar .pixel-icon{width:22px;height:22px}.web-hq-solar>span{font:12px 'Share Tech Mono',monospace;color:#eee1ad}
.web-hq-tiers{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1160px;margin:0 auto}
.web-hq-tier{padding:18px 24px;border:1px solid #91333d;background:linear-gradient(125deg,#1b1014ed,#080b0ef2);box-shadow:inset 0 0 20px #a7212712;text-align:center}
.web-hq-tier-number{display:block;color:#ab8b83;font:9px 'Share Tech Mono',monospace;letter-spacing:1.2px;margin-bottom:9px}
.web-hq-tier h2{font:700 24px 'Zobot Rush Pixel',monospace;color:#fff1df;margin:0 0 8px}.web-hq-tier p{margin:0;color:#ddd0bf;font:15px 'Share Tech Mono',monospace}.web-hq-tier p strong{color:#ffe168}.web-hq-extra{display:block;min-height:19px;margin-top:7px;color:#a59799;font:11px 'Share Tech Mono',monospace}.web-hq-price{border-top:1px solid #663039;margin:12px 0;padding-top:11px;color:#ff626a;font:700 25px 'Zobot Rush Pixel',monospace}.web-hq-price small{font-size:14px}
.web-hq-tier button{width:100%;background:#100e11;color:#ff7b80;border-color:#b73745;min-height:39px;font-size:17px;padding:7px 12px}.web-hq-tier-solar{border-color:#eac441;box-shadow:inset 0 0 22px #ffaa1b11,0 0 18px #ffbd1c0b}.web-hq-tier-solar h2,.web-hq-tier-solar .web-hq-extra{color:#ffdf5b}.web-hq-tier-solar button{border-color:#e7ba3b;color:#ffe170;background:#241d0b}
.web-hq-note{text-align:center;color:#c4b9bc;font:12px/1.7 'Share Tech Mono',monospace;margin:18px 0 4px}.web-hq-note strong{color:#f3d77d;font-weight:400}.web-hq-local{color:#8f858c;text-align:center;font:10px/1.5 'Share Tech Mono',monospace;margin:0}
.hq-shop-card.hq-offer-selected{outline:2px solid #ffe063;outline-offset:3px;box-shadow:0 0 24px #ffc72822}
@media(max-height:780px) and (min-width:1001px){.web-hq-hero{min-height:420px}.web-hq-copy{padding:26px 0 22px}.web-hq-copy h1{font-size:clamp(38px,4vw,56px)}.web-hq-description{font-size:16px;margin:15px 0}.web-hq-benefits{gap:10px;margin:17px 0 20px}.web-hq-tier{padding:13px 20px}.site-shell .lobby-buttons .lobby-hq{min-height:48px;font-size:18px}}
@media(min-width:721px) and (max-width:1100px){.site-shell .lobby-actions{width:calc(100% - 280px)}.site-shell .lobby-buttons{gap:10px}.site-shell .lobby-buttons .lobby-hq,.site-shell .lobby-buttons .lobby-recruit,.site-shell .lobby-buttons .primary-button{font-size:16px}.lobby-hq img{display:none}#headquarters-page{margin:0 -18px;padding:0 4% 20px}.site-shell[data-lobby-view=headquarters] .site-nav a{font-size:11px;padding:9px}.web-hq-hero{min-height:490px}.web-hq-copy{width:59%}.web-hq-copy h1{font-size:43px}.web-hq-description{font-size:15px}.web-hq-benefits{font-size:12px}.web-hq-showcase{width:73%;height:75%;right:-3%}.web-hq-solar{top:0}.web-hq-tier{padding:17px 12px}.web-hq-tier h2{font-size:21px}}
@media(max-width:720px){.site-shell .lobby-actions{width:calc(100% - 34px)}.site-shell .lobby-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-shell .lobby-buttons .lobby-hq{grid-column:1/-1;min-height:40px;font-size:17px}.site-shell .lobby-buttons .primary-button,.site-shell .lobby-buttons .lobby-recruit{max-width:none;width:100%}.site-shell .hangar-lobby{height:588px}.site-shell .lobby-motion{bottom:137px}.site-shell[data-lobby-view=headquarters] .site-header{gap:0 9px}.site-shell[data-lobby-view=headquarters] .site-nav{order:4;width:100%;flex:auto;height:39px;gap:0;justify-content:space-between;border-top:1px solid #8b2932}.site-shell[data-lobby-view=headquarters] .site-nav a{min-height:35px;font-size:10px;padding:8px}.site-shell[data-lobby-view=headquarters] .site-enter-game{order:5}#headquarters-page{margin:0 -12px;padding:0 18px 22px;background-position:60% top;background-size:auto 900px}.web-hq-hero{min-height:0;display:block}.web-hq-copy{width:100%;padding:29px 0 0}.web-hq-eyebrow{font-size:11px;margin-bottom:12px}.web-hq-copy h1{font-size:clamp(32px,8.2vw,46px);letter-spacing:-.4px}.web-hq-description{font-size:13px;margin:15px 0}.web-hq-benefits{font-size:11px;gap:9px;margin:17px 0}.web-hq-benefits .pixel-icon{width:25px;height:25px;padding:5px}.web-hq-explore{min-height:44px;font-size:18px;width:100%}.web-hq-showcase{position:relative;right:auto;width:calc(100% + 24px);margin:9px -12px 0;height:300px}.web-hq-solar{top:10px;right:10px;padding:10px 12px;gap:5px}.web-hq-solar strong{font-size:20px}.web-hq-solar small{font-size:8px}.web-hq-solar>span{font-size:10px}.web-hq-building-1{width:43%;bottom:0;left:-3%}.web-hq-building-2{width:48%;left:20%;bottom:5%}.web-hq-building-3{width:62%;right:-4%;bottom:-1%}.web-hq-building figcaption{font-size:8px}.web-hq-tiers{grid-template-columns:1fr;gap:12px}.web-hq-tier{padding:18px 20px}.web-hq-tier h2{font-size:25px}.web-hq-note{font-size:10px}.web-hq-local{font-size:9px}}