.block-map-container{position:relative;width:100%}.block-map-admin-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e106000f;border:1px solid rgba(225,6,0,.15);border-radius:8px 8px 0 0;border-bottom:none}.block-map-admin-label{font-family:var(--font-heading);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-right:2px}.block-map-admin-select{background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-family:var(--font-heading);font-size:10px;padding:3px 8px;cursor:pointer;outline:none}.block-map-admin-select:focus{border-color:#e1060080}.block-map-admin-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.block-map-admin-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#00000073;color:#fffc;font-family:var(--font-heading);font-size:10px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.block-map-admin-btn:hover:not(:disabled){border-color:#e1060080;color:#fff}.block-map-admin-btn.on{background:#e10600;border-color:#e10600;color:#fff}.block-map-admin-btn:disabled{opacity:.4;cursor:not-allowed}.block-map-add-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:8px 12px;background:#e106000a;border:1px solid rgba(225,6,0,.15);border-top:none;border-bottom:none}.block-map-add-field{display:flex;flex-direction:column;gap:2px}.block-map-add-field span{font-family:var(--font-heading);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.block-map-add-field input{width:84px;background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:12px;padding:4px 8px;outline:none}.block-map-add-field input:focus{border-color:#e1060080}.block-map-add-actions{display:flex;gap:6px}.block-map-add-error{width:100%;font-size:10px;color:#f87171}.block-map-add-select{background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:11px;padding:4px 6px;outline:none;cursor:pointer}.block-map-add-select:focus{border-color:#e1060080}.block-map-shape-btn{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a0c10;color:#fff;border:1px solid rgba(255,255,255,.5);cursor:pointer;z-index:6;transition:background .15s ease,border-color .15s ease}.block-map-shape-btn:hover{background:#e10600;border-color:#e10600}.block-map-block.shape-cube{box-shadow:0 2px 8px #00000059,0 6px 0 -2px color-mix(in srgb,var(--block-color) 35%,#000),0 8px 14px -4px #0009,inset 0 1px #ffffff1f,inset -3px -3px 6px #00000059}.block-map-block.shape-cube.editing{box-shadow:none}.block-map-2d{position:relative;width:100%;aspect-ratio:16 / 10;container-type:inline-size;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(225,6,0,.04) 0%,transparent 60%),linear-gradient(180deg,#0a0c10,#06070a);border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.06);-moz-user-select:none;user-select:none;-webkit-user-select:none}.block-map-admin-wrap+.block-map-2d{border-radius:0 0 1rem 1rem}.block-map-pitch{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:105 / 68;transform:translate(-50%,-50%);border-radius:3px;background:var(--pitch-color, #0d3a0d);border:2px solid rgba(255,255,255,.35);box-shadow:0 0 30px #0006,inset 0 0 40px #0003;display:flex;align-items:center;justify-content:center}.block-map-pitch.futsal{width:40%;aspect-ratio:40 / 20}.block-map-pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:#ffffff59;transform:translate(-50%)}.block-map-pitch:after{content:"";position:absolute;left:50%;top:50%;width:16%;aspect-ratio:1;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%)}.block-map-pitch-label{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#fff3;z-index:1}.block-map-block{position:absolute;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(160deg,color-mix(in srgb,var(--block-color) 38%,#1a1c20),color-mix(in srgb,var(--block-color) 16%,#0d0e12));transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff14}.block-map-block-btn{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;border-radius:inherit;overflow:hidden}.block-map-block-btn:disabled{cursor:not-allowed}.block-map-block:hover:not(.sold-out):not(.editing){filter:brightness(1.35);transform:scale(1.04);z-index:10;border-color:#ffffff73;box-shadow:0 4px 14px #0006,0 0 10px color-mix(in srgb,var(--block-color) 45%,transparent)}.block-map-block.active{filter:brightness(1.45);border-color:#fff;box-shadow:0 4px 14px #0006,0 0 16px color-mix(in srgb,var(--block-color) 60%,transparent);z-index:11}.block-map-block.sold-out{opacity:.45;--block-color: #e74c3c}.block-map-num{font-family:var(--font-heading);font-size:clamp(9px,1.4cqw,14px);font-weight:700;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.7);line-height:1}.block-map-avail{font-family:var(--font-heading);font-size:clamp(8px,1.05cqw,11px);font-weight:600;color:#ffffffa6;text-shadow:0 1px 2px rgba(0,0,0,.7);line-height:1}.block-map-block.editing{cursor:move;border:1px dashed rgba(255,255,255,.75);touch-action:none;transition:none;opacity:1}.block-map-block.editing:active{z-index:30}.block-map-block.editing .block-map-block-btn{pointer-events:none}.block-map-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #e10600;border-radius:3px;z-index:5;touch-action:none}.block-map-overlay{position:absolute;pointer-events:none;z-index:20}.block-map-overlay .block-map-handle,.block-map-overlay .block-map-shape-btn,.block-map-overlay .block-map-remove{pointer-events:auto}.handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.block-map-remove{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e10600;color:#fff;border:1px solid rgba(255,255,255,.6);cursor:pointer;z-index:6}.block-map-edit-hint{position:absolute;left:50%;bottom:6px;transform:translate(-50%);padding:3px 10px;border-radius:999px;background:#0009;font-family:var(--font-heading);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#fff9;pointer-events:none;white-space:nowrap;z-index:40}.heat-block{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:6px;border:1px solid rgba(255,255,255,.25);transition:transform .18s ease}.heat-block:hover{transform:scale(1.05);z-index:10}.heat-block .block-map-avail{color:#ffffffeb}.block-map-legend{display:flex;align-items:center;gap:12px;padding:8px 12px;font-family:var(--font-heading);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-dot.green{background:#2ecc71}.legend-dot.orange{background:#e67e22}.legend-dot.red{background:#e74c3c}.block-map-seats{overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}.block-map-seats-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#0000004d}.block-map-seat-rows{padding:12px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.block-map-seat-row{display:flex;align-items:center;gap:6px}.block-map-row-label{font-family:var(--font-heading);font-size:8px;font-weight:700;color:#ffffff59;min-width:14px;white-space:nowrap;text-align:right;flex-shrink:0}.block-map-seats-track{display:flex;flex-wrap:wrap;gap:2px}.block-map-seat{width:20px;height:20px;border-radius:5px 5px 3px 3px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:7px;font-weight:700;border:1px solid;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background .12s ease;flex-shrink:0;position:relative}.block-map-seat.available{background:linear-gradient(160deg,#2ecc7138,#2ecc711a);border-color:#2ecc7173;color:#2ecc71e6;box-shadow:inset 0 1px #ffffff0f}.block-map-seat.available:hover{background:linear-gradient(160deg,#2ecc7161,#2ecc7133);border-color:#2ecc71;transform:scale(1.15);box-shadow:0 0 8px #2ecc7159,inset 0 1px #ffffff1a;z-index:5}.block-map-seat.selected{background:linear-gradient(160deg,#f39c12,#e67e22);border-color:#f5b041;color:#fff;transform:scale(1.12);box-shadow:0 0 10px #e67e2280,inset 0 1px #fff3;z-index:6}.block-map-seat.booked{background:linear-gradient(160deg,#e74c3c2e,#e74c3c14);border-color:#e74c3c4d;color:#e74c3c59;cursor:not-allowed}.block-map-seats-footer{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);background:#0006}.block-map-seats-footer.empty{justify-content:center}.block-map-sel-tag{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:var(--font-heading);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:#e67e2226;border:1px solid rgba(230,126,34,.4);color:#e67e22}@media(pointer:coarse){.block-map-handle{width:18px;height:18px}.handle-nw{top:-9px;left:-9px}.handle-ne{top:-9px;right:-9px}.handle-sw{bottom:-9px;left:-9px}.handle-se{bottom:-9px;right:-9px}.block-map-seat{width:26px;height:26px;font-size:8px}.block-map-seats-track{gap:3px}.block-map-seat-rows{gap:6px}}@media(prefers-reduced-motion:reduce){.block-map-block,.block-map-seat{transition:none!important}}