.step-tile-map{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;padding:0;list-style:none}@media(min-width:480px){.step-tile-map{grid-template-columns:repeat(4,1fr);gap:10px}}@media(min-width:768px){.step-tile-map{grid-template-columns:repeat(6,1fr);gap:12px}}.step-tile-map__item{display:flex}.step-tile{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;border-radius:14px;border:1px solid rgba(180,150,110,.35);background:#f4efe6b3;color:#5c534a;font-family:Heebo,sans-serif;font-size:10.5px;line-height:1.25;text-align:center;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),background .2s}.step-tile__badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:50%;background:#b4966e40;color:#5c534a;font-size:11.5px;font-weight:400}.step-tile__label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.step-tile__sublabel{display:none}.step-tile__points{display:flex;align-items:center;gap:4px;margin-top:2px}.step-tile__point{width:6px;height:6px;border-radius:50%;background:#5c534a4d;flex-shrink:0}.step-tile.is-active .step-tile__point{background:#fdfbf766}.step-tile__point.is-done{background:var(--gold-accent, #D4AF37)}.step-tile.is-active .step-tile__point.is-done{background:#f2d77a}.step-tile.is-active{background:linear-gradient(155deg,#144e4ef0,#1c5c5ce0);border-color:#d4af37e6;color:#fdfbf7;box-shadow:0 0 0 1px #d4af3759,0 6px 18px #144e4e59}.step-tile.is-active .step-tile__badge{background:#d4af37eb;color:#2b2a28}.step-tile.is-done{background:#2a8a8a24;border-color:#2a8a8a73;color:#1f6f6f}.step-tile.is-done .step-tile__badge{background:var(--teal-brand, #2A8A8A);color:#fdfbf7}.step-tile.is-locked{background:#f4efe666;border-color:#b4966e38;color:#5c534a8c;cursor:not-allowed;opacity:.85}.step-tile.is-locked .step-tile__badge{background:#b4966e2e;color:#5c534a99}@media(hover:hover)and (pointer:fine){.step-tile:not(.is-locked):hover{transform:translateY(-2px);box-shadow:0 8px 20px #144e4e33}}.step-tile:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}html[data-theme=dark] .step-tile{background:#fdfbf7d1}html[data-theme=dark] .step-tile.is-done{background:#2a8a8a3d;color:var(--teal-bright, #7ED4D4)}html[data-theme=dark] .step-tile.is-locked{background:#fdfbf729;color:#fdfbf780}html[data-theme=dark] .step-tile.is-locked .step-tile__badge{background:#fdfbf724;color:#fdfbf78c}html[data-theme=dark] .step-tile.is-locked .step-tile__point{background:#fdfbf738}