:root{--ops-panel:color-mix(in srgb,var(--surface,#111827) 92%,transparent);--ops-line:color-mix(in srgb,var(--accent,#38bdf8) 28%,transparent);--ops-muted:var(--muted,#94a3b8);--ops-good:#34d399;--ops-warn:#f59e0b}
body.operations-page{background-image:radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--accent,#38bdf8) 13%,transparent),transparent 34%)}
.operations-shell{width:min(1500px,100%);margin:0 auto;padding:0 0 4rem}
.operations-hero{position:relative;overflow:hidden;padding:clamp(1.2rem,3vw,2.4rem);border:1px solid var(--ops-line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface,#111827) 96%,transparent),color-mix(in srgb,var(--accent,#38bdf8) 8%,var(--surface,#111827)));box-shadow:0 20px 70px #0003}
.operations-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--accent,#38bdf8) 7%,transparent) 50%,transparent 58%);animation:ops-scan 8s linear infinite}
.operations-hero h1{margin:.25rem 0;font-size:clamp(2rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.operations-hero>p{max-width:760px;color:var(--ops-muted);font-size:1.04rem}
.operations-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.6rem}.operations-summary article{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--ops-line);border-radius:12px;background:#0002}.operations-summary small,.operations-panel .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ops-muted)}.operations-summary strong{font-size:1.2rem}.operations-summary span{font-size:.85rem;color:var(--ops-muted)}
.operations-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:1rem;margin-top:1rem}.operations-panel{padding:clamp(1rem,2.5vw,1.6rem);border:1px solid var(--ops-line);border-radius:16px;background:var(--ops-panel);box-shadow:0 15px 45px #0002}.operations-panel.is-wide{grid-column:1/-1}.operations-panel h2{margin:.15rem 0 .4rem;font-size:1.45rem}.operations-panel>.panel-copy{margin-top:0;color:var(--ops-muted)}
.operation-task{position:relative;margin:.7rem 0;padding:1rem;border:1px solid #ffffff14;border-radius:12px;background:#0002}.operation-task.is-complete{border-color:color-mix(in srgb,var(--ops-good) 52%,transparent);background:color-mix(in srgb,var(--ops-good) 8%,transparent)}.operation-state{display:inline-flex;padding:.22rem .46rem;border-radius:999px;background:color-mix(in srgb,var(--accent,#38bdf8) 15%,transparent);color:var(--accent,#38bdf8);font-size:.68rem;font-weight:800;letter-spacing:.1em}.operation-task.is-complete .operation-state{color:var(--ops-good);background:color-mix(in srgb,var(--ops-good) 15%,transparent)}.operation-task h3{margin:.6rem 0 .2rem}.operation-task p{margin:.2rem 0 .7rem;color:var(--ops-muted)}.operation-task footer,.mastery-card footer{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;font-size:.82rem}.operation-task footer strong{margin-left:auto}.operation-task footer a{padding:.38rem .65rem;border:1px solid var(--ops-line);border-radius:8px;color:inherit;text-decoration:none}
.operations-progress{display:block;height:5px;overflow:hidden;border-radius:999px;background:#ffffff10}.operations-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent,#38bdf8),var(--ops-good));box-shadow:0 0 14px color-mix(in srgb,var(--accent,#38bdf8) 70%,transparent);transition:width .4s ease}.operations-board-clear{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px dashed var(--ops-line);border-radius:10px;color:var(--ops-muted)}.operations-board-clear.is-complete{border-style:solid;color:var(--ops-good)}
.case-grid,.garage-grid,.mastery-grid,.unlock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.case-file,.intel-bounty,.garage-card,.mastery-card,.unlock-card{padding:1rem;border:1px solid #ffffff14;border-radius:12px;background:#0002}.case-file.is-active{border-color:var(--accent,#38bdf8);box-shadow:inset 3px 0 var(--accent,#38bdf8)}.case-file-head,.intel-bounty header,.mastery-card header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--ops-muted);font-size:.72rem;letter-spacing:.08em}.case-file-head button{font:inherit}.case-file h3,.intel-bounty h3,.garage-card h3{margin:.65rem 0 .25rem}.case-file p,.intel-bounty p{color:var(--ops-muted)}.case-file ol{display:grid;gap:.5rem;padding:0;list-style:none}.case-file li{display:flex;gap:.5rem;color:var(--ops-muted)}.case-file li.is-complete{color:var(--ops-good)}.case-file li i{width:1.3rem;text-align:center}.closed-cases{margin-top:1rem;padding-top:.8rem;border-top:1px solid #ffffff12}.closed-cases ul{display:grid;gap:.4rem;padding:0;list-style:none}.closed-cases li{display:flex;justify-content:space-between;gap:1rem;color:var(--ops-muted)}
.intel-bounty{margin:.75rem 0}.intel-bounty form{display:grid;gap:.65rem}.intel-bounty label{display:grid;gap:.25rem;color:var(--ops-muted);font-size:.8rem}.intel-bounty input,.intel-bounty textarea{width:100%;box-sizing:border-box}.intel-bounty form>div,.bounty-pending{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.bounty-pending{padding:.7rem;border-radius:8px;background:color-mix(in srgb,var(--ops-warn) 10%,transparent)}.bounty-pending strong{color:var(--ops-warn)}.secondary-action{opacity:.72}
.garage-card{position:relative;overflow:hidden}.garage-make{color:var(--accent,#38bdf8);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.garage-silhouette{position:relative;height:74px;margin:.5rem -.2rem;background:linear-gradient(110deg,transparent 8%,color-mix(in srgb,var(--accent,#38bdf8) 16%,transparent),transparent 83%)}.garage-silhouette:before{content:"";position:absolute;left:10%;right:10%;bottom:15px;height:27px;border:2px solid color-mix(in srgb,var(--accent,#38bdf8) 75%,white);border-top-left-radius:60% 90%;border-top-right-radius:52% 80%;border-bottom-color:transparent;clip-path:polygon(0 35%,22% 30%,35% 0,70% 0,85% 32%,100% 46%,95% 100%,3% 100%)}.garage-silhouette i:before,.garage-silhouette i:after{content:"";position:absolute;bottom:9px;width:20px;height:20px;border:3px solid var(--accent,#38bdf8);border-radius:50%;background:var(--ops-panel)}.garage-silhouette i:before{left:20%}.garage-silhouette i:after{right:20%}.garage-card dl{display:grid;gap:.35rem}.garage-card dl div{display:flex;justify-content:space-between;gap:.6rem}.garage-card dt{color:var(--ops-muted)}.garage-card dd{margin:0;text-align:right}
.mastery-card{border-top:3px solid var(--mastery-accent)}.mastery-card header strong{color:var(--mastery-accent)}.mastery-card p{min-height:2.8em;color:var(--ops-muted)}.mastery-card .operations-progress i{background:var(--mastery-accent)}.mastery-card footer{justify-content:space-between;color:var(--ops-muted)}.unlock-card{position:relative;padding-right:3.3rem;opacity:.55}.unlock-card.is-unlocked{opacity:1;border-color:var(--ops-line)}.unlock-card>span{font-size:.65rem;letter-spacing:.1em;color:var(--ops-muted)}.unlock-card.is-unlocked>span{color:var(--ops-good)}.unlock-card p,.unlock-card small{color:var(--ops-muted)}.unlock-card i{position:absolute;right:1rem;top:1rem;font-size:2rem;font-style:normal;opacity:.18}
.operations-empty{padding:1.2rem;border:1px dashed var(--ops-line);border-radius:12px;color:var(--ops-muted)}.operations-empty strong{color:inherit}.operations-empty a{display:inline-block;margin-top:.5rem}.operations-toast{position:fixed;right:1.2rem;bottom:1.2rem;z-index:9999;max-width:min(420px,calc(100vw - 2.4rem));padding:.9rem 1.1rem;border:1px solid var(--ops-line);border-radius:10px;background:#07111df2;color:#e8f4ff;box-shadow:0 18px 55px #0008;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s ease}.operations-toast.is-visible{opacity:1;transform:none}.operations-toast.is-warning{border-color:var(--ops-warn)}
html[data-display-style="covert-ops"] .operations-panel,html[data-display-style="covert-ops"] .operations-hero{border-radius:2px;background-color:#07110d;background-image:linear-gradient(#67f59a08 1px,transparent 1px),linear-gradient(90deg,#67f59a08 1px,transparent 1px);background-size:24px 24px}html[data-display-style="covert-ops"] .operations-hero h1{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b8ffd0;text-shadow:0 0 18px #4cff8a35}html[data-display-style="neon-grid"] .operations-hero h1{text-shadow:4px 4px #ff2fa855}html[data-display-style="vault-108"] .operations-panel{border-color:#e6c34a55}html[data-display-style="carbon-circuit"] .garage-card{background:linear-gradient(145deg,#ffffff08,#0003)}html[data-display-style="classic-quest"] .operations-panel{box-shadow:inset 0 0 0 2px #b88a4240}
html[data-operations-tier="3"] .operations-hero:before,html[data-operations-tier="4"] .operations-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--ops-line) 1px,transparent 1px),linear-gradient(90deg,var(--ops-line) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom right,#0008,transparent 70%)}html[data-operations-tier="4"] .operations-hero{border-color:#f6c85a99;box-shadow:0 0 45px #f6c85a18}
@keyframes ops-scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:1050px){.operations-summary{grid-template-columns:repeat(2,1fr)}.operations-grid{grid-template-columns:1fr}.operations-panel.is-wide{grid-column:auto}}
@media(max-width:620px){.operations-summary{grid-template-columns:1fr}.operations-shell{padding-bottom:2rem}.operations-panel,.operations-hero{border-radius:10px}.operation-task footer,.mastery-card footer,.operations-board-clear{align-items:flex-start;flex-wrap:wrap}.operation-task footer strong{margin-left:0}.closed-cases li{display:grid}.operations-toast{right:.7rem;bottom:.7rem;max-width:calc(100vw - 1.4rem)}}
@media(prefers-reduced-motion:reduce){.operations-hero:after{animation:none}.operations-progress i,.operations-toast{transition:none}}