.hq-page-web{box-sizing:border-box;color:var(--bc-text);height:100dvh;margin:0 auto;max-width:1280px;overflow:hidden;padding:34px 24px;position:relative}.hq-page-web::before{background:radial-gradient(ellipse 68% 52% at 8% 14%,var(--bc-blue-glow),transparent 72%),radial-gradient(ellipse 62% 48% at 92% 88%,rgb(255 106 26 / 22%),transparent 74%),var(--bc-bg);content:"";inset:0;pointer-events:none;position:fixed;z-index:-2}.hq-page-web button{border:1px solid var(--bc-line);color:var(--bc-command);cursor:pointer;font:700 clamp(12px,1.7vw,18px)/1 "Battle Cities UI","Arial Narrow",sans-serif;letter-spacing:.07em;min-height:42px;text-transform:uppercase}.hq-page-web button:focus-visible{outline:3px solid var(--bc-command);outline-offset:2px}.hq-page-web__tabs{grid-template-columns:repeat(var(--hq-tab-count),210px) 1fr 152px;max-width:none}.hq-page-web__tabs .shop-web__tab,.hq-page-web__tabs .shop-web__back{min-height:58px}.hq-page-web__shell{background:rgb(11 16 20 / 96%);border:1px solid var(--bc-line);box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) 30px;height:calc(100% - 70px);margin-top:8px;min-height:0;padding:16px 16px 0;position:relative}.hq-page-web__shell::before{background:var(--bc-command-dim);content:"";height:2px;left:6px;position:absolute;right:6px;top:5px}.hq-page-web__content{min-height:0;overflow:auto;padding:6px;scrollbar-color:var(--bc-command-dim) var(--bc-panel)}.hq-page-web__status{align-self:center;color:var(--bc-command);font:700 12px/1 "Battle Cities UI","Arial Narrow",sans-serif;letter-spacing:.06em;margin:0;text-align:center;text-transform:uppercase}.hq-page-web__heading{align-items:center;background:var(--bc-page);border:1px solid #725b16;display:grid;gap:18px;grid-template-columns:minmax(260px,430px) 1fr;min-height:78px;padding:0 22px}.hq-page-web__heading>div{align-items:center;display:flex}.hq-page-web__heading h1{font:700 clamp(24px,3vw,34px)/1 "Battle Cities UI","Arial Narrow",sans-serif;letter-spacing:.08em;margin:0}.hq-page-web__heading p{color:var(--bc-muted-light);font:700 14px/1.4 "Battle Cities UI","Arial Narrow",sans-serif;margin:0;text-align:right}.hq-page-web__stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.hq-page-web__stat{align-items:center;background:var(--bc-panel-alt);border:1px solid var(--bc-line);display:flex;gap:14px;min-height:100px;padding:12px 16px}.hq-page-web__stat img{height:54px;image-rendering:pixelated;object-fit:contain;width:54px}.hq-page-web__stat div{min-width:0}.hq-page-web__stat span,.hq-page-web__stat strong,.hq-page-web__stat small{display:block;font-family:"Battle Cities UI","Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase}.hq-page-web__stat span{color:var(--bc-muted);font-size:14px}.hq-page-web__stat strong{color:var(--bc-command);font-size:24px;margin-top:10px}.hq-page-web__stat small{color:var(--bc-ready);font-size:11px;margin-top:6px}.hq-page-web__section-title{border-bottom:2px solid var(--bc-line);font:700 22px/1 "Battle Cities UI","Arial Narrow",sans-serif;letter-spacing:.07em;margin:24px 0 14px;padding-bottom:10px;text-transform:uppercase}.hq-page-web__item-grid,.hq-page-web__card-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.hq-page-web__item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hq-page-web__item{background:var(--bc-panel);border:1px solid var(--bc-line);display:grid;grid-template-columns:70px 1fr auto;min-height:90px;padding:12px}.hq-page-web__item img{height:64px;image-rendering:pixelated;object-fit:contain;width:64px}.hq-page-web__item h3{align-self:center;font:700 15px/1.3 "Battle Cities UI","Arial Narrow",sans-serif;text-transform:uppercase}.hq-page-web__item strong{align-self:center;color:var(--bc-command);font:700 22px/1 "Battle Cities UI","Arial Narrow",sans-serif}.hq-page-web__card{background:var(--bc-panel);border:1px solid var(--bc-line);box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto 42px;min-height:190px;padding:14px;position:relative}.hq-page-web__card h3{color:var(--bc-ready);font:700 20px/1 "Battle Cities UI","Arial Narrow",sans-serif;margin:0;text-transform:uppercase}.hq-page-web__card p{color:var(--bc-muted-light);font:700 12px/1.4 "Battle Cities UI","Arial Narrow",sans-serif}.hq-page-web__card b{color:var(--bc-command);font:700 18px/1 "Battle Cities UI","Arial Narrow",sans-serif}.hq-page-web__card button,.hq-page-web__action-row button,.hq-page-web__empty button{background:var(--bc-ready-dark);border-color:var(--bc-ready);color:#f3e6a6}.hq-page-web__card button.is-selected,.hq-page-web__action-row button.is-selected,.hq-page-web__empty button.is-selected{background:var(--bc-command);border-color:var(--bc-command);color:var(--bc-active-ink)}.hq-page-web__card button:disabled{cursor:not-allowed;opacity:.5}.hq-page-web__badge{color:var(--bc-command);font:700 10px/1 "Battle Cities UI","Arial Narrow",sans-serif;position:absolute;right:12px;text-transform:uppercase;top:14px}.hq-page-web__card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.hq-page-web__action-row{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.hq-page-web__action-row button{min-width:190px}.hq-page-web__table{--hq-columns:4;background:var(--bc-page);border:1px solid var(--bc-line);margin-top:16px}.hq-page-web__table-head,.hq-page-web__table-row{display:grid;grid-template-columns:repeat(var(--hq-columns),minmax(0,1fr))}.hq-page-web__table-head{background:var(--bc-panel-raised);color:var(--bc-muted);font:700 13px/1 "Battle Cities UI","Arial Narrow",sans-serif}.hq-page-web__table-row{border-top:1px solid var(--bc-line);font:700 15px/1.2 "Battle Cities UI","Arial Narrow",sans-serif}.hq-page-web__table-row:nth-child(odd){background:var(--bc-panel-alt)}.hq-page-web__table span{overflow:hidden;padding:14px 16px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hq-page-web__table-row span:last-child{color:var(--bc-command)}.hq-page-web__empty{align-items:center;background:var(--bc-page);border:1px solid var(--bc-line);display:flex;flex-direction:column;justify-content:center;margin-top:18px;min-height:180px;padding:24px;text-align:center}.hq-page-web__empty h2{font:700 24px/1 "Battle Cities UI","Arial Narrow",sans-serif;margin:0}.hq-page-web__empty p{color:var(--bc-muted-light);font:700 14px/1.5 "Battle Cities UI","Arial Narrow",sans-serif}.hq-page-web__empty button{min-width:180px}.hq-page-web__skeletons{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:18px}.hq-page-web__skeletons i{background:linear-gradient(90deg,var(--bc-panel-alt),var(--bc-panel-raised),var(--bc-panel-alt));background-size:200% 100%;border:1px solid var(--bc-line);height:130px}.hq-page-web__manual-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.hq-page-web__manual-card{background:var(--bc-panel);border:1px solid var(--bc-line);display:grid;gap:14px;grid-template-columns:90px 1fr;grid-template-rows:auto 1fr 36px;min-height:220px;padding:14px}.hq-page-web__manual-card h3{color:var(--bc-ready);font:700 22px/1 "Battle Cities UI","Arial Narrow",sans-serif;grid-column:1/-1;margin:0;text-align:center}.hq-page-web__manual-card img{height:86px;image-rendering:pixelated;object-fit:contain;width:86px}.hq-page-web__manual-card b,.hq-page-web__manual-card strong,.hq-page-web__manual-card p{font-family:"Battle Cities UI","Arial Narrow",sans-serif;text-transform:uppercase}.hq-page-web__manual-card b{color:var(--bc-command);font-size:13px}.hq-page-web__manual-card p{color:var(--bc-muted-light);font-size:11px;line-height:1.4}.hq-page-web__manual-card strong{font-size:12px}.hq-page-web__manual-card>span{align-items:center;background:var(--bc-ready-dark);border:1px solid var(--bc-ready);color:#f3e6a6;display:flex;font:700 11px/1 "Battle Cities UI","Arial Narrow",sans-serif;grid-column:1/-1;justify-content:center;text-transform:uppercase}@media(hover:hover) and (prefers-reduced-motion:no-preference){.hq-page-web button{transition:background-color 100ms ease-out,border-color 100ms ease-out,transform 100ms ease-out}.hq-page-web button:hover{border-color:var(--bc-command);transform:translateY(-1px)}}@media(prefers-reduced-motion:no-preference){.hq-page-web__skeletons i{animation:hq-page-pulse 1.2s ease-in-out infinite}}@keyframes hq-page-pulse{to{background-position:-200% 0}}
@media(max-width:800px){.hq-page-web{padding:6px 0}.hq-page-web__tabs{gap:3px;grid-template-columns:repeat(var(--hq-tab-count),minmax(0,1fr)) 4px 83px}.hq-page-web__tabs .shop-web__tab,.hq-page-web__tabs .shop-web__back{font-size:10px;min-height:40px}.hq-page-web__shell{height:calc(100% - 47px);margin-top:4px;padding:8px 6px 0}.hq-page-web__heading{display:block;min-height:0;padding:12px}.hq-page-web__heading h1{font-size:20px}.hq-page-web__heading p{font-size:10px;margin-top:8px;text-align:left}.hq-page-web__stats{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.hq-page-web__stat{gap:8px;min-height:74px;padding:8px}.hq-page-web__stat img{height:40px;width:40px}.hq-page-web__stat span{font-size:10px}.hq-page-web__stat strong{font-size:18px;margin-top:6px}.hq-page-web__section-title{font-size:17px;margin:14px 0 8px}.hq-page-web__item-grid,.hq-page-web__card-grid,.hq-page-web__card-grid--four{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.hq-page-web__item{grid-template-columns:48px 1fr auto;min-height:68px;padding:7px}.hq-page-web__item img{height:44px;width:44px}.hq-page-web__item h3{font-size:10px}.hq-page-web__item strong{font-size:16px}.hq-page-web__card{min-height:164px;padding:9px}.hq-page-web__card h3{font-size:15px}.hq-page-web__card p{font-size:9px}.hq-page-web__card b{font-size:14px}.hq-page-web__action-row{margin-top:10px}.hq-page-web__action-row button{min-width:0;width:50%}.hq-page-web__table{overflow:auto}.hq-page-web__table-head,.hq-page-web__table-row{min-width:520px}.hq-page-web__table span{font-size:10px;padding:10px 8px}.hq-page-web__manual-grid{gap:7px;grid-template-columns:1fr;margin-top:10px}.hq-page-web__manual-card{grid-template-columns:70px 1fr;min-height:190px;padding:9px}.hq-page-web__manual-card img{height:66px;width:66px}.hq-page-web__empty{min-height:130px;padding:16px}.hq-page-web__empty h2{font-size:18px}.hq-page-web__empty p{font-size:10px}.hq-page-web__skeletons{gap:6px;grid-template-columns:repeat(2,1fr);margin-top:10px}.hq-page-web__skeletons i{height:90px}}
@media(max-width:520px){.hq-page-web__tabs{overflow-x:auto}.hq-page-web__tabs:has(.shop-web__tab:nth-child(4)){grid-template-columns:repeat(var(--hq-tab-count),110px) 4px 83px}.hq-page-web__content{padding:3px}.hq-page-web__status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hq-page-web *{animation:none!important;scroll-behavior:auto}}

/* Static title plates use Shop's active-tab geometry without pretending to be controls. */
.hq-page-web__tabs span.shop-web__tab{box-sizing:border-box;font:700 clamp(12px,1.7vw,18px)/1 "Battle Cities UI","Arial Narrow",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.hq-page-web__tabs button:disabled{cursor:not-allowed;opacity:.45}