/* ===== Меню планеты рядом с планетой ===== */
#target.tp{width:360px;max-height:none;padding:0;overflow:visible;background:#0d1826f7;border:1px solid #3a5a7a;border-radius:16px;box-shadow:0 18px 60px #000c;z-index:6;will-change:transform}
#target.tp:before{content:"";position:absolute;top:50%;width:14px;height:14px;background:#0d1826;border:1px solid #3a5a7a;transform:translateY(-50%) rotate(45deg);z-index:-1}
#target.tp[data-side=r]:before{left:-8px;border-right:0;border-top:0}#target.tp[data-side=l]:before{right:-8px;border-left:0;border-bottom:0}
.tgt-hero{position:relative;height:118px;border-radius:15px 15px 0 0;overflow:hidden}.tgt-hero canvas{width:100%;height:100%;display:block;object-fit:cover}
.tgt-ttl{position:absolute;left:14px;right:44px;bottom:8px;text-shadow:0 2px 8px #000}.tgt-ttl b{display:flex;align-items:center;gap:8px;font-size:18px;color:#fff}.tgt-ttl small{color:#d7e6f2}
.lvb{font-style:normal;font-size:12px;background:#fff;color:#10182e;border-radius:8px;padding:0 7px;font-weight:800}
.tgt-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.tgt-traits{display:flex;flex-wrap:wrap;gap:6px}
.tgt-body .row{margin-top:4px!important}.tgt-body .row button{flex:1}
.tgt-body .bar{height:10px;border-radius:6px}.tgt-body .card{margin:0}
#target.tp #tClose{position:absolute;right:8px;top:8px;width:30px;height:30px;min-height:0;padding:0;border-radius:50%;background:#0b1624cc;border:1px solid #4a6a88;display:grid;place-items:center;z-index:2}
@media(max-width:760px){#target.tp{left:8px!important;right:8px;top:auto!important;bottom:70px;width:auto;max-height:62vh;overflow:auto;transform:none!important}#target.tp:before{display:none}.tgt-hero{height:96px}}

/* ===== Полноэкранные окна ===== */
#fw{position:fixed;left:0;right:0;bottom:0;top:82px;z-index:11;display:none;flex-direction:column;background:radial-gradient(ellipse at 15% 0,#14303a,transparent 60%),radial-gradient(ellipse at 100% 100%,#241f44,transparent 55%),#080f1b;color:var(--txt);padding-bottom:104px}
#fw.show{display:flex}
.fw-head{display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid #26405a;background:#0b1624cc;flex:none}
.fw-ttl{display:flex;align-items:center;gap:12px;min-width:0}.fw-ttl>div{display:flex;flex-direction:column;line-height:1.2}.fw-ttl b{font-size:20px}.fw-ttl small{color:var(--dim)}.fw-ic{font-size:28px}
.fw-tools{flex:1;min-width:0;overflow-x:auto}.fw-sum{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.fw-sum button{white-space:nowrap}
.fw-x{width:42px;height:42px;border-radius:50%;padding:0;font-size:18px;background:#2a1a24;border:1px solid #c0506a;color:#fff;flex:none}
.fw-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.fw-empty{display:grid;place-items:center;gap:12px;text-align:center;padding:40px;color:var(--dim);flex:1}
.fw-info{padding:16px}.fw-info h3{margin:0 0 8px;font-size:18px}.fw-info p{margin:0 0 10px;line-height:1.5;color:#c4d3df}
.fw-info,.cm-note{font-size:13px}.cm-note{margin:0 0 10px;line-height:1.5}
.pc{display:inline-block;line-height:0;border-radius:12px;overflow:hidden}.pc canvas{display:block}.pc.gray canvas{filter:grayscale(1) brightness(.5)}.nocm{display:grid;place-items:center;width:100%;height:100%;font-size:28px;color:#5a7288;font-style:normal;min-height:60px}

/* --- командиры --- */
.cm-wrap{flex:1;min-height:0;display:grid;grid-template-columns:minmax(330px,42%) 1fr}
.cm-left{display:flex;flex-direction:column;min-height:0;border-right:1px solid #26405a;background:#0a1320aa}
.cm-filters{display:flex;gap:6px;padding:10px 12px 4px;flex-wrap:wrap}.cm-filters select{flex:1;min-width:110px;min-height:34px}.cm-chk{display:flex;align-items:center;gap:4px;color:var(--dim)}
.cm-count{padding:2px 14px 6px;font-size:12px}
.cm-grid{flex:1;min-height:0;overflow:auto;padding:8px 12px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;align-content:start;grid-auto-rows:max-content}
.cm-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 8px;border-radius:14px;background:linear-gradient(#16263a,#0f1a2a);border:2px solid #2a3b4e;color:var(--txt);font-size:12px}
.cm-card:hover:not(:disabled){border-color:var(--rc,#69d4d0);background:linear-gradient(#1b304a,#112033)}.cm-card.sel{border-color:var(--rc,#69d4d0);box-shadow:0 0 0 2px var(--rc,#69d4d0)55,0 8px 22px #0009}
.cm-card.gray{opacity:.6}.cm-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-busy{position:absolute;top:4px;right:4px;font-style:normal;font-size:9px;background:#8a2a38;border-radius:6px;padding:0 5px}
.cm-right{overflow:auto;padding:16px 20px 24px;min-height:0}
.cm-hero{display:flex;gap:18px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#17283a,#0e1826);border:1px solid var(--rc,#3a5a7a);box-shadow:0 0 30px color-mix(in srgb,var(--rc,#000) 25%,transparent)}
.cm-hero .pc.big{align-self:flex-start;border:2px solid var(--rc,#3a5a7a);flex:none}.cm-hi{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.cm-hi h2{margin:0;font-size:24px}
.cm-tags{display:flex;gap:6px;flex-wrap:wrap}.cm-lv .bar{margin-top:4px;height:10px}
.cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cm-stats div{background:#0a1320;border-radius:10px;padding:8px;text-align:center}.cm-stats b{display:block;font-size:20px}.cm-stats small{color:var(--dim);font-size:11px}
.cm-sub{display:flex;gap:6px;margin:14px 0 10px;flex-wrap:wrap}.cm-sub button{flex:1;min-width:110px}.cm-sub button.on{background:#1f4a52;border-color:var(--acc)}
.cm-sk{display:flex;gap:12px;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:#122030;border:1px solid #2a4258}.cm-sk.off{opacity:.5}.cm-sk .ic{font-size:26px;width:40px;text-align:center}.cm-sk .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cm-sk button{width:44px;height:44px;font-size:20px;padding:0}
.cm-tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.cm-br{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#122030;border:1px solid #2a4258}.cm-br span{font-size:22px}.cm-br b{flex:1}
.cm-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.cm-slot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;min-height:86px;border-radius:12px;background:#122030;border:2px dashed #3a5068;text-align:left}.cm-slot.has{border-style:solid;border-color:var(--ic,#69d4d0)}.cm-slot .plus{font-size:26px;color:var(--dim)}
@media(max-width:760px){
  #fw{top:52px;bottom:62px;padding-bottom:0;z-index:16}
  .fw-head{padding:6px 10px;gap:8px;flex-wrap:wrap}.fw-ttl b{font-size:16px}.fw-ttl small{display:none}.fw-ic{font-size:22px}.fw-x{width:38px;height:38px;order:2;margin-left:auto}.fw-tools{order:3;flex-basis:100%}.fw-sum{justify-content:flex-start;flex-wrap:nowrap}.fw-sum small{display:none}
  .cm-wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:auto}.cm-wrap{display:flex;flex-direction:column;overflow:hidden}
  .cm-left{border-right:0;border-bottom:1px solid #26405a;flex:none}.cm-filters{padding:6px 8px 2px;flex-wrap:nowrap;overflow-x:auto}.cm-filters select{min-width:96px;min-height:32px;font-size:12px}.cm-count{display:none}
  .cm-grid{display:flex;overflow-x:auto;overflow-y:hidden;padding:6px 8px 8px;gap:8px}.cm-card{flex:0 0 92px;padding:4px 2px}.cm-card .pc canvas{width:76px!important;height:96px!important}
  .cm-right{flex:1;padding:10px 10px 18px}.cm-hero{flex-direction:column;align-items:center;padding:12px;gap:10px;text-align:center}.cm-hero .pc.big canvas{width:132px!important;height:166px!important}.cm-hi{width:100%}.cm-hi h2{font-size:20px}.cm-tags{justify-content:center}.cm-hi .row{justify-content:center}
  .cm-sub button{min-width:0;padding:8px 4px;font-size:12px}.cm-sk{padding:8px}.cm-sk .ic{width:28px;font-size:20px}
}

/* --- отряды --- */
.sq-wrap{flex:1;min-height:0;display:grid;grid-template-columns:1fr 340px}
.sq-main{overflow:auto;padding:16px 18px}.sq-side{overflow:auto;border-left:1px solid #26405a;background:#0a1320aa}
.sq-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.sq-card{padding:12px;border-radius:14px;background:linear-gradient(#16263a,#0f1a2a);border:1px solid #2f465c;display:flex;flex-direction:column;gap:8px}.sq-card.out{border-color:#3a6a8a}
.sq-top{display:flex;gap:10px;align-items:center}.sq-hd{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.sq-hd .dim{font-size:12px}
.sq-fm{width:120px;height:70px;border-radius:10px;background:#0a1220;flex:none}
.sq-us{display:flex;flex-wrap:wrap;gap:5px}.sq-u{display:flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px 2px 2px;border-radius:10px;background:#122030;border:1px solid #2a4258}.sq-u canvas{width:44px;height:21px}
.sq-meter{position:relative;height:20px;border-radius:10px;background:#0a1220;overflow:hidden}.sq-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1f8f5f,#5dffa0);opacity:.7}.sq-meter span{position:relative;display:block;text-align:center;font-size:11px;line-height:20px}
.sq-card .row{gap:6px;flex-wrap:nowrap}.sq-card .row button{flex:1}.sq-card .row button:last-child{flex:0 0 44px}
.sq-dock{margin:12px;padding:10px 12px;border-radius:12px;background:#122030;border:1px solid #2a4258}.sq-dock summary{cursor:pointer;font-weight:600}.sq-row2{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}
@media(max-width:900px){.sq-wrap{grid-template-columns:1fr;grid-template-rows:1fr;overflow:auto;display:block}.sq-main{overflow:visible}.sq-side{border-left:0;border-top:1px solid #26405a;overflow:visible}.sq-list{grid-template-columns:1fr}}
/* конструктор */
.sqe{flex:1;min-height:0;display:grid;grid-template-columns:300px 1fr 330px}
.sqe>section,.sqe>aside{overflow:auto;padding:14px 16px;min-height:0}.sqe-c1{border-right:1px solid #26405a;background:#0a1320aa}.sqe-c3{border-left:1px solid #26405a;background:#0a1320aa}
.sqe h3{display:flex;align-items:center;gap:10px;margin:4px 0 4px;font-size:17px}.sqe h3 i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1f4a52;border:1px solid var(--acc);font-size:13px}.sqe h4{margin:12px 0 6px;color:#9aaec0;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.sqe p.dim{margin:0 0 10px;font-size:12px}
.sqe-cms{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sqe-cms.small{grid-template-columns:repeat(3,1fr)}
.sqe-cm{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:#122030;border:2px solid #2a3b4e;font-size:12px;min-height:0;color:var(--txt)}.sqe-cm.on{border-color:var(--rc,#69d4d0);background:#173a3c;box-shadow:0 0 14px #69d4d044}.sqe-cm small{color:#8aa0b6;font-size:11px;text-align:center}.sqe-cm b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sqe-cms.small .pc canvas{width:48px!important;height:60px!important}.sqe-cm .pc{min-width:48px;min-height:60px;background:#0a1220}
.sqe-fms{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.sqe-fm{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;border-radius:12px;background:#122030;border:2px solid #2a3b4e;text-align:center;min-height:0;color:var(--txt)}.sqe-fm.on{border-color:var(--acc);background:#173a3c}.sqe-fm canvas{width:100%;height:auto;border-radius:8px;background:#0a1220}.sqe-fm small{font-size:11px}
.sqe-u{display:grid;grid-template-columns:78px 120px 1fr 64px 56px;gap:10px;align-items:center;padding:8px 10px;margin-bottom:6px;border-radius:12px;background:#122030;border:1px solid #2a4258}.sqe-u canvas{width:78px;height:38px;background:#0a1220;border-radius:8px}.sqe-u .nm{display:flex;flex-direction:column;line-height:1.2}.sqe-u .nn{width:64px;text-align:center;padding:4px}
.sqe-u input[type=range]{width:100%;accent-color:#5dffa0;height:28px}
.sqe-sum{display:flex;flex-direction:column;gap:12px}.sqe-sum label{font-size:12px;color:#9aaec0}.sqe-sum input{display:block;width:100%;margin-top:3px}
#sqePrev{width:100%;height:auto;border-radius:12px;background:radial-gradient(circle,#1a3350,#0a1220)}.sqe-cap{padding:10px;border-radius:12px;background:#0a1220;font-size:13px}.sqe-cap b.bad{color:#ff8a7a}
.sq-bar{height:8px;border-radius:5px;background:#1a2436;margin:4px 0 8px;overflow:hidden}.sq-bar i{display:block;height:100%;background:#5dffa0;transition:width .15s}.sq-bar i.over{background:#ff6a6a}
#sHint{min-height:16px;color:#ffb38a;font-size:12px}.sqe-sum .row{gap:8px}.sqe-sum .row button{flex:1}
@media(max-width:1100px){.sqe{grid-template-columns:240px 1fr}.sqe-c3{grid-column:1 / -1;border-left:0;border-top:1px solid #26405a}.sqe-u{grid-template-columns:64px 1fr 60px}.sqe-u input[type=range]{grid-column:1 / -1;order:5}.sqe-u .nn{grid-column:2;grid-row:1;justify-self:end}.sqe-u button{grid-column:3;grid-row:1}}
@media(max-width:760px){.sqe{display:block;overflow:auto}.sqe>section,.sqe>aside{overflow:visible;padding:10px 12px}.sqe-c1,.sqe-c3{border:0}.sqe-c1{border-bottom:1px solid #26405a}.sqe-cms{grid-template-columns:repeat(3,1fr)}.sqe-cm .pc canvas{width:56px!important;height:70px!important}.sqe-fms{grid-template-columns:repeat(2,1fr)}.sqe-u{grid-template-columns:64px 1fr 58px 52px}.sqe-u canvas{width:64px;height:32px}.sqe-u input[type=range]{grid-column:1 / -1}.sqe-u .nn{grid-column:3;grid-row:1}.sqe-u button{grid-column:4;grid-row:1}.sqe-c3{position:sticky;bottom:0;background:#0b1624f6;border-top:1px solid #3a5a7a}#sqePrev{display:none}}

/* --- фабрикатор --- */
.fab{flex:1;min-height:0;display:grid;grid-template-columns:1fr 360px}.fab-main{overflow:auto;padding:16px 20px 24px}.fab-info{border-left:1px solid #26405a;background:#0a1320aa;overflow:auto}
.fab-main h3{display:flex;align-items:center;gap:10px;margin:18px 0 8px;font-size:17px}.fab-main h3 i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1f4a52;border:1px solid var(--acc);font-size:13px}
.fab-st{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#14323a,#1a2442);border:1px solid #2f5a66;flex-wrap:wrap}.fab-st b{color:var(--gold)}
.fab-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.fab-sl{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;background:#122030;border:2px solid #2a3b4e;min-height:0;color:var(--txt)}.fab-sl.on{border-color:#6fe0ff;background:#15305a;box-shadow:0 0 18px #6fe0ff33}.fab-sl img{width:72px;height:72px;border-radius:12px}
.fab-qty{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fab-qty input{width:76px;text-align:center}
.fab-go{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:14px;border-radius:14px;background:#0f1d2c;border:1px solid #2a4258}.fab-cost{font-size:14px}button.big{font-size:17px;padding:12px;min-height:50px}
.fab-info .fw-info{position:sticky;top:0}.fab-rr{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px solid #1d2c3d}.fab-how{padding-left:20px;line-height:1.7;margin:0 0 10px}
@media(max-width:900px){.fab{display:flex;flex-direction:column;overflow:auto}.fab-main{overflow:visible;padding:12px}.fab-info{border-left:0;border-top:1px solid #26405a;order:-1;max-height:none}.fab-info .fw-info{position:static;padding:10px 12px}.fab-info h3{font-size:15px}.fab-slots{grid-template-columns:repeat(3,1fr)}.fab-sl img{width:56px;height:56px}}
@media(max-width:760px){.fab-info{display:none}.fab-main:before{content:none}}
body.fw-on #commBar,body.fw-on #chatFeed,body.fw-on #mapTools,body.fw-on #hud,body.fw-on #econBar,body.fw-on #fleetStrip,body.fw-on #target,body.fw-on #mClose{display:none!important}
.sqe-name{display:block;font-size:12px;color:#9aaec0;margin-bottom:8px}.sqe-name input{display:block;width:100%;margin-top:3px}
@media(max-width:760px){.sqe-c3 .sqe-sum{gap:6px}.sqe-cap{padding:6px 10px;font-size:12px}.sqe-c3{padding:8px 12px!important}.cm-filters select{flex:0 0 auto}}
.tb{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:7px;border:1px solid;vertical-align:middle}
.tb.t1{color:#c9d3dc;border-color:#6b7a88;background:#1b242d}.tb.t2{color:#9dffb8;border-color:#2fae62;background:#10331f}.tb.t3{color:#9fd0ff;border-color:#2f7de0;background:#0f2c4a}.tb.t4{color:#e0b8ff;border-color:#a05af0;background:#2a1650}.tb.t5{color:#ffe29a;border-color:#ffb52e;background:#4a3000;box-shadow:0 0 8px #ffb52e66}
@media(max-width:760px){.cm-hero .pc.big{align-self:center}}
.sq-siege{margin-bottom:12px;padding:12px 14px;border-radius:12px;background:#3a1018;border:1px solid #ff4a5a;color:#ffd9dc;line-height:1.5}
.tgt-coords{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:#0a1320}.tgt-coords .row{margin:0!important;gap:6px}.tgt-coords button{min-height:32px;padding:4px 8px;font-size:12px}
a.coord{color:#7fd6ff;text-decoration:underline;cursor:pointer;white-space:nowrap}
#finder{display:inline-flex;gap:4px}#finder input{width:150px;min-height:34px;padding:4px 8px}#finder button{min-height:34px;padding:4px 10px}
@media(max-width:760px){#finder input{width:96px}}
/* дерево технологий: кнопка закрытия — справа в шапке, не посередине */
#techView .tv-head .tv-x{order:2;margin:0 0 0 auto!important;flex:none}
#techView .tv-head>b{order:1;font-size:18px}
#techView .tv-head .tv-tabs{order:3}
@media(max-width:760px){#techView .tv-head>b{flex:1}#techView .tv-head .tv-x{margin:0!important}#techView .tv-head .tv-tabs{order:4;width:100%}#techView .tv-head .tv-q{order:5}}
#techView .tv-line{font-weight:700}

/* верфь: плитки Т1–Т3 в ряд */
.yc h4{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px}
.yt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.yt{background:#0b1424;border:1px solid #23405f;border-radius:8px;padding:5px;display:flex;flex-direction:column;gap:2px;min-width:0;font-size:11px}
.yt.lock{opacity:.6}.yt-h{display:flex;justify-content:space-between;align-items:center}
.yt canvas{width:100%;height:auto;max-height:44px;object-fit:contain}.yt-s{color:#9fd4ff}
.yt-c{display:flex;flex-wrap:wrap;gap:2px 5px;font-size:10.5px}.yt-c *{font-size:10.5px}
.yt-b{display:flex;gap:3px;margin-top:auto}.yt-b input{width:100%;min-width:0;padding:3px;font-size:12px}.yt-b button{padding:3px 5px;font-size:11px;white-space:nowrap}
@media(max-width:760px){.yt-grid{gap:4px}.yt{padding:4px}}
/* панель здания: длинные подписи не вылезают, текст переносится */
#panel .bp-meter{height:auto;min-height:18px}
#panel .bp-meter span{line-height:15px;padding:1px 6px;white-space:normal;word-break:break-word;font-size:10.5px}
#panel .bp-sec,#panel .bp-row,#panel .bp-t{max-width:100%;box-sizing:border-box}
#panel .bp-row{flex-wrap:wrap}#panel .bp-t td:first-child{word-break:break-word}
#panel .bp-bad,#panel .bp-spec,#panel .bp-note{overflow-wrap:anywhere}

/* профиль */
.pf{width:min(460px,92vw);max-height:84vh;overflow:auto}.pf-head{display:flex;gap:12px;align-items:center;margin:10px 0}.pf-nick{font-size:20px;font-weight:800}
.pf-av{border-radius:50%;border:2px solid #3a6aa8;background:#0d1630;flex:none}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin-top:6px}
.pf-b{padding:4px;border-radius:10px;font-size:24px;line-height:1.1;background:#0b1424;border:1px solid #23405f;display:flex;justify-content:center;align-items:center}.pf-b.on{border-color:#ffc94d;box-shadow:0 0 0 2px #ffc94d55}.pf-c .pf-av{width:42px!important;height:42px!important}

/* 2.5D-сцена командира */
.cm-stage{position:relative;flex:none;width:320px;height:410px;border-radius:14px;overflow:hidden;border:2px solid var(--rc,#3a5a7a);box-shadow:0 0 28px color-mix(in srgb,var(--rc,#000) 35%,transparent);background:#050818;touch-action:pan-y;cursor:grab}
.cm-stage .cm-stage-cv{display:block;width:100%;height:100%}.cm-stage.gray .cm-stage-cv{filter:grayscale(.85) brightness(.75)}
.cm-stage .cs-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:60px;border:0;border-radius:10px;background:rgba(5,10,30,.45);color:#fff;font-size:26px;cursor:pointer;opacity:.0;transition:opacity .2s}
.cm-stage:hover .cs-nav{opacity:.85}.cm-stage .cs-nav.l{left:6px}.cm-stage .cs-nav.r{right:6px}
@media(max-width:760px){.cm-stage{width:100%;max-width:340px;height:340px}.cm-stage .cs-nav{opacity:.6}}
/* анимации командиров: кнопка «Фирменная» и подпись */
.cm-stage .cs-sig{position:absolute;right:8px;bottom:8px;z-index:3;border:1px solid #ffd24a88;background:rgba(20,16,4,.72);color:#ffe9a8;border-radius:10px;padding:6px 11px;font-size:13px;cursor:pointer;backdrop-filter:blur(4px)}
.cm-stage .cs-sig:hover{background:rgba(60,44,6,.85)}
.cm-stage .cs-cap{position:absolute;left:8px;bottom:8px;z-index:2;max-width:calc(100% - 130px);font-size:11px;line-height:1.35;color:#c9d6ff;text-shadow:0 1px 3px #000;pointer-events:none;opacity:.85}.cm-stage .cs-cap b{color:#fff}
@media(max-width:760px){.cm-stage .cs-cap{font-size:10px}.cm-stage .cs-sig{padding:5px 9px;font-size:12px}}

/* верфь: плитки одним рядом Т1 → Т5, на узком экране прокрутка вбок */
.yt-grid{display:flex!important;grid-template-columns:none!important;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
.yt-grid>.yt{flex:1 0 132px;min-width:132px;scroll-snap-align:start}
@media(max-width:760px){.yt-grid>.yt{flex:0 0 140px;min-width:140px}}
/* карточка маяка / цитадели — в стиле карточки планеты */
.tb-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.tb-row b{color:#fff}.tb-row span{color:#9fb0d8}
.tb-gat{margin-top:4px;padding:12px;border-radius:14px;background:linear-gradient(#0e1a38cc,#0a1230cc);border:1px solid #2a4a7a;display:flex;flex-direction:column;gap:8px}
.tb-pips{display:flex;gap:8px}.tb-pips i{flex:1;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:16px;border:1px dashed #2a3f66;color:#2a3f66;background:#08102a}
.tb-pips i.on{border:1px solid #ffd24a;color:#ffd24a;background:linear-gradient(#3a2d0c,#1b1606);box-shadow:0 0 10px #ffd24a44}
.tb-gat small{font-size:12px;line-height:1.4}.tb-gat .row button{min-height:40px;border-radius:12px;font-weight:700}.tb-gat .cst{opacity:.9;font-weight:600;margin-left:4px}
#target.tp .tgt-body .row button{min-height:40px;border-radius:12px}
.tb-gat .row button.pri{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;padding:6px 8px}.tb-gat .cst{display:block;font-size:11px;margin:0;opacity:.85}