.map-select{--hud-max: 100vw}.map-deck{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(19rem,1fr);gap:1.6rem;height:clamp(26rem,36vw,34rem)}.map-deck__view,.map-deck__secret{position:relative;overflow:hidden;border-radius:var(--brutal-radius-lg)}.map-deck__view{border:3px solid var(--ink);background:#000;box-shadow:10px 10px 0 var(--color-accent)}.map-deck__view img{width:100%;height:100%;object-fit:cover}.map-deck__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),linear-gradient(180deg,rgba(14,16,19,.4) 0%,transparent 25%,transparent 45%,rgba(14,16,19,.95) 100%)}.map-deck__slot{position:absolute;top:1.2rem;left:1.2rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border:3px solid var(--ink);border-radius:12px;background:var(--color-bg);color:var(--ink);font-family:var(--font-mono);font-size:.85rem;font-weight:900}.map-deck__slot--dim{border-color:var(--color-border-strong);color:var(--color-text-dim)}.map-deck__bottom{position:absolute;right:1.4rem;bottom:1.4rem;left:1.4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem}.map-deck__name{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;min-width:0}.map-deck__name h3{margin:0;color:var(--ink);font-size:clamp(2.2rem,5vw,4.6rem);font-weight:900;line-height:.85;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap}.map-deck__gallery{flex-shrink:0}.map-deck__secret{border:3px dashed var(--color-border-strong);background:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(255,255,255,.025) 14px 28px),var(--color-bg);box-shadow:6px 6px #000}.map-deck__stamp{position:absolute;top:1.4rem;right:1.2rem;padding:.35rem .9rem;border:3px solid var(--color-side-b);border-radius:8px;color:var(--color-side-b);font-family:var(--font-mono);font-size:.8rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;rotate:8deg;opacity:.85}.map-deck__redacted{position:absolute;top:34%;right:1.3rem;left:1.3rem;display:flex;flex-direction:column;gap:.6rem;translate:0 -50%}.map-deck__redacted i{height:.9rem;border-radius:3px;background:#000;box-shadow:inset 0 0 0 1px var(--color-border)}.map-deck__secret-info{position:absolute;right:1.3rem;bottom:1.3rem;left:1.3rem;display:flex;flex-direction:column;gap:.55rem}.map-deck__secret-info .ghud-tag{align-self:flex-start}.map-deck__secret-info h3{margin:0;color:var(--color-text-muted);font-size:1.6rem;font-weight:900;text-transform:uppercase}.map-deck__secret-info p{margin:0 0 .3rem;color:var(--color-text-dim);font-size:.86rem}.map-deck__recon{display:flex;justify-content:space-between}.map-deck__pct{color:var(--color-accent)}@media (max-width: 900px){.map-deck{grid-template-columns:1fr;height:auto}.map-deck__view{aspect-ratio:4 / 5;box-shadow:6px 6px 0 var(--color-accent)}.map-deck__bottom{flex-direction:column;align-items:stretch;right:1rem;bottom:1rem;left:1rem}.map-deck__name h3{font-size:10.5vw}.map-deck__gallery .ghud-key{display:none}.map-deck__secret{height:20rem}}.map-screens-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem;padding:1.5rem 0 .5rem}.map-screens-empty__icon{width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:var(--brutal-radius-sm);color:var(--color-accent);background:var(--color-accent-dim);border:var(--brutal-border)}.map-screens-empty__text{margin:0;max-width:28rem;color:var(--color-text-muted);line-height:1.6;font-size:.95rem}.map-screens-grid{width:100%;display:flex;flex-direction:column;gap:1.1rem;padding:.25rem 0 1rem}.map-screens-grid__tile{width:100%;aspect-ratio:16 / 9;display:grid;place-items:center;border:2px dashed var(--color-border-strong);border-radius:var(--brutal-radius);background:var(--color-bg-elevated);color:var(--color-text-dim)}.map-screens-grid__photo{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--brutal-radius);border:var(--brutal-border);box-shadow:var(--brutal-shadow);display:block;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-hover) var(--ease-hud),box-shadow var(--duration-hover) var(--ease-hud)}.map-screens-grid__photo:hover{border-color:var(--color-accent);box-shadow:4px 4px 0 var(--color-accent-dim)}
