.example-map:where(.astro-udz6qzqi){--flow-head-badge-bg: rgba(47, 125, 255, .16);--flow-head-badge-color: #dce8ff;--flow-head-success-badge-bg: rgba(34, 197, 94, .18);--flow-head-success-badge-color: #bbf7d0;margin:2rem 0;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:radial-gradient(circle at top left,rgba(47,125,255,.12),transparent 28rem),radial-gradient(circle at 82% 14%,rgba(253,200,0,.1),transparent 22rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.example-map:where(.astro-udz6qzqi) code:where(.astro-udz6qzqi){font-family:var(--sl-font-mono)}.example-map__grid:where(.astro-udz6qzqi){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.95fr);gap:.9rem;padding:1.35rem}.example-map__side:where(.astro-udz6qzqi){display:grid;gap:.9rem}.example-map__panel:where(.astro-udz6qzqi){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.example-map__panel--success:where(.astro-udz6qzqi){grid-column:1 / -1;border-color:#6ee7b73d;background:radial-gradient(circle at top right,rgba(34,197,94,.16),transparent 14rem),#08120ec7}.example-map__file:where(.astro-udz6qzqi){overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:#080b12eb}.example-map__file-head:where(.astro-udz6qzqi){padding:.78rem .95rem;border-bottom:1px solid rgba(148,163,184,.14);background:#94a3b814;color:#9fb0c9;font-family:var(--sl-font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.example-map__file-body:where(.astro-udz6qzqi){display:grid}.example-map__line:where(.astro-udz6qzqi){display:grid;grid-template-columns:2.1rem 2.3rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.65rem .95rem;border-bottom:1px solid rgba(148,163,184,.1)}.example-map__line:where(.astro-udz6qzqi):last-child{border-bottom:none}.example-map__line-no:where(.astro-udz6qzqi){color:#6f819d;font-family:var(--sl-font-mono);font-size:.74rem;text-align:right}.example-map__line:where(.astro-udz6qzqi) strong:where(.astro-udz6qzqi){color:#9ec5ff;font-family:var(--sl-font-mono);font-size:.82rem}.example-map__line:where(.astro-udz6qzqi) code:where(.astro-udz6qzqi){min-width:0;overflow-wrap:anywhere;color:#dce4f1;font-size:.9rem}.example-map__line--color:where(.astro-udz6qzqi) strong:where(.astro-udz6qzqi){color:#ffd27d}.example-map__line--empty:where(.astro-udz6qzqi) code:where(.astro-udz6qzqi){color:#6f819d;font-style:italic}.example-map__line--wall:where(.astro-udz6qzqi) code:where(.astro-udz6qzqi){color:#f8fafc;letter-spacing:.06em}.example-map__line--floor:where(.astro-udz6qzqi) code:where(.astro-udz6qzqi){color:#cbd5e1;letter-spacing:.06em}.example-map__line--spawn:where(.astro-udz6qzqi) code:where(.astro-udz6qzqi){color:#ffd27d;letter-spacing:.06em}.example-map__ghost:where(.astro-udz6qzqi){opacity:0}.example-map__swatch:where(.astro-udz6qzqi){width:.9rem;height:.9rem;border-radius:.25rem;border:1px solid rgba(255,255,255,.16);background:var(--swatch)}.example-map__preview:where(.astro-udz6qzqi){display:grid;gap:.9rem}.example-map__map-grid:where(.astro-udz6qzqi){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;padding:.85rem;border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:linear-gradient(180deg,#78b4ff14 0% 45%,#50505014 45% 100%),#080b12e6}.example-map__cell:where(.astro-udz6qzqi){display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:.7rem;border:1px solid rgba(255,255,255,.06);font-family:var(--sl-font-mono);font-weight:700}.example-map__cell--wall:where(.astro-udz6qzqi){background:#94a3b842;color:#f8fafc}.example-map__cell--floor:where(.astro-udz6qzqi){background:#ffffff0a;color:#94a3b8}.example-map__cell--spawn:where(.astro-udz6qzqi){background:#d08a2238;color:#ffd27d}.example-map__legend:where(.astro-udz6qzqi){display:flex;flex-wrap:wrap;gap:.8rem 1rem}.example-map__legend:where(.astro-udz6qzqi) span:where(.astro-udz6qzqi){display:inline-flex;align-items:center;gap:.45rem;color:#cbd5e1;font-family:var(--sl-font-mono);font-size:.82rem}.example-map__legend-swatch:where(.astro-udz6qzqi){width:.8rem;height:.8rem;border-radius:.2rem;border:1px solid rgba(255,255,255,.08)}.example-map__legend-swatch--wall:where(.astro-udz6qzqi){background:#94a3b859}.example-map__legend-swatch--floor:where(.astro-udz6qzqi){background:#ffffff14}.example-map__legend-swatch--spawn:where(.astro-udz6qzqi){background:#d08a2247}.example-map__checklist:where(.astro-udz6qzqi){display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.example-map__checklist:where(.astro-udz6qzqi) li:where(.astro-udz6qzqi){display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;padding:.72rem .8rem;border:1px solid rgba(148,163,184,.12);border-radius:.8rem;background:#0c121fb8}.example-map__checklist:where(.astro-udz6qzqi) span:where(.astro-udz6qzqi){color:#86efac;font-weight:700}.example-map__checklist:where(.astro-udz6qzqi) code:where(.astro-udz6qzqi){color:#dce4f1;line-height:1.55;white-space:normal}.example-map__success-copy:where(.astro-udz6qzqi){margin:0;color:#d1fae5;line-height:1.72}@media(max-width:60rem){.example-map__intro:where(.astro-udz6qzqi),.example-map__grid:where(.astro-udz6qzqi){grid-template-columns:1fr}}@media(max-width:42rem){.example-map:where(.astro-udz6qzqi){margin-inline:-.35rem;border-radius:1.1rem}.example-map__intro:where(.astro-udz6qzqi),.example-map__grid:where(.astro-udz6qzqi){padding:1rem}.example-map__panel:where(.astro-udz6qzqi){padding:.9rem}.example-map__line:where(.astro-udz6qzqi){grid-template-columns:1.8rem 2rem minmax(0,1fr)}.example-map__swatch:where(.astro-udz6qzqi){grid-column:3;justify-self:start;margin-top:-.2rem}}