/* Stage 41 — compact Mission Center with live task progress. */
.mission-center-v4>.mission-center-card{gap:12px!important;width:min(100%,520px)!important;max-height:min(90svh,780px)!important;padding:18px!important;border-radius:18px!important;background:#141414!important}
.mission-center-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-right:44px}
.mission-center-head>div{display:grid;gap:5px}
.mission-center-head span{color:#737373;font:600 8px/1 var(--font-mono);letter-spacing:.1em}
.mission-center-v4 .mission-center-head h3{max-width:none!important;font-size:21px!important}
.mission-center-head>b{flex:0 0 auto;padding:7px 9px;border:1px solid #333;border-radius:9px;color:#d9d9d9;background:#1b1b1b;font:600 9px/1 var(--font-mono)}
.mission-center-overview{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px}
.mission-progress{position:relative;display:grid;min-height:118px;place-items:center;border:1px solid #303030;border-radius:14px;background:conic-gradient(#ededed var(--mission-progress,0%),#252525 0);box-shadow:inset 0 0 0 9px #171717}
.mission-progress::before{position:absolute;width:72px;height:72px;border-radius:50%;background:#171717;content:""}
.mission-progress>span{position:relative;z-index:1;display:grid;justify-items:center;gap:5px}
.mission-progress b{color:#f4f4f4;font:600 1.8rem/.9 var(--font-sans);letter-spacing:-.06em}
.mission-progress small{color:#727272;font:600 7px/1 var(--font-mono);letter-spacing:.08em}
.mission-center-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mission-center-stats>span{display:grid;align-content:space-between;gap:6px;min-width:0;padding:11px;border:1px solid #303030;border-radius:12px;background:#191919}
.mission-center-stats>span:last-child{grid-column:1/-1}
.mission-center-stats small{overflow:hidden;color:#717171;font:600 7px/1.2 var(--font-mono);letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}
.mission-center-stats b{overflow:hidden;color:#e4e4e4;font:600 15px/1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}
.mission-center-progress-track{height:4px;overflow:hidden;border-radius:99px;background:#292929}
.mission-center-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:#ededed;transition:width .45s cubic-bezier(.22,1,.36,1)}
.mission-center-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}
.mission-center-list-head>span{color:#777;font:600 8px/1 var(--font-mono);letter-spacing:.1em}
.mission-center-list-head>b{display:flex;align-items:center;gap:5px;color:#757575;font:600 8px/1 var(--font-mono)}
.mission-center-list-head i{width:5px;height:5px;border-radius:50%;background:#d8d8d8}
.overlay-v3 .mission-center-list{gap:7px!important}
.overlay-v3 .mission-center-list .task-card{position:relative;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;min-height:66px!important;padding:9px!important;border-color:#2d2d2d!important;border-radius:13px!important;background:#181818!important;transition:border-color .18s ease,background .18s ease}
.mission-center-list .task-card::before{position:absolute;top:8px;bottom:8px;left:0;width:2px;border-radius:99px;background:transparent;content:""}
.overlay-v3 .mission-center-list .task-card>i{width:38px!important;height:38px!important;border-color:#333!important;border-radius:11px!important;background:#202020!important;filter:grayscale(1)!important;font-size:16px!important}
.overlay-v3 .mission-center-list .task-card>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px!important}
.overlay-v3 .mission-center-list .task-card>div>b{grid-column:1/-1;overflow:hidden;font-size:11px!important;text-overflow:ellipsis;white-space:nowrap}
.overlay-v3 .mission-center-list .task-card>div>span{margin:0!important;color:#d5d5d5!important;font:600 9px/1 var(--font-mono)!important}
.overlay-v3 .mission-center-list .task-card>div>small{justify-self:end;color:#696969!important;font:600 7px/1 var(--font-mono)!important;text-transform:uppercase}
.overlay-v3 .mission-center-list .task-card>:is(a,button){min-width:74px!important;min-height:34px!important;padding:0 10px!important;border:1px solid #3a3a3a!important;border-radius:9px!important;color:#e8e8e8!important;background:#242424!important;box-shadow:none!important;font:600 9px/1 var(--font-sans)!important}
.overlay-v3 .mission-center-list .task-card.is-waiting{border-color:#454545!important}
.overlay-v3 .mission-center-list .task-card.is-waiting::before{background:#777}
.overlay-v3 .mission-center-list .task-card.is-ready{border-color:#a3a3a3!important;background:#1c1c1c!important}
.overlay-v3 .mission-center-list .task-card.is-ready::before{background:#f0f0f0}
.overlay-v3 .mission-center-list .task-card.is-ready>:is(a,button){border-color:#ededed!important;color:#151515!important;background:#ededed!important}
.overlay-v3 .mission-center-list .task-card.is-done{opacity:.68}
.overlay-v3 .mission-center-list .task-card.is-done::before{background:#676767}
.overlay-v3 .mission-center-list .task-card.is-done>:is(a,button){border-color:#303030!important;color:#707070!important;background:#1c1c1c!important}
@container luckyblock (max-width:420px){
  .mission-center-v4{padding:8px!important}
  .mission-center-v4>.mission-center-card{max-height:94svh!important;padding:14px!important}
  .mission-center-overview{grid-template-columns:100px minmax(0,1fr)}
  .mission-progress{min-height:100px}
  .mission-progress::before{width:61px;height:61px}
  .mission-progress b{font-size:1.5rem}
  .overlay-v3 .mission-center-list .task-card{grid-template-columns:34px minmax(0,1fr) auto!important}
  .overlay-v3 .mission-center-list .task-card>i{width:34px!important;height:34px!important}
  .overlay-v3 .mission-center-list .task-card>:is(a,button){grid-column:auto!important;min-width:62px!important;padding:0 8px!important}
}
@container luckyblock (max-width:340px){
  .mission-center-overview{grid-template-columns:1fr}
  .mission-progress{min-height:92px}
  .mission-center-stats>span:last-child{grid-column:auto}
  .mission-center-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .overlay-v3 .mission-center-list .task-card{grid-template-columns:32px minmax(0,1fr)!important}
  .overlay-v3 .mission-center-list .task-card>:is(a,button){grid-column:2!important;width:100%}
}
@media(prefers-reduced-motion:reduce){.mission-center-progress-track i,.mission-center-list .task-card{transition:none}}
