:root{--bg-dark: #0b0b0d;--surface-1: #161619;--surface-2: #1f1f24;--seat-available: #2c2c31;--seat-taken-border: #25252a;--seat-recliner: #4e272e;--seat-selected: #7ce395;--text-primary: #f5f5f7;--text-secondary: #8a8a93;--text-muted: #585860;--accent-green: #7ce395}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;background:#050507;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.phone-frame{position:relative;width:100vw;height:100vh;height:100dvh;background:var(--bg-dark);overflow:hidden;display:flex;flex-direction:column}@media(min-width:541px)and (hover:hover){.phone-frame{height:min(94vh,880px);width:calc(min(94vh,880px) * (720 / 1562));max-width:412px;max-height:892px;border-radius:46px;box-shadow:0 35px 100px #000000e6,0 0 0 10px #151518,0 0 0 11.5px #2c2c32}}#webgl-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .28s ease}#webgl-container canvas{display:block;width:100%;height:100%;touch-action:none}#webgl-container.visible{opacity:1}#webgl-container.interactive{pointer-events:auto;cursor:grab}#webgl-container.interactive:active{cursor:grabbing}.status-bar{position:relative;z-index:30;height:48px;padding:14px 26px 0;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;letter-spacing:-.2px;pointer-events:none;flex-shrink:0}.status-icons{display:flex;align-items:center;gap:6px}.map-2d-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;padding-top:48px;background:var(--bg-dark);will-change:transform,opacity}.map-2d-layer.hidden{opacity:0;pointer-events:none}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 14px}.icon-circle-btn{width:40px;height:40px;border-radius:50%;background:#fff1;border:1px solid rgba(255,255,255,.04);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .15s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.icon-circle-btn:active{transform:scale(.93);background:#ffffff1f}.header-title-group{text-align:center}.header-title{font-size:17px;font-weight:600;letter-spacing:-.3px;color:#fff}.header-subtitle{font-size:12.5px;color:var(--text-secondary);margin-top:2px;font-weight:400}.showtime-wrap{display:flex;justify-content:center;padding:2px 20px 12px}.showtime-segmented{display:inline-flex;align-items:center;background:#151518;border-radius:999px;padding:4px;gap:2px;border:1px solid rgba(255,255,255,.03)}.showtime-pill{border:none;background:transparent;color:var(--text-secondary);padding:7px 15px;border-radius:999px;font-size:13px;font-weight:500;display:inline-flex;align-items:baseline;gap:5px;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1)}.showtime-pill .format-tag{font-size:9.5px;font-weight:600;letter-spacing:.4px;opacity:.62;text-transform:uppercase}.showtime-pill.active{background:#f5f5f7;color:#0b0b0e;font-weight:600;box-shadow:0 2px 10px #00000059}.showtime-pill.active .format-tag{color:#55555e;opacity:.9}.screen-arc-container{position:relative;width:100%;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:2px;overflow:hidden}.screen-arc-svg{width:92%;height:76px;overflow:visible}.screen-label{position:absolute;top:45px;font-size:9.5px;font-weight:600;letter-spacing:3.8px;color:#6c6c75;text-transform:uppercase}.seat-map-viewport{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px;margin-top:-6px}.seat-rows-container{display:flex;flex-direction:column;gap:11px;width:100%;max-width:376px}.seat-row{display:flex;align-items:center;justify-content:space-between;width:100%}.row-letter{width:14px;font-size:10.5px;font-weight:500;color:#575760;text-align:left;flex-shrink:0}.row-blocks{display:flex;align-items:center;justify-content:space-between;flex:1;margin-left:4px}.seat-block{display:flex;align-items:center;gap:5px}.seat-dot{position:relative;width:17px;height:16px;border-radius:4.5px;background:var(--seat-available);border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:transparent;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .2s ease,border-color .18s ease;padding:0;outline:none}.seat-dot.recliner{background:var(--seat-recliner);height:17px;border-radius:5px}.seat-dot.taken{background:transparent;border:1.25px solid var(--seat-taken-border);cursor:not-allowed}.seat-dot.recliner.taken{background:transparent;border:1.25px solid #2b2124}.seat-dot:not(.taken):hover{transform:scale(1.14);filter:brightness(1.2)}.seat-dot.selected{background:var(--seat-selected)!important;border-color:var(--seat-selected)!important;color:#081b0d;box-shadow:0 0 14px #7ce3958c;transform:scale(1.08);z-index:2}.seat-dot.touch-ring:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.55);pointer-events:none;animation:touchPulse .42s cubic-bezier(.16,1,.3,1) forwards}@keyframes touchPulse{0%{transform:scale(.5);opacity:.95}to{transform:scale(1.15);opacity:0}}.seat-legend{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;padding:4px 0}.legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-secondary);font-weight:400}.legend-swatch{width:9px;height:9px;border-radius:2.8px}.legend-swatch.available{background:var(--seat-available)}.legend-swatch.taken{background:transparent;border:1.2px solid #35353c}.legend-swatch.recliner{background:var(--seat-recliner)}.legend-swatch.selected{background:var(--seat-selected)}.bottom-bar-2d{margin-top:auto;background:#131316;border-top:1px solid rgba(255,255,255,.045);border-radius:26px 26px 0 0;padding:18px 20px 30px;display:flex;align-items:center;justify-content:space-between}.selection-summary{display:flex;flex-direction:column;gap:3px}.summary-label{font-size:12px;color:var(--text-secondary);font-weight:400}.summary-price{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.continue-btn{border:none;border-radius:999px;padding:13px 34px;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .22s cubic-bezier(.22,1,.36,1);background:#202025;color:#5d5d66}.continue-btn.enabled{background:var(--accent-green);color:#08150c;box-shadow:0 4px 20px #7ce39547}.continue-btn.enabled:hover{filter:brightness(1.06);transform:translateY(-1px)}.continue-btn.enabled:active{transform:scale(.97)}.pov-hud-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding-top:48px}.pov-top-bar{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 20px;opacity:0;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease;will-change:transform,opacity}.pov-hud-layer.active .pov-top-bar{opacity:1;transform:translateY(0);pointer-events:auto}.pov-back-btn{position:absolute;left:20px;width:38px;height:38px;border-radius:50%;background:#201e22c7;border:1px solid rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .15s ease,background .18s ease}.pov-back-btn:hover{background:#373438d9}.pov-back-btn:active{transform:scale(.92)}.pov-pill-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;background:#121216d1;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12.5px;font-weight:500;color:#f2f2f6;letter-spacing:-.1px}.pov-pill-dot{width:6.5px;height:6.5px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.pov-bottom-sheet{background:#141316;border-top:1px solid rgba(255,255,255,.08);border-radius:28px 28px 0 0;padding:10px 20px 30px;transform:translateY(105%);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform;pointer-events:auto;box-shadow:0 -20px 50px #000000a6}.pov-hud-layer.sheet-visible .pov-bottom-sheet{transform:translateY(0)}.sheet-handle{width:36px;height:4px;border-radius:999px;background:#fff3;margin:0 auto 14px}.sheet-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.sheet-zone-tag{font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent-green);margin-bottom:4px}.sheet-seat-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:#fff;line-height:1.15}.sheet-seat-meta{font-size:13px;color:var(--text-secondary);margin-top:3px;font-weight:400}.sheet-minimap{width:78px;padding:4px 2px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;border-radius:6px;transition:background .15s ease}.sheet-minimap:hover{background:#ffffff0a}.minimap-screen-arc{width:68px;height:6px}.minimap-grid{display:flex;flex-direction:column;gap:2px;width:68px}.minimap-row{display:flex;align-items:center;justify-content:space-between;width:100%}.minimap-block{display:flex;gap:1.5px}.minimap-dot{width:3.1px;height:3.1px;border-radius:1px;background:#3a3a42;transition:all .2s ease}.minimap-dot.recliner{background:#523036}.minimap-dot.active{background:var(--accent-green);box-shadow:0 0 5px var(--accent-green);transform:scale(1.55)}.sheet-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.metric-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:3px}.metric-value{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.3px}.metric-label{font-size:11px;color:var(--text-secondary);font-weight:400}.sheet-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.btn-change-seat{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:14px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease}.btn-change-seat:hover{background:#ffffff17}.btn-change-seat:active{transform:scale(.97)}.btn-book-seat{background:#f5f5f7;border:none;color:#0b0b0e;border-radius:999px;padding:14px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 18px #ffffff24}.btn-book-seat:hover{background:#fff;transform:translateY(-1px)}.btn-book-seat:active{transform:scale(.97)}.booking-toast{position:absolute;top:64px;left:50%;transform:translate(-50%) translateY(-20px);background:#162019f2;border:1px solid rgba(124,227,149,.45);color:#eafff0;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;z-index:60;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:8px;box-shadow:0 12px 32px #0009;max-width:calc(100% - 32px);white-space:nowrap}.booking-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:999px;background:#ffffff47;z-index:50;pointer-events:none}@media(max-width:540px),(hover:none)and (pointer:coarse){.status-bar,.home-indicator{display:none!important}.map-2d-layer,.pov-hud-layer{padding-top:max(10px,env(safe-area-inset-top,10px))}.bottom-bar-2d,.pov-bottom-sheet{padding-bottom:max(20px,calc(env(safe-area-inset-bottom,12px) + 12px))}.screen-arc-container{height:clamp(56px,9.5dvh,82px)}.seat-rows-container{gap:clamp(7px,1.35dvh,12px);max-width:96vw}.seat-block{gap:clamp(3.5px,1.15vw,5.5px)}.seat-dot{width:clamp(14.5px,4.35vw,18.5px);height:clamp(14px,4.1vw,17.5px)}.seat-dot.recliner{height:clamp(15px,4.35vw,18.5px)}.seat-legend{margin-top:clamp(12px,2.5dvh,24px)}}