.hall-component{width:100%;height:100vh;font-family:inherit;background:var(--Bg-default,#fff)}.hall-component,.hall-loading{display:flex;flex-direction:column}.hall-loading{align-items:center;justify-content:center;min-height:100vh;color:var(--Content-secondary,#666)}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:16px;color:var(--Interaction-Secondary-content,#4F46E5)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hall-controls{gap:12px;padding:12px 20px;border-bottom:1px solid var(--Bg-border,#e5e7eb);box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:10;position:relative}.control-btn,.hall-controls{display:flex;align-items:center;background:var(--Bg-default,#fff)}.control-btn{gap:6px;padding:8px 12px;border:1px solid var(--Bg-border,#e5e7eb);border-radius:8px;color:var(--Content-primary,#111827);font-size:14px;cursor:pointer;transition:all .2s ease}.control-btn:hover{border-color:var(--Interaction-Secondary-content,#4F46E5);background:var(--Interaction-Secondary-bg,#f3f4f6)}.control-btn:active{transform:translateY(1px)}.zoom-info{padding:8px 12px;background:var(--Bg-secondary,#f9fafb);border-radius:8px;font-size:14px;color:var(--Content-secondary,#6b7280);font-weight:500;margin-left:auto}.hall-map-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--Bg-secondary,#f9fafb)}.hall-svg-container{flex:1;width:100vw;height:100vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.zoom-controls{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:20}.zoom-btn{width:48px;height:48px;border:none;border-radius:50%;background:rgba(255,255,255,.95);color:var(--Content-primary,#111827);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.zoom-btn:hover{background:rgba(255,255,255,1);transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.zoom-btn:active{transform:scale(.95);background:rgba(79,70,229,.1)}.zoom-btn svg{pointer-events:none;transition:transform .1s ease}.zoom-btn:active svg{transform:scale(.9)}.hall-component:fullscreen .zoom-controls{background:rgba(0,0,0,.1);border-radius:12px;padding:8px}.hall-instructions{padding:8px 20px;background:var(--Bg-default,#fff);border-top:1px solid var(--Bg-border,#e5e7eb);text-align:center}.hall-instructions span{font-size:12px;color:var(--Content-secondary,#6b7280);font-weight:500}.hall-component:fullscreen{background:var(--Bg-default,#fff)}.hall-component:fullscreen .hall-controls{background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.selection-summary{margin-top:24px;padding:20px;background:var(--Bg-default,#fff);border-radius:12px;border:1px solid var(--Bg-border,#e5e7eb)}.selection-summary h4{margin:0 0 16px;color:var(--Content-primary,#111827);font-size:16px;font-weight:600}.selected-seats-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.selected-seat-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--Bg-secondary,#f9fafb);border-radius:6px;font-size:14px}.total-price{text-align:right;padding-top:12px;border-top:1px solid var(--Bg-border,#e5e7eb);color:var(--Content-primary,#111827);font-size:16px}@media (max-width:768px){.hall-controls{padding:8px 12px;gap:8px}.control-btn{padding:6px 8px;font-size:12px;gap:4px}.control-btn svg{width:14px;height:14px}.zoom-info{padding:6px 8px;font-size:12px}.zoom-controls{right:16px;gap:12px}.zoom-btn{width:56px;height:56px;box-shadow:0 6px 20px rgba(0,0,0,.25);min-height:56px;min-width:56px}.zoom-btn:hover{transform:scale(1.05)}.zoom-btn:active{transform:scale(.95)}.zoom-btn svg{width:24px;height:24px}.hall-instructions span{font-size:11px}.hall-instructions{padding:6px 12px}}.colored-hall-map svg.hall-map-svg{background-color:#ffffff}.colored-hall-map svg.hall-map-svg .zone.available:not(.seats-are-loaded) text.section-decoration.p{fill:#ffffff}.colored-hall-map svg.hall-map-svg .zone.transparent{opacity:.5}.colored-hall-map svg.hall-map-svg .zone .checkmark-decoration.in-progress{stroke:#ffffff!important}.colored-hall-map svg.hall-map-svg .s.p:not(.available){fill:#DDDDDD!important}.colored-hall-map svg.hall-map-svg .s.in-progress,.colored-hall-map svg.hall-map-svg .s.in-progress.available,.colored-hall-map svg.hall-map-svg .s.in-progress.selected,.colored-hall-map svg.hall-map-svg .s.in-progress.selected.available{fill:#DDDDDD!important;stroke:#DDDDDD!important}@keyframes highlight-section-6865caa7cfbd4{0%{stroke:#4EBAF7}to{stroke:inherit}}.colored-hall-map svg.hall-map-svg .highlighted.range-6865caa7cfbd4 .section{animation:highlight-section-6865caa7cfbd4 .5s linear 7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4.seats-are-loaded:not(.general-admission) .s.available:not(.in-progress):not(.selected):hover{fill:#4EBAF7!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4.seats-are-loaded:not(.general-admission) .s.selected,.no-touchevents .colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4.seats-are-loaded:not(.general-admission):not(.transparent) .s.available:not(.in-progress):not(.selected):hover{stroke:#076ca5!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4.highlighted .section{stroke:#4EBAF7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4.seats-are-loaded.general-admission .section,.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4:not(.seats-are-loaded) .section-decoration.p{fill:#4EBAF7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4 .checkmark-decoration{stroke:#076ca5;pointer-events:none}.colored-hall-map svg.hall-map-svg g.seats-are-visible:not(.highlighted-mode) .zone.range-6865caa7cfbd4 path.section-decoration{stroke:#4EBAF7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd4.seats-are-loaded:not(.general-admission) .s.available{fill:#4EBAF7}@keyframes highlight-section-6865caa7cfbd0{0%{stroke:#5C90F7}to{stroke:inherit}}.colored-hall-map svg.hall-map-svg .highlighted.range-6865caa7cfbd0 .section{animation:highlight-section-6865caa7cfbd0 .5s linear 7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0.seats-are-loaded:not(.general-admission) .s.available:not(.in-progress):not(.selected):hover{fill:#5C90F7!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0.seats-are-loaded:not(.general-admission) .s.selected,.no-touchevents .colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0.seats-are-loaded:not(.general-admission):not(.transparent) .s.available:not(.in-progress):not(.selected):hover{stroke:#0941b1!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0.highlighted .section{stroke:#5C90F7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0.seats-are-loaded.general-admission .section,.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0:not(.seats-are-loaded) .section-decoration.p{fill:#5C90F7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0 .checkmark-decoration{stroke:#0941b1;pointer-events:none}.colored-hall-map svg.hall-map-svg g.seats-are-visible:not(.highlighted-mode) .zone.range-6865caa7cfbd0 path.section-decoration{stroke:#5C90F7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd0.seats-are-loaded:not(.general-admission) .s.available{fill:#5C90F7}@keyframes highlight-section-6865caa7cfbcc{0%{stroke:#7C71F2}to{stroke:inherit}}.colored-hall-map svg.hall-map-svg .highlighted.range-6865caa7cfbcc .section{animation:highlight-section-6865caa7cfbcc .5s linear 7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc.seats-are-loaded:not(.general-admission) .s.available:not(.in-progress):not(.selected):hover{fill:#7C71F2!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc.seats-are-loaded:not(.general-admission) .s.selected,.no-touchevents .colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc.seats-are-loaded:not(.general-admission):not(.transparent) .s.available:not(.in-progress):not(.selected):hover{stroke:#1f11b9!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc.highlighted .section{stroke:#7C71F2}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc.seats-are-loaded.general-admission .section,.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc:not(.seats-are-loaded) .section-decoration.p{fill:#7C71F2}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc .checkmark-decoration{stroke:#1f11b9;pointer-events:none}.colored-hall-map svg.hall-map-svg g.seats-are-visible:not(.highlighted-mode) .zone.range-6865caa7cfbcc path.section-decoration{stroke:#7C71F2}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbcc.seats-are-loaded:not(.general-admission) .s.available{fill:#7C71F2}@keyframes highlight-section-6865caa7cfbd7{0%{stroke:#D678F5}to{stroke:inherit}}.colored-hall-map svg.hall-map-svg .highlighted.range-6865caa7cfbd7 .section{animation:highlight-section-6865caa7cfbd7 .5s linear 7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7.seats-are-loaded:not(.general-admission) .s.available:not(.in-progress):not(.selected):hover{fill:#D678F5!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7.seats-are-loaded:not(.general-admission) .s.selected,.no-touchevents .colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7.seats-are-loaded:not(.general-admission):not(.transparent) .s.available:not(.in-progress):not(.selected):hover{stroke:#980fc5!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7.highlighted .section{stroke:#D678F5}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7.seats-are-loaded.general-admission .section,.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7:not(.seats-are-loaded) .section-decoration.p{fill:#D678F5}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7 .checkmark-decoration{stroke:#980fc5;pointer-events:none}.colored-hall-map svg.hall-map-svg g.seats-are-visible:not(.highlighted-mode) .zone.range-6865caa7cfbd7 path.section-decoration{stroke:#D678F5}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbd7.seats-are-loaded:not(.general-admission) .s.available{fill:#D678F5}@keyframes highlight-section-6865caa7cfbc5{0%{stroke:#EF6565}to{stroke:inherit}}.colored-hall-map svg.hall-map-svg .highlighted.range-6865caa7cfbc5 .section{animation:highlight-section-6865caa7cfbc5 .5s linear 7}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5.seats-are-loaded:not(.general-admission) .s.available:not(.in-progress):not(.selected):hover{fill:#EF6565!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5.seats-are-loaded:not(.general-admission) .s.selected,.no-touchevents .colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5.seats-are-loaded:not(.general-admission):not(.transparent) .s.available:not(.in-progress):not(.selected):hover{stroke:#a91212!important}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5.highlighted .section{stroke:#EF6565}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5.seats-are-loaded.general-admission .section,.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5:not(.seats-are-loaded) .section-decoration.p{fill:#EF6565}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5 .checkmark-decoration{stroke:#a91212;pointer-events:none}.colored-hall-map svg.hall-map-svg g.seats-are-visible:not(.highlighted-mode) .zone.range-6865caa7cfbc5 path.section-decoration{stroke:#EF6565}.colored-hall-map svg.hall-map-svg .zone.range-6865caa7cfbc5.seats-are-loaded:not(.general-admission) .s.available{fill:#EF6565}.colored-hall-map svg.hall-map-svg .zone.seats-are-loaded:not(.general-admission) .s.selected,.no-touchevents .colored-hall-map svg.hall-map-svg .zone.seats-are-loaded:not(.general-admission):not(.transparent) .s.available:not(.in-progress):not(.selected):hover{fill:#ffffff!important}.colored-hall-map svg.hall-map-svg .zone .checkmark-decoration.mass-selected,.colored-hall-map svg.hall-map-svg .zone.seats-are-loaded:not(.general-admission) .s.selected.mass-selected{stroke:#eedb00!important}svg.hall-map-svg{width:100vw;height:100vh;position:absolute}