.map-picker{min-width:0;border:0;padding:0;margin:28px 0 14px}.map-picker>legend{font-size:18px;font-weight:700;letter-spacing:-.3px;margin-bottom:13px}.map-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.map-picker-heading p{font-size:12px;line-height:1.8;max-width:520px;margin:0}.map-selection-counter{display:inline-flex;flex-shrink:0;border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--panel2)}.map-selection-counter.complete{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.map-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.map-choice{position:relative;display:block!important;min-width:0;padding:0!important;margin:0!important;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer;color:var(--text)}.map-choice input{position:absolute;z-index:2;left:12px;top:12px;width:18px;height:18px;accent-color:var(--accent);margin:0;cursor:pointer}.map-choice:focus-within{outline:2px solid var(--accent);outline-offset:3px}.map-choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.map-choice.at-limit{opacity:.57;cursor:not-allowed}.map-choice.at-limit input{cursor:not-allowed}.map-choice-visual{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.map-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:100%;background:#15111f}.map-choice-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#0906127a);pointer-events:none}.map-check-mark{display:none;position:absolute;right:10px;top:10px;width:25px;height:25px;place-items:center;background:var(--accent);color:#1b1328;border-radius:50%;font-size:14px;font-weight:800}.map-choice.selected .map-check-mark{display:grid}.map-choice-copy{display:block;padding:13px 14px}.map-choice-copy strong{display:block;font-size:13px;overflow-wrap:anywhere}.map-choice-copy small{display:block;font-size:9px;margin-top:5px;line-height:1.5}.map-picker-status{font-size:11px;margin:16px 0 7px;color:var(--accent)}.map-source-link{font-size:10px;color:var(--muted)}.map-image-fallback{display:grid;place-items:center;background:linear-gradient(140deg,#17102099,#21172de0),url('./assets/arena-tactical.webp') center/cover}.map-image-fallback>span{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;padding:5px 8px;border:1px solid #ffffff20;border-radius:5px;color:#d1c7e2}.map-tile{position:relative}.map-tile>.map-card-image{position:absolute;inset:0;z-index:0;height:100%;width:100%}.map-tile>.map-card-image:after{content:"";position:absolute;inset:0;background:#100c2080}.map-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,#120c1be0 100%);pointer-events:none}.map-tile>span:last-child{position:relative;z-index:1}.veto-map-summary{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px}.veto-map-summary>span{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:10px;background:var(--panel2);color:var(--muted)}.veto-map-summary strong{font-size:12px;color:var(--accent);margin-right:4px}@media(max-width:1000px){.map-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-picker-heading{flex-wrap:wrap;gap:12px}}@media(max-width:450px){.map-picker-grid{gap:10px}.map-choice-copy{padding:11px 10px}.map-choice-copy strong{font-size:12px}.map-choice-copy small{font-size:8px}.map-choice input{left:9px;top:9px;width:17px;height:17px}.map-check-mark{right:8px;top:8px;width:23px;height:23px}.map-picker-heading p{font-size:11px}.map-selection-counter{font-size:10px}.veto-map-summary{gap:7px}.veto-map-summary>span{padding:8px 10px;font-size:9px}}
.map-tile>.map-card-image{position:relative;inset:auto;flex-shrink:0;height:115px;min-height:115px;width:100%}.map-tile>span:last-child{background:var(--panel)}.map-tile:after{background:linear-gradient(transparent 40%,#120c1b20 100%)}@media(max-width:760px){.map-tile>.map-card-image{height:90px;min-height:90px}}
/* Keep the counter visible while browsing a long map catalogue. */
.wizard>.panel:has([data-map-picker]){overflow:visible}.map-picker-heading{position:sticky;top:94px;z-index:12;padding:12px 0;border-bottom:1px solid var(--line);background:var(--panel)}@media(max-width:700px){.map-picker-heading{top:80px}}

.map-picker-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 17px}.map-picker-tools button{font-size:11px}