.msnf-strip{border:2px solid var(--ink);background:var(--card);border-radius:18px;margin:18px 0 6px;padding:12px}.msnf-strip-h{justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;display:flex}.msnf-strip-h b{color:var(--ink);font-size:14.5px;font-weight:850}.msnf-strip-h span{color:var(--ink-soft);font-size:12.5px;font-weight:700}.msnf-strip-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 4px;margin:0;padding:0;list-style:none;display:grid}.msnf-strip-dot{aspect-ratio:1;border:1.8px dashed color-mix(in srgb, var(--ink) 40%, transparent);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:100%;max-width:38px;margin:0 auto;padding:0;display:grid;position:relative}.msnf-strip-dot:after{content:"";position:absolute;inset:-5px -2px}.msnf-strip-dot svg{opacity:.35;filter:grayscale();width:62%;height:62%}.msnf-strip-dot.is-done{border:2px solid var(--ink);background:var(--map-soft)}.msnf-strip-dot.is-done svg{opacity:1;filter:none}.msnf-strip-dot.is-here{outline:2.5px solid var(--map-ink);outline-offset:2px}.msnf-strip-dot:disabled{cursor:default}.msnf-strip-dot:disabled:after{display:none}.msnf-strip-dot:focus-visible{outline:2.5px solid var(--map-ink);outline-offset:2px}@media (min-width:1024px){.msnf-strip{max-width:520px;margin-inline:auto}}.shell[data-map=mission] h1.mm-q{text-wrap:balance}@media (max-width:640px){.shell[data-map=mission] .screen>h1.mm-q{padding-right:78px}}body:has(.shell[data-map=mission]) .cornerbar{position:absolute}