*{box-sizing:border-box}body{margin:0;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Arial;color:#182338}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}header{height:76px;background:#101d35;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1050px)/2));box-shadow:0 2px 12px #16213a1a}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:17px;letter-spacing:1.2px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#d1d9e6;margin-top:3px}.logo{width:41px;height:41px;border-radius:12px;background:#e64964;display:grid;place-items:center;font-weight:900;letter-spacing:-2px}.secure{font-size:12px;color:#bbecd1}main{width:min(100%,680px);margin:0 auto;padding:24px 18px 88px}.nav{display:flex;align-items:center;gap:11px;margin-bottom:22px}.nav b{font-size:19px}.nav small{display:block;color:#758092;margin-top:5px}.back{background:#fff;border:1px solid #dde2e8;border-radius:10px;width:40px;height:40px;display:grid;place-items:center}.back:disabled{opacity:.35}.venue{background:#fff;border-radius:12px;padding:17px;display:flex;gap:9px;align-items:center;color:#506177;margin-bottom:26px}.venue svg{color:#e64964}h2{font-size:23px;margin:14px 0 20px}h3{margin:0 0 6px;font-size:20px}.dates{display:flex;gap:9px;margin-bottom:18px;overflow-x:auto}.date{width:82px;min-width:82px;height:87px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.date small{font-size:12px}.date strong{font-size:23px}.date.active{background:#e64964;color:#fff}.date.muted{color:#8e96a4}.panel,.seat-panel{background:#fff;border-radius:18px;padding:23px;box-shadow:0 5px 23px #18233809}.film{display:flex;align-items:center;gap:14px}.film p,.panel p{color:#6d7888}.movie-icon{background:#fff1ec;font-size:28px;padding:20px;border-radius:12px}.section-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#8c99aa;margin:24px 0 14px}.times{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.times button{border:1.5px solid #1aa354;background:#fff;color:#128b42;font-weight:700;border-radius:10px;height:53px}.times button:hover{background:#f0fff6}.centre{text-align:center}.big-icon{font-size:86px;margin:20px}.qty{display:flex;justify-content:space-between;gap:4px;margin:38px 0 31px}.qty button{width:43px;height:43px;border:0;background:transparent;border-radius:50%;color:#374255}.qty button.active{background:#e64964;color:#fff}.tiers{display:flex;justify-content:space-between;margin:20px 0 30px;padding:20px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.tiers>div{display:flex;flex-direction:column;gap:7px}.tiers small{font-size:11px;color:#768398}.tiers b{font-size:23px}.tiers span{font-size:11px;color:#1b9b52}.primary{border:0;border-radius:12px;background:#e64964;color:#fff;padding:16px 24px;font-weight:750;width:100%;margin-top:16px}.primary:disabled{background:#c7ccd5;cursor:not-allowed}.summary{display:flex;align-items:center;gap:9px;background:#fff;border-radius:12px;padding:15px;margin-bottom:16px}.summary span{margin-left:auto;color:#e64964;font-weight:700}.seatclass{margin-bottom:29px}.classhead{display:flex;justify-content:space-between;color:#506070;font-size:13px;padding:12px 0;margin:8px 0 14px;border-bottom:1px solid #edf0f5}.seatrow{display:flex;gap:11px;align-items:center;margin-bottom:10px}.rowname{width:15px;color:#9aa3af;font-size:13px}.seatgrid{display:flex;flex-wrap:wrap;gap:5px}.seat{border:1px solid #21a55a;border-radius:5px;background:#fff;color:#199554;min-width:27px;height:27px;padding:2px 3px;font-size:11px}.seat.chosen{color:#fff;background:#21a55a}.seat.sold{background:#dfe2e7;border-color:#dfe2e7;color:#aeb4bc;cursor:not-allowed}.screen{background:#d3e8fa;border-radius:50% 50% 0 0/60% 60% 0 0;text-align:center;font-size:11px;padding:11px;color:#6488a7;letter-spacing:2px;margin:35px 3px 16px}.legend{display:flex;gap:22px;justify-content:center;font-size:12px;color:#627084}.green{color:#21a55a}.grey{color:#bfc4cd}.footer{display:flex;align-items:center;gap:18px;margin-top:17px;background:#fff;border-radius:15px;padding:14px}.footer div{width:36%}.footer div small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6d7785}.footer div b{font-size:22px}.footer .primary{flex:1;margin:0}label{display:block;text-align:left;font-size:13px;font-weight:700;margin-top:23px}input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #d4dce6;border-radius:10px}.receipt-top{background:#f5f7f9;padding:18px;border-radius:12px}.receipt-top p{margin:6px 0;font-size:14px}.bill{margin:25px 0}.bill>div{display:flex;justify-content:space-between;padding:14px 0;color:#536174}.bill .total{border-top:1px dashed #ccd2da;color:#182338;font-weight:800;font-size:20px}.alert{padding:14px;background:#fff1f1;border:1px solid #f1b9b9;color:#b12c36;border-radius:9px;margin-bottom:18px}.disclaimer{font-size:10px;color:#8b98a8;text-align:center;margin-top:35px}@media(max-width:480px){.secure{display:none}main{padding:18px 12px 80px}.panel,.seat-panel{padding:15px}.seat{min-width:23px;height:25px;font-size:10px}.seatgrid{gap:4px}.qty button{width:30px;height:36px}.brand b{font-size:14px}}.seat-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:5px 2px 14px;scrollbar-width:thin}.seatclass{min-width:max-content;margin-bottom:22px}.seatrow{width:max-content;min-width:100%;align-items:center}.seatgrid{display:flex;flex-wrap:nowrap;gap:5px;width:max-content}.seat{flex:0 0 29px;min-width:29px;height:29px;touch-action:manipulation}.rowname{flex:0 0 18px;text-align:center}.screen-top{margin:4px 3px 22px;min-height:39px;display:flex;align-items:center;justify-content:center}.classhead{min-width:100%;position:sticky;left:0}.tiers{gap:15px;flex-wrap:wrap}.tiers>div{min-width:90px;flex:1;text-align:left}@media(max-width:480px){header{padding:0 14px}main{padding:14px 10px 75px}.nav b{font-size:17px}.panel,.seat-panel{padding:14px}.seat{flex-basis:28px;min-width:28px;height:29px;font-size:11px}.summary{font-size:13px;flex-wrap:wrap}.seat-scroll{margin:0 -7px;padding:4px 7px 14px}.qty button{min-width:28px}.dates{scrollbar-width:none}.footer{position:sticky;bottom:10px;z-index:3;box-shadow:0 4px 18px #18233822}.footer .primary{padding:15px 12px}}.physical-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:16px 4px}.physical-map{width:max-content;min-width:100%}.physical-row{display:flex;align-items:center;gap:5px;height:39px;width:max-content;min-width:100%}.physical-label{width:30px;flex:0 0 30px;font-weight:700;color:#647087}.physical-seat,.physical-gap{box-sizing:border-box;flex:0 0 31px!important;width:31px!important;height:31px!important;min-width:31px!important;padding:0!important;font-size:11px!important;border-radius:5px}.physical-gap{display:inline-block;border:0;background:transparent}.physical-map .screen{margin:28px auto 5px;max-width:620px;background:#d7eafa;border-radius:80% 80% 5px 5px;text-align:center;padding:14px;color:#3b5772;letter-spacing:2px;font-size:11px}