The Phantom of the Opera

* { box-sizing: border-box; } img { max-width: 100%; } .tje-wrap { max-width: 100%; overflow-x: hidden; } .tje-section-title { font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; color: #0f0f0f; margin: 0 0 0.875rem 0; position: relative; padding-bottom: 0.5rem; } .tje-section-title::after { display: none; } .tje-label-small { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #8a8a8a; margin: 0 0 0.625rem 0; display: block; } .tje-intro { font-size: 1rem; line-height: 1.7; color: #444; margin: 0 0 1.5rem 0; } .tje-hero-quote { position: relative; padding: 0.75rem 0 0.75rem 1.25rem; margin: 1.5rem 0 1.75rem 0; border-left: 4px solid #555555; } .tje-hero-quote p { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; line-height: 1.3; font-weight: 500; font-style: italic; color: #0f0f0f; letter-spacing: -0.01em; } .tje-hero-quote .quote-accent { color: #555555; font-style: italic; font-weight: 700; } .tje-mobile-break { display: none; } @media (max-width: 48rem) { .tje-mobile-break { display: inline; } } .tje-divider { border: none; border-top: 1px solid #ece9e3; margin: 1.75rem 0; height: 0; } .tje-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; } .tje-badge { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.02em; padding: 0.3rem 0.7rem; border-radius: 2rem; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; } .tje-badge-dark { background: transparent; color: #0f0f0f; border: 1px solid rgba(15, 15, 15, 0.45); } .tje-highlights { list-style: none; padding: 0; margin: 0 0 0.5rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } @media (max-width: 48rem) { .tje-highlights { grid-template-columns: 1fr; } } .tje-highlights li { font-size: 0.95rem; line-height: 1.55; color: #222; padding: 1rem 1.25rem; background: #f5f5f5; border-radius: 0.5rem; border-left: 3px solid #555555; } .tje-case-card { border: none; border-radius: 0.875rem; padding: 1.25rem 1.5rem 1.5rem; margin-bottom: 0.75rem; background: linear-gradient(160deg, #09000f 0%, #150528 25%, #1e0a35 55%, #160830 80%, #0c001e 100%); color: #fff; border-top: 2px solid rgba(212, 175, 130, 0.4); } .tje-case-card .card-poster-text { font-size: 2.8rem; font-weight: 900; color: #fff; line-height: 0.9; letter-spacing: -0.03em; text-transform: uppercase; margin: 0 0 1.25rem 0; } .tje-case-card .card-description { font-size: 0.92rem; color: #c8c0d8; line-height: 1.75; margin: 0; } .tje-case-card .card-accent { color: #D4AF82; font-weight: 600; } .tje-steps { display: flex; flex-direction: row; gap: 0.625rem; flex-wrap: nowrap; position: relative; align-items: stretch; margin-top: 0.5rem; } .tje-step { flex: 1; min-width: 0; background: #f5f5f5; border-radius: 0.875rem; padding: 2.5rem 0.875rem 1rem; text-align: center; border: none; position: relative; z-index: 1; margin: 1.125rem 0 0 0; } .tje-step:not(:last-child)::after { content: ""; position: absolute; top: -1px; left: 50%; right: calc(-50% - 0.625rem); height: 2px; background: repeating-linear-gradient(to right, #555555 0, #555555 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step-num { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; background: #555555; color: #fff; border-radius: 50%; font-size: 0.92rem; font-weight: 800; border: 4px solid #fff; box-shadow: 0 0 0 1px rgba(85, 85, 85, 0.25); position: absolute; top: -1.125rem; left: 50%; transform: translateX(-50%); z-index: 2; } .tje-step .card-title { font-weight: 700; font-size: 0.9rem; margin: 0 0 0.375rem 0; color: #0f0f0f; display: block; } .tje-step .card-description { font-size: 0.78rem; color: #666; margin: 0; line-height: 1.5; display: block; } @media (max-width: 48rem) { .tje-steps { flex-direction: column; padding-left: 2.5rem; gap: 0.75rem; } .tje-step:not(:last-child)::after { display: none; } .tje-steps::before { content: ""; position: absolute; top: 1rem; bottom: 1rem; left: 1.125rem; width: 2px; background: repeating-linear-gradient(to bottom, #555555 0, #555555 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step { margin: 0; padding: 1rem 1.25rem; text-align: left; } .tje-step-num { top: 50%; left: -2.5rem; transform: translateY(-50%); } } .tje-editorial { background: #f5f5f5; border-radius: 0.875rem; padding: 1.25rem 1.5rem; margin: 1.5rem 0; } .tje-editorial .tje-label-small { color: #8a8a8a; letter-spacing: 0.16em; } .tje-editorial .tje-section-title { color: #0f0f0f; margin: 0 0 1rem 0; font-size: 1.1rem; line-height: 1.3; letter-spacing: -0.01em; } .tje-editorial .tje-section-title::after { background: #555555; } .tje-editorial .content-text { font-size: 0.9rem; line-height: 1.75; color: #444; margin: 0 0 0.375rem 0; } .tje-editorial .content-text:last-child { margin-bottom: 0; } .tje-editorial a { color: #444444; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-info-grid { display: grid; gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } .tje-info-card { border: 1px solid #e0e0e0; border-radius: 0.625rem; padding: 0.625rem 0.75rem; background: transparent; display: grid; grid-template-columns: auto 1fr; column-gap: 0.625rem; align-items: center; } .tje-info-card .card-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; background: #f0f0f0; border-radius: 50%; font-size: 0.92rem; line-height: 1; grid-row: 1 / 3; align-self: center; margin: 0; } .tje-info-card .card-header { display: flex; align-items: baseline; gap: 0.3em; flex-wrap: wrap; grid-column: 2; } .tje-info-card .card-label { font-size: 0.78rem; font-weight: 500; color: #0f0f0f; line-height: 1.3; } .tje-info-card .card-label::after { content: ":"; font-weight: 400; } .tje-info-card .card-title { font-size: 0.78rem; font-weight: 700; color: #0f0f0f; margin: 0; line-height: 1.25; } .tje-info-card .card-description { font-size: 0.78rem; color: #0f0f0f; margin: 0.1rem 0 0 0; line-height: 1.35; display: block; grid-column: 2; } .tje-info-card a { color: #444444; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 48rem) { .tje-info-grid { gap: 0.375rem; grid-template-columns: 1fr; } .tje-info-card { padding: 0.5rem 0.6rem; } .tje-info-card .card-icon { width: 1.5rem; height: 1.5rem; font-size: 0.8rem; } .tje-info-card .card-title { font-size: 0.78rem; } .tje-info-card .card-description { font-size: 0.78rem; } .tje-info-card .card-label { font-size: 0.78rem; } } .tje-faq { background: #f5f5f5; color: #111; border-radius: 0.875rem; padding: 1.25rem 1.25rem 0.25rem; margin: 1.5rem 0; } .tje-faq-header { margin-bottom: 0.25rem; } .tje-faq .tje-section-title { color: #0f0f0f; margin: 0 0 0.625rem 0; padding-bottom: 0; } .tje-faq .tje-section-title::after { display: none; } .tje-faq-category { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .tje-faq-category:last-child { border-bottom: none; } .tje-faq-cat-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.8rem 0; font-size: 0.92rem; font-weight: 700; color: #555; transition: color 0.15s ease; } .tje-faq-cat-summary::-webkit-details-marker { display: none; } .tje-faq-cat-summary::after { content: ""; flex-shrink: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #555 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.85rem 0.85rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-category[open] .tje-faq-cat-summary::after { transform: rotate(180deg); background-color: #888; } .tje-faq-cat-summary:hover { color: #444444; } .tje-faq-panel { padding: 0 0 0.5rem 0; } .tje-faq-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .tje-faq-item:last-child { border-bottom: none; } .tje-faq-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.625rem 0; font-size: 0.86rem; font-weight: 600; color: #222; transition: color 0.15s ease; } .tje-faq-summary::-webkit-details-marker { display: none; } .tje-faq-summary::after { content: ""; flex-shrink: 0; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #aaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.75rem 0.75rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-item[open] .tje-faq-summary::after { transform: rotate(180deg); background-color: #c0c0c0; } .tje-faq-summary:hover { color: #444444; } .tje-faq-content { padding: 0.15rem 2rem 0.75rem 0; font-size: 0.82rem; line-height: 1.6; color: #555; } .tje-faq-content p { margin: 0 0 0.5rem 0; } .tje-faq-content p:last-child { margin-bottom: 0; } .tje-faq-content ul { margin: 0.25rem 0 0.5rem 1rem; padding: 0; } .tje-faq-content li { margin-bottom: 0.2rem; } .tje-faq-content strong { color: #0f0f0f; } .tje-faq-content a { color: #444444; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-tags { margin: 2rem 0 0.5rem 0; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #999; text-align: center; } 📱 Mobile tickets 🎭 West End classic The Phantom of the Opera has haunted Her Majesty's Theatre for over 12,000 performances — and its grip never loosens. Andrew Lloyd Webber's masterpiece returns with double Olivier Award nominee Killian Donnelly in the title role. Will you be the next to fall under the spell? It's not just a musical. It's an obsession. Highlights 🎼 Andrew Lloyd Webber's iconic The Phantom of the Opera returns to its home, Her Majesty's Theatre London ⭐ Starring double Olivier Award nominee Killian Donnelly as The Phantom 🎭 One of the West End's most popular musicals of all time — over 12,000 performances 🎙️ Also featuring Lucy St. Louis as Christine Daaé and Rhys Whitfield as Raoul Practical info ⏳ Duration 2 hr 30 min Including interval 📍 Venue Her Majesty's Theatre Haymarket, London SW1Y 4QL 📅 Timings Mon–Sat 7:30 PM Wed & Sat matinée 2:30 PM 👤 Age Suitable for 10+   Why choose Fever? ✔️ Millions of users book every month. ✔️ The best prices and availability at all times. ✔️ Thousands of unique experiences. ✔️ Verified user reviews. ✔️ 24/7 customer service. Frequently asked questions About the experience Is there an interval? Yes. The show runs for approximately 2 hours and 30 minutes with one interval. What language is the show performed in? The Phantom of the Opera is performed in English. Can I take photos or videos during the show? Photography and filming are not permitted during the performance. You are welcome to take photos in the foyer before the show. Is food and drink available at the venue? Yes. Her Majesty's Theatre has a bar and light refreshments available before the show and during the interval. About your tickets How will I receive my tickets? You'll receive an email confirmation instantly after booking. Simply show your e-ticket on your mobile phone at the venue — no printing required. Can I get a refund or exchange my tickets? All ticket sales are final and cannot be refunded or exchanged. Please check all details carefully before completing your purchase. What happens if the show is cancelled or rescheduled? In the unlikely event of a cancellation or rescheduling, you will be contacted by Fever with further information and options. Access & venue Where is Her Majesty's Theatre? Her Majesty's Theatre is located at Haymarket, London SW1Y 4QL. The nearest tube station is Piccadilly Circus (Bakerloo & Piccadilly lines), approximately a 5-minute walk. What time should I arrive? We recommend arriving at least 20–30 minutes before the show starts to allow time for entry, bag checks, and finding your seat. Latecomers may not be admitted until a suitable break in the performance. Is the venue wheelchair accessible? Yes. Her Majesty's Theatre offers wheelchair-accessible seating. Please contact the venue directly when booking to arrange any specific accessibility requirements. Is there parking nearby? There is no dedicated parking at the theatre. We recommend travelling by public transport — the venue is well served by Piccadilly Circus and Charing Cross stations.