.sil-wrap { display: grid; place-items: center; }
svg.sil { width: 100%; max-height: 280px; height: 280px; display: block; }
svg.sil path { fill: color-mix(in srgb, var(--accent) 80%, var(--card)); stroke: var(--accent); stroke-width: 1.5; stroke-linejoin: round; fill-rule: evenodd; }
.sil-wrap.small svg.sil { height: 120px; }
svg.bmap { width: 100%; max-width: none; height: auto; display: block; background: color-mix(in srgb, var(--bg) 70%, var(--card)); border-radius: 12px; }
svg.bmap .land { fill: color-mix(in srgb, var(--muted) 18%, var(--card)); stroke: var(--muted); stroke-width: 2.5; stroke-linejoin: round; }
svg.bmap .pin { stroke: var(--card); stroke-width: 6; }
svg.bmap .pin.you { fill: var(--accent); } svg.bmap .pin.ans { fill: var(--ok); }
svg.bmap .link { stroke: var(--muted); stroke-width: 6; stroke-dasharray: 18 14; }
svg.bmap text { font: 700 9px system-ui, sans-serif; fill: var(--ink); paint-order: stroke; stroke: var(--card); stroke-width: 2.5px; }
svg.bmap.live { cursor: crosshair; }
.step { font-weight: 800; margin: 0 0 8px; }
.ac { display: flex; flex-direction: column; gap: 4px; margin: 6px 0; }
.ac button { text-align: left; border: 1px solid var(--line); background: var(--bg); color: var(--ink); border-radius: 10px; padding: 10px 12px; font: inherit; cursor: pointer; min-height: 44px; }
.ac button small { color: var(--muted); }
.tries { list-style: none; padding: 0; margin: 8px 0; }
.tries li { padding: 8px 10px; border-radius: 10px; background: var(--bg); margin: 4px 0; font-weight: 600; }
.hint { background: var(--soft); border-radius: 10px; padding: 8px 10px; margin: 8px 0; font-weight: 600; }
.reveal { text-align: center; font-weight: 700; margin: 8px 0; }
.about { font-size: .78rem; color: var(--muted); margin-top: 12px; }
.mapbox { border-radius: 12px; margin: 6px 0; }
.mapbox.pz { background: color-mix(in srgb, var(--bg) 70%, var(--card)); border: 2px solid var(--line); }
.swipe { text-align: center; margin: 2px 0 6px; font-size: .82rem; }
svg.bmap.live .land { vector-effect: non-scaling-stroke; stroke-width: .8px; }
svg.bmap .lpin { fill: var(--accent); stroke: var(--card); stroke-width: 3px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }