/* Full-screen viewer with a compact, touch-friendly position dock. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
main{display:flex;flex-direction:column;height:100dvh;min-height:0}
.viewer{order:-1;position:relative;top:auto;height:auto;min-height:0;flex:1;z-index:1}
aside{flex:none;min-width:0;border:0;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));max-height:55dvh;overflow:auto}
aside>h1,.concert-panel>h2,.concert-help,.concert-note,.zone-map-details,.extra-controls,.position-picker>p,.position-heading,.field-points>span,.bottom,.credit,.compass,.stage-label{display:none}
.concert-panel{border:0;padding:0;margin:0}
.zone-list{display:flex;gap:6px;overflow-x:auto;padding:0 0 6px;scrollbar-width:none}
.zone-button{flex:none;min-height:44px;font-size:14px;padding:8px 12px;white-space:nowrap;border-radius:22px}
.zone-button span{display:none}.zone-button i{width:8px;height:8px;flex:none}
.position-picker{margin:0}
.position-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.position-grid button{border:1px solid #d8cbd2;border-radius:8px;background:#fff;min-height:44px;padding:5px 4px;color:#45404a;display:flex;align-items:center;justify-content:center;gap:5px}
.position-grid strong{font-size:14px}.position-grid span{font-size:12px;color:#73707a}
.position-grid button.selected{background:#83243e;border-color:#83243e;color:white}
.position-grid button.selected span{color:#fff}
.field-points{display:flex;flex-wrap:nowrap;overflow:auto;gap:6px;margin:0 0 6px}
.field-points button{flex:1;min-height:44px;font-size:14px;padding:6px}
.field-points [aria-pressed=true]{background:#83243e;color:#fff}
.zone-hud{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));padding:0;background:none;border:0;box-shadow:none;align-items:center;pointer-events:none;gap:8px}
.zone-hud>div{background:#fffffff0;border-radius:12px;padding:8px 12px}
.zone-hud strong{font-size:14px}.zone-hud span{font-size:12px;margin-top:2px;max-width:none}
.zone-hud button{pointer-events:auto;font-size:12px;min-height:44px;padding:8px 12px;border-radius:22px}
.viewport-title{top:max(16px,env(safe-area-inset-top));left:16px}.viewport-title .pill{display:none}
.viewer:has(.zone-hud:not([hidden])) .viewport-title{display:none}
.tools{right:max(12px,env(safe-area-inset-right));bottom:12px;gap:6px}.tools button{width:44px;height:44px;border-radius:50%}
.zoom-readout{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);min-width:64px;min-height:44px;padding:8px 14px;border:1px solid #ffffff40;border-radius:24px;background:#202126dd;color:#ffd66b;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;touch-action:manipulation}
.annotation{font-size:10px}
@media(min-width:900px){aside{width:100%;padding-left:max(12px,calc((100vw - 640px)/2));padding-right:max(12px,calc((100vw - 640px)/2))}.zone-list{justify-content:center}}
@media(max-height:500px) and (orientation:landscape){main{flex-direction:row}.viewer{min-width:0}aside{width:310px;max-height:100dvh;padding-top:max(8px,env(safe-area-inset-top))}.zone-list{flex-wrap:wrap;gap:4px}.zone-button{font-size:12px;padding:6px 9px}.position-grid button{flex-direction:column;gap:1px}.field-points button{font-size:12px}}
/* The ticket map replaces the button and matrix selectors. */
.zone-list,.position-picker,.field-points{display:none!important}
.concert-map{display:block;width:100%;height:clamp(170px,29dvh,260px);max-width:520px;margin:0 auto;touch-action:manipulation}
.concert-map [data-zone]{cursor:pointer;outline:none;transition:filter .15s}
.concert-map [data-zone].selected{stroke:#ffc95d;stroke-width:5;filter:brightness(1.12)}
.concert-map [data-zone]:focus-visible{stroke:#ffc95d;stroke-width:6;filter:brightness(1.25)}
aside{padding-top:3px;padding-bottom:max(3px,env(safe-area-inset-bottom));background:#f4f2f2}
.day-night{position:absolute;left:max(10px,env(safe-area-inset-left));bottom:12px;width:132px;height:76px;border-radius:16px;background:#172038b3;backdrop-filter:blur(8px)}
.day-night svg{width:100%;height:100%;touch-action:none;cursor:grab;overflow:visible;border-radius:16px}
.day-night svg:active{cursor:grabbing}.day-night text{fill:#fff;font-size:19px;pointer-events:none}.time-thumb{pointer-events:none}
.day-night svg:focus-visible{outline:3px solid #ffc95d;outline-offset:3px}
@media(min-width:900px){aside{padding-left:12px;padding-right:12px}}
@media(max-height:500px) and (orientation:landscape){aside{display:flex;align-items:center;width:280px}.concert-panel{width:100%}.concert-map{height:auto;max-height:90dvh}.day-night{width:112px;height:64px}}
@media(max-width:360px){.day-night{width:106px;height:64px}.zoom-readout{left:54%}}