/* Small instruments share one visual language on the console and touch HUD. */
.streak-power-rack{display:flex;gap:6px;align-items:center}
.streak-power-rack[hidden]{display:none!important}
.streak-power-slot{--power-color:#a8edff;position:relative;display:grid;grid-template-rows:27px 9px 12px;justify-items:center;gap:2px;flex:1 1 0;min-width:46px;padding:5px 4px 4px;border:1px solid #7295a34f;border-radius:7px;background:linear-gradient(180deg,#10283bef,#071b2df5);color:var(--power-color);touch-action:manipulation;user-select:none;cursor:pointer;isolation:isolate}
.streak-power-slot::after{content:'';position:absolute;inset:auto 4px 0;height:2px;width:var(--charge,0%);max-width:calc(100% - 8px);background:var(--power-color);opacity:.65;border-radius:2px}
.streak-power-slot>small{position:absolute;right:4px;top:3px;font:7px/1 var(--mono);color:#a2b7c5}
.streak-power-icon{display:block;width:25px;height:25px}.streak-power-icon svg{display:block;width:100%;height:100%}
.streak-power-name{font:6px/1 var(--mono);letter-spacing:.4px;color:#c4d7df}
.streak-power-state{font:8px/1.4 var(--mono);font-weight:600;white-space:nowrap}
.streak-power-slot.selected{border-color:var(--power-color);box-shadow:0 0 0 1px #aacbe42b,inset 0 0 12px #9ccde00a}
.streak-power-slot.selected::before{content:'';position:absolute;width:4px;height:4px;top:-5px;left:calc(50% - 2px);background:var(--power-color);border-radius:1px}
.streak-power-slot[data-state=ready],.streak-power-slot[data-state=armed]{background:linear-gradient(180deg,#143949ef,#0b2236f5)}
.streak-power-slot[data-state=active]{border-color:var(--power-color);box-shadow:inset 0 0 15px #badae418}
.streak-power-slot[data-state=active] .streak-power-state::before{content:'● ';font-size:6px}
.streak-power-slot[data-state=cooldown] .streak-power-state::before{content:'↻ ';color:#9eb7c6}
.streak-power-slot[role=img]{cursor:default;border-style:dashed}
.streak-power-slot:focus-visible{outline:2px solid white;outline-offset:3px}
.streak-power-slot:disabled{cursor:default;opacity:.7}
#streak-power-host{display:none;flex:0 0 166px}
.streak-powers #streak-power-host{display:block}
.streak-powers .power-tech,.streak-powers #mobile-power{display:none!important}
.streak-powers .flight-tech{gap:8px}
.streak-powers .weapon-tech-label{min-width:0;overflow:hidden}
.streak-powers .weapon-tech-label>strong{overflow:hidden;text-overflow:ellipsis}
#mobile-streak-power-host{display:none}
.power-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}
.power-mode-tabs button{min-height:57px;padding:11px;border:1px solid #7295a345;border-radius:7px;background:#0d2536;color:#bed5df;text-align:left;font:10px var(--mono)}
.power-mode-tabs button[aria-pressed=true]{border-color:#95e9dd;background:#133747;color:#caffe9}
.power-mode-tabs small{display:block;font:11px var(--body);margin-top:7px;color:#9db7c6}
.power-mode-tabs button:disabled{cursor:default}
.power-loadout-selectors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.power-loadout-selectors label{min-width:0}.power-loadout-selectors label>span{display:block;font:9px var(--mono);color:#9bbaca;letter-spacing:1px;margin-bottom:8px}
.power-loadout-selectors select{width:100%;min-height:44px;padding:8px;color:#e3efef;background:#0b2435;border:1px solid #739aa95c;border-radius:6px;font:13px var(--body)}
.power-loadout-note{font:12px/1.8 var(--body);color:#a6c0cc;margin:16px 0}
.streak-power-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.streak-power-cards .power-emblem svg{width:31px;height:31px}
.streak-power-cards .power-card{cursor:default}
.streak-power-cards .power-card>strong{font-size:22px}
@media(max-width:720px){
 .power-loadout-selectors{grid-template-columns:1fr 1fr;gap:12px 8px}.power-loadout-selectors label:last-child{grid-column:1/-1}
 .power-loadout-selectors select{font-size:16px}.streak-power-cards{grid-template-columns:1fr}.power-mode-tabs button{font-size:9px}
}
@media(max-width:720px),(pointer:coarse) and (max-width:1024px),(max-height:540px) and (max-width:1024px){
 .in-flight.streak-powers #mobile-streak-power-host{display:block;position:absolute;right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:166px;pointer-events:auto;z-index:8}
 .in-flight.streak-powers .mobile-equipment{bottom:calc(95px + env(safe-area-inset-bottom));gap:10px;flex-direction:row}
 .in-flight.streak-powers .mobile-missile-rack{right:max(14px,env(safe-area-inset-right));left:auto;bottom:calc(160px + env(safe-area-inset-bottom));max-width:180px}
 .in-flight.streak-powers .streak-power-slot{min-height:64px;background:linear-gradient(180deg,#102b3cee,#071d2cee);grid-template-rows:27px 10px 13px}
 .in-flight.streak-powers .streak-power-state{font-size:9px}.in-flight.streak-powers .streak-power-name{font-size:7px}
}
@media(max-height:540px) and (max-width:1024px) and (orientation:landscape){
 .in-flight.streak-powers #mobile-streak-power-host{position:fixed;width:148px;right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
 .in-flight.streak-powers .mobile-equipment{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:98px;gap:14px}
 .in-flight.streak-powers .mobile-ability .ability-detail{top:50px;left:50%;right:auto;transform:translateX(-50%);font-size:8px}
 .in-flight.streak-powers .mobile-missile-rack{bottom:170px;max-width:150px;gap:4px}
 .in-flight.streak-powers .streak-power-slot{min-width:43px;padding-inline:2px}.in-flight.streak-powers .streak-power-name{font-size:6px}
}
@media(prefers-reduced-motion:reduce){.streak-power-slot{transition:none}}