:root{--color-slip:#fff;--color-rule:#b8b8b8;--color-live:#3c7c31;--color-faint:#666;--band-logo:52px;--band-gap:26px;--band-ms:16s}.page.receipt-page{min-height:100svh}.header-in{animation:fade-in .32s var(--ease-house) both}.link{color:var(--color-text);text-underline-offset:2px;font-weight:600;text-decoration:underline}.break{overflow-wrap:anywhere}.loader{border:2px solid #00000026;border-top-color:var(--color-text);width:28px;height:28px;animation:block-in var(--block-ms) var(--ease-out) var(--d,0s) both, spin .8s linear infinite;border-radius:50%;margin-top:96px}.kiosk-stamp{width:calc(164px * var(--s));height:calc(164px * var(--s));margin:20px 0 36px;transform:rotate(-8deg)}.kiosk-stamp.pop{animation:kiosk-pop var(--pop-ms) var(--spring) var(--d,0s) both, fade-in var(--pop-fade-ms) var(--ease-house) var(--d,0s) both}.kiosk-stamp img{width:100%;height:100%;animation:breathe 2.6s ease-in-out var(--pop-ms) infinite;display:block}@keyframes kiosk-pop{0%{transform:scale(.4)rotate(6deg)}to{transform:scale(1)rotate(-8deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.waiting-note{justify-content:center;align-items:center;gap:10px;display:flex}.dots{gap:4px;display:inline-flex}.dots i{background:var(--color-body);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}@keyframes dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.content.receipt{padding:20px 20px max(20px, env(safe-area-inset-bottom));justify-content:center;gap:18px}.ticket{--notch:11px;--pad:24px;text-align:left;isolation:isolate;width:100%;max-width:380px;position:relative}.ticket:before{content:"";z-index:-1;border-radius:16px;position:absolute;inset:0;box-shadow:0 10px 18px #00000024,0 1px 2px #0000001f}.ticket{--settle-from:.26s;--settle-step:70ms;animation:ticket-in .64s var(--ease-out) both}.settle{animation:settle-in .48s var(--ease-out) calc(var(--settle-from) + var(--i,0) * var(--settle-step)) both}@keyframes ticket-in{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:none}}@keyframes settle-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.band-seat{width:100%}.ticket-top,.ticket-stub{background:var(--color-slip);padding:var(--pad)}.ticket-top{-webkit-mask:radial-gradient(circle var(--notch) at 0 100%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, #0000 97%, #000) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 100%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, #0000 97%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 100%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, #0000 97%, #000) right / 51% 100% no-repeat;border-radius:16px 16px 0 0;padding-bottom:22px}.ticket-stub{-webkit-mask:radial-gradient(circle var(--notch) at 0 0, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 0, #0000 97%, #000) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 0, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 0, #0000 97%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 0, #0000 97%, #000) right / 51% 100% no-repeat;border-radius:0 0 16px 16px;flex-direction:column;align-items:center;gap:18px;margin-top:-1px;padding-top:22px;padding-bottom:18px;display:flex;position:relative}.ticket-stub:before{content:"";top:0;left:calc(var(--notch) + 8px);right:calc(var(--notch) + 8px);border-top:2px dashed var(--color-rule);position:absolute}.ticket-head{align-items:center;gap:16px;display:flex}.ticket .ticket-stamp{flex:none;width:72px;height:72px;margin:0}.ticket-name{min-width:0}.ticket .title{letter-spacing:-.6px;margin-top:2px;font-size:32px;line-height:36px}.show{border-block:1.5px dashed var(--color-rule);text-align:left;color:var(--color-text);margin:20px 0 0;padding:14px 0;font-size:18px;font-weight:400;line-height:23px}.ticket-facts{margin-top:20px;container-type:inline-size}.slip-label,.slip-figures dt{letter-spacing:.9px;text-transform:uppercase;color:var(--color-faint);margin:0;font:500 11px/14px Roboto Condensed,system-ui,sans-serif}.slip-email{font-size:clamp(11px, calc(100cqi / (var(--chars,20) * .6)), 20px);color:var(--color-text);overflow-wrap:anywhere;margin:3px 0 0;font-weight:600;line-height:1.25}.slip-figures{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0;display:grid}.slip-figures>div+div{background:repeating-linear-gradient(to bottom, var(--color-rule) 0 4px, transparent 4px 8px) left / 1.5px 100% no-repeat;padding-left:14px}.slip-figures dd{letter-spacing:-1px;color:var(--color-text);font-variant-numeric:tabular-nums;margin:2px 0 0;font-family:Times New Roman,Tinos,serif;font-size:46px;line-height:48px}.slip-figures sup{vertical-align:top;margin-left:1px;font-size:22px;line-height:1;position:relative;top:6px}.band{width:100%;height:52px;overflow:hidden}.band-track{width:max-content;height:52px;animation:band-run var(--band-ms) linear infinite;display:flex}.band-run{align-items:center;gap:var(--band-gap);padding-right:var(--band-gap);display:flex}.band-run img{width:var(--band-logo);height:calc(var(--band-logo) * 100 / 198.347);display:block;transform:translateY(3px)}.band-run img.band-bypb{width:57.6461px;height:36px;transform:translateY(-3px)}@keyframes band-run{0%{transform:translate(-50%)}to{transform:translate(0)}}.live{letter-spacing:.9px;text-transform:uppercase;width:100%;color:var(--color-faint);justify-content:space-between;align-items:baseline;margin:0;font:500 11px/14px Roboto Condensed,system-ui,sans-serif;display:flex}.live-label{align-items:center;gap:8px;display:inline-flex}.live-time{letter-spacing:.4px;font-variant-numeric:tabular-nums;color:var(--color-text);font-size:16px;line-height:18px}.live-dot{background:var(--color-live);border-radius:50%;width:8px;height:8px;position:relative}.live-dot:after{content:"";background:var(--color-live);animation:ping 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}@keyframes ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.small-print{text-align:left;width:100%;color:var(--color-faint);border-top:1px solid #e6e6e6;margin:0;padding-top:14px;font-size:11px;line-height:15px}@media (height>=720px){.content.receipt{gap:24px}.ticket{--pad:28px}.ticket .ticket-stamp{width:84px;height:84px}.ticket .title{font-size:36px;line-height:40px}.slip-figures{margin-top:20px}.slip-figures dd{font-size:54px;line-height:56px}.show{margin-top:26px;font-size:19px;line-height:24px}.ticket-facts{margin-top:26px}.ticket-stub{gap:22px;padding-top:28px;padding-bottom:24px}}@media (height<=640px){.content.receipt{padding-top:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));gap:10px}.ticket{--pad:18px}.ticket-top{padding-top:14px;padding-bottom:14px}.ticket .ticket-stamp{width:56px;height:56px}.ticket .title{font-size:27px;line-height:31px}.slip-figures{margin-top:8px}.slip-figures dd{font-size:36px;line-height:38px}.show{margin-top:10px;padding:8px 0;font-size:16px;line-height:20px}.ticket-facts{margin-top:10px}.ticket-stub{gap:11px;padding-top:16px;padding-bottom:12px}.band,.band-track{height:40px}.band-run img.band-bypb{width:44.8359px;height:28px}}@media (height<=600px){.content.done:has(.kiosk-stamp){padding-top:12px}.done .kiosk-stamp{width:104px;height:104px;margin:4px 0 16px}.done:has(.kiosk-stamp) .body+.body{margin-top:12px}}@media (prefers-reduced-motion:reduce){.header-in,.ticket,.settle,.band-track,.kiosk-stamp img,.dots i,.live-dot:after{animation:none}}:root{--color-text:#000;--color-body:#333;--color-placeholder:gray;--color-surface:#fff;--color-action:#000;--color-actionFg:#fff;--color-disabled:#d9d9d9;--color-error:#b00020;--color-popupInk:#121212;--color-popupBody:#595959;--color-scrim:#ffffffb3;--shadow-popup:0 16px 20px #00000040;--s:.8;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-house:cubic-bezier(.43, .13, .23, .6);--ease-exit:cubic-bezier(.4, 0, 1, 1);--spring:linear(0, .0498, .1694, .3222, .4819, .6312, .76, .864, .9426, .9977, 1.033, 1.0522, 1.0596, 1.0588, 1.0528, 1.0442, 1.0346, 1.0253, 1.017, 1.0102, 1.005, 1.0012, .9987, .9972, 1);--line-ms:.52s;--line-stagger:90ms;--block-ms:.52s;--pop-ms:.78s;--pop-fade-ms:.38s;--out-ms:.19s;--press-down-ms:90ms;--press-up-ms:.42s;--press-scale:.94}@font-face{font-family:Times New Roman;font-style:normal;font-weight:400;font-display:swap;src:local(Times New Roman),url(/fonts/Tinos-400.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Roboto-variable.woff2)format("woff2-variations")}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/RobotoCondensed-500.woff2)format("woff2")}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-surface);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Roboto,system-ui,sans-serif}.ground{background:var(--color-surface);z-index:-1;position:fixed;inset:0}.ground:after{content:"";opacity:.6;background:url(/brand/wall.webp) 50%/cover no-repeat;position:absolute;inset:0}.page{flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;display:flex}.header{justify-content:center;padding:40px 0;display:flex}.header img{width:calc(108px * var(--s));height:calc(54px * var(--s));display:block}.view{display:contents}.view.leaving>*{animation:view-out var(--out-ms) var(--ease-exit) both}.rise{animation:line-in var(--line-ms) var(--ease-out) var(--d,0s) both}.fade-up{animation:block-in var(--block-ms) var(--ease-out) var(--d,0s) both}.pop{animation:stamp-pop var(--pop-ms) var(--spring) var(--d,0s) both, fade-in var(--pop-fade-ms) var(--ease-house) var(--d,0s) both}@keyframes line-in{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes block-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes view-out{to{opacity:0;transform:translateY(-8px)}}.content{flex-direction:column;flex:1 0 auto;padding:57px 24px 24px;display:flex}.heading{flex-direction:column;gap:8px;display:flex}.title{font-family:Times New Roman,Tinos,serif;font-weight:400;font-size:calc(45px * var(--s));line-height:calc(63px * var(--s));letter-spacing:calc(-.9px * var(--s));color:var(--color-text);margin:0}.body{font-size:calc(18px * var(--s));line-height:calc(23px * var(--s));color:var(--color-body);margin:0}.body strong{font-weight:600}.heading .body+.body{margin-top:calc(23px * var(--s) - 8px)}.field{margin-top:16px}.email{width:100%;height:calc(60px * var(--s));padding:0 calc(18px * var(--s));border:2px solid var(--color-text);background:var(--color-surface);font:500 max(16px, calc(18px * var(--s))) / calc(23px * var(--s)) "Roboto", system-ui, sans-serif;color:var(--color-text);appearance:none;border-radius:0;outline:none}.email::placeholder{color:var(--color-placeholder);opacity:1}.email:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.error{font-size:calc(14px * var(--s));line-height:calc(20px * var(--s));color:var(--color-error);margin:12px 0 0}.note{font-size:calc(14px * var(--s));line-height:calc(23px * var(--s));color:var(--color-body);text-align:center;margin:auto 0 0}.footer{min-height:calc(145px * var(--s));padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:12px;display:flex}.button{min-width:calc(160px * var(--s));height:calc(56px * var(--s));padding:0 calc(28px * var(--s));border-radius:calc(28px * var(--s));background:var(--color-action);color:var(--color-actionFg);font:500 calc(24px * var(--s)) / calc(26px * var(--s)) "Roboto Condensed", system-ui, sans-serif;letter-spacing:calc(.96px * var(--s));text-transform:uppercase;cursor:pointer;transition:transform var(--press-up-ms) var(--spring), background-color .12s ease;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:10px;display:inline-flex}.button:active:not(:disabled){transform:scale(var(--press-scale));transition:transform var(--press-down-ms) var(--ease-house)}.button:disabled{background:var(--color-disabled);cursor:default}.button.busy:disabled{background:var(--color-action);cursor:progress}.spinner{width:calc(18px * var(--s));height:calc(18px * var(--s));border:2px solid #ffffff4d;border-top-color:var(--color-actionFg);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scrim{z-index:10;background:var(--color-scrim);justify-content:center;align-items:center;padding:24px;animation:.26s ease-out both scrim-in;display:flex;position:fixed;inset:0}.scrim.closing{animation:.17s ease-in reverse both scrim-in}.popup{align-items:center;gap:calc(34px * var(--s));width:100%;max-width:392px;padding:calc(40px * var(--s)) calc(34px * var(--s)) calc(34px * var(--s));background:var(--color-surface);box-shadow:var(--shadow-popup);text-align:center;border-radius:24px;flex-direction:column;animation:.26s cubic-bezier(.22,1,.36,1) both popup-in;display:flex}.popup.closing{animation:.17s ease-in reverse both popup-in}.popup-title{font-size:calc(24px * var(--s));line-height:calc(31px * var(--s));color:var(--color-popupInk);overflow-wrap:anywhere;margin:0}.popup-title strong{font-weight:600}.popup-body{max-width:calc(260px * var(--s));font-size:calc(16px * var(--s));color:var(--color-popupBody);margin:0;line-height:normal}.popup-body strong{font-weight:600}.popup-actions{gap:8px;display:flex}.button.small{font-size:calc(18px * var(--s));letter-spacing:calc(.72px * var(--s))}.button.ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-text)}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes popup-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.done{text-align:center;align-items:center}.stamp{width:calc(164px * var(--s));height:calc(164px * var(--s));margin:20px 0 36px;transform:rotate(16.17deg)}@keyframes stamp-pop{0%{transform:scale(.4)rotate(4deg)}to{transform:scale(1)rotate(16.17deg)}}.done .heading{width:100%}.done .body+.body{margin-top:23px}
