.squad-operation-panel{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--accent,#38bdf8) 48%,transparent);background:radial-gradient(circle at 83% 8%,color-mix(in srgb,var(--accent,#38bdf8) 17%,transparent),transparent 31%),var(--ops-panel)}
.squad-operation-panel::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 45%,#ffffff07 50%,transparent 55%);translate:-100% 0;animation:squadSweep 9s linear infinite}.squad-operation-panel>*{position:relative;z-index:1}.squad-operation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.squad-operation-head h2{font-size:clamp(1.55rem,3vw,2.35rem)}.squad-operation-head .panel-copy{max-width:780px;color:var(--ops-muted)}.squad-service-state{flex:none;padding:.35rem .55rem;border:1px solid var(--ops-line);border-radius:999px;color:var(--ops-muted);font-size:.67rem;font-weight:900;letter-spacing:.09em}.squad-service-state[data-state="online"]{border-color:#34d39975;color:#5ce2ac}.squad-service-state[data-state="victory"]{border-color:#f6c85a99;color:#f6c85a;box-shadow:0 0 20px #f6c85a30}.squad-service-state[data-state="offline"]{border-color:#f8717190;color:#fda4a4}.squad-loading{padding:1rem;border:1px dashed var(--ops-line);border-radius:10px;color:var(--ops-muted)}
.squad-lobby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.squad-lobby article,.squad-lobby form,.squad-offline{display:grid;align-content:start;gap:.55rem;padding:1rem;border:1px solid #ffffff16;border-radius:12px;background:#0003}.squad-lobby span{color:var(--accent,#38bdf8);font-size:.68rem;font-weight:900;letter-spacing:.12em}.squad-lobby h3,.squad-lobby p{margin:0}.squad-lobby p,.squad-offline p{color:var(--ops-muted)}.squad-lobby label{display:grid;gap:.25rem;color:var(--ops-muted);font-size:.78rem}.squad-lobby input{max-width:12rem;text-transform:uppercase;letter-spacing:.22em;font-weight:900}.squad-lobby button,.squad-offline button{justify-self:start}.squad-error{padding:.65rem .8rem;border:1px solid #f8717175;border-radius:8px;background:#f8717112;color:#fda4a4}
.squad-boss{display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1.4fr);gap:1.1rem;margin-top:1rem;padding:1rem;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(115deg,#0005,#ffffff05)}.squad-boss-visual{position:relative;display:grid;min-height:210px;place-items:center;overflow:hidden;border:1px solid var(--ops-line);border-radius:10px;background:radial-gradient(circle,#ffffff10,transparent 28%),linear-gradient(145deg,#04070d,#111923);perspective:500px}.squad-boss-visual>strong{position:absolute;left:.65rem;top:.55rem;color:#f87171;font-size:.62rem;letter-spacing:.14em}.squad-boss-core{position:absolute;width:76px;height:92px;border:2px solid color-mix(in srgb,var(--accent,#38bdf8) 72%,white);clip-path:polygon(50% 0,88% 18%,100% 61%,72% 100%,27% 100%,0 61%,12% 18%);background:radial-gradient(circle at 50% 35%,#ffffffcc 0 4%,var(--accent,#38bdf8) 5% 12%,#101a29 13% 56%,#030507 57%);box-shadow:0 0 22px color-mix(in srgb,var(--accent,#38bdf8) 60%,transparent);animation:squadCore 2.2s ease-in-out infinite alternate}.squad-boss-core i{position:absolute;inset:30% 22%;border:1px solid #fff8;clip-path:inherit}.squad-boss-rings,.squad-boss-rings i{position:absolute;inset:17%;border:1px solid color-mix(in srgb,var(--accent,#38bdf8) 56%,transparent);border-radius:50%;transform-style:preserve-3d}.squad-boss-rings{animation:squadRing 8s linear infinite}.squad-boss-rings i:nth-child(1){transform:rotateX(68deg)}.squad-boss-rings i:nth-child(2){transform:rotateY(68deg)}.squad-boss-rings i:nth-child(3){transform:rotateX(52deg) rotateY(37deg)}.squad-boss.is-defeated .squad-boss-core{filter:grayscale(1);opacity:.38;animation:none}.squad-boss.is-defeated .squad-boss-rings{animation:none;opacity:.22}.squad-boss.is-defeated .squad-boss-visual>strong{color:#f6c85a}
.squad-boss-brief{display:grid;align-content:center;gap:.4rem}.squad-boss-brief h3{margin:.1rem 0;font-size:clamp(1.6rem,4vw,3rem);line-height:.95;text-transform:uppercase}.squad-boss-brief>p{margin:.2rem 0;color:var(--ops-muted)}.squad-code-row{display:flex;align-items:center;gap:.5rem}.squad-code-row>span{margin-right:auto;color:var(--accent,#38bdf8);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.squad-code-row button,.squad-columns button{padding:.32rem .5rem;font-size:.68rem}.squad-boss-progress{display:block;height:13px;margin-top:.55rem;overflow:hidden;border:1px solid #ffffff1e;border-radius:999px;background:#020408}.squad-boss-progress i{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b 65%,#f6c85a);box-shadow:0 0 18px #ef444477;transition:width .6s cubic-bezier(.2,.8,.2,1)}.squad-health-row{display:flex;justify-content:space-between;gap:1rem;color:var(--ops-muted);font-size:.82rem}.squad-health-row strong{color:#fda4a4}.squad-shield{display:flex;align-items:center;gap:.7rem;margin-top:.35rem;padding:.65rem .75rem;border:1px solid #f6c85a66;border-radius:8px;background:#f6c85a0d}.squad-shield strong{color:#f6c85a;font-size:.7rem;letter-spacing:.08em}.squad-shield span{color:var(--ops-muted);font-size:.78rem}
.squad-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.squad-columns>section{padding:.9rem;border:1px solid #ffffff12;border-radius:11px;background:#0002}.squad-columns header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.squad-columns h3{margin:0;font-size:1rem}.squad-columns header span{color:var(--ops-muted);font-size:.75rem}.squad-members,.squad-activity{display:grid;gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none}.squad-members li{display:grid;grid-template-columns:1.4rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.48rem .55rem;border-radius:7px;background:#ffffff06}.squad-members li.is-current{box-shadow:inset 2px 0 var(--accent,#38bdf8)}.squad-members li i{font-style:normal;color:var(--ops-muted)}.squad-members li span{color:var(--accent,#38bdf8);font-size:.74rem;font-weight:800}.squad-activity li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .7rem;padding:.45rem 0;border-bottom:1px solid #ffffff0d}.squad-activity li span{color:var(--ops-muted);font-size:.78rem}.squad-activity li small{grid-row:1/3;grid-column:2;color:var(--ops-muted)}.squad-rules{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.squad-rules span{padding:.32rem .5rem;border:1px solid var(--ops-line);border-radius:999px;color:var(--ops-muted);font-size:.68rem}
html[data-display-style="neon-grid"] .squad-boss-visual{background:radial-gradient(circle,#ff3f6325,transparent 26%),linear-gradient(145deg,#03060c,#15101c)}html[data-display-style="neon-grid"] .squad-boss-core{border-color:#ff3f63;background:radial-gradient(circle at 50% 35%,#fff 0 4%,#ff3f63 5% 12%,#11182a 13% 56%,#030507 57%);box-shadow:-5px 0 22px #00e5ff66,5px 0 22px #ff3f6366}html[data-display-style="covert-ops"] .squad-boss-core{border-color:#ff7a1a;background:radial-gradient(circle at 50% 35%,#fff 0 4%,#ff7a1a 5% 12%,#10160f 13% 56%,#020302 57%)}html[data-display-style="vault-108"] .squad-boss-core{border-color:#f4d43f;background:radial-gradient(circle at 50% 35%,#fff 0 4%,#54f28d 5% 12%,#27392d 13% 56%,#0a100b 57%)}
@keyframes squadSweep{to{translate:100% 0}}@keyframes squadCore{to{translate:0 -7px;filter:brightness(1.12)}}@keyframes squadRing{to{transform:rotate(360deg)}}
@media(max-width:820px){.squad-operation-head{display:grid}.squad-service-state{justify-self:start}.squad-lobby,.squad-boss,.squad-columns{grid-template-columns:1fr}.squad-boss-visual{min-height:160px}.squad-health-row,.squad-shield{align-items:flex-start;flex-direction:column}.squad-operation-panel{padding:1rem}}
@media(prefers-reduced-motion:reduce){.squad-operation-panel::after,.squad-boss-core,.squad-boss-rings{animation:none!important}.squad-boss-progress i{transition:none}}