*{box-sizing:border-box}html,body{width:100%;min-height:100dvh;margin:0}body{perspective:1500px;background-color:#f8f8f8;flex-direction:column;font-family:system-ui,sans-serif;transition:background-color .4s ease-out;display:flex}html[data-theme=dark] body{background-color:#0e0e0e}#root{flex-direction:column;flex:1;min-height:0;display:flex}.ticket-holo{border-radius:inherit;z-index:1;background:#fff;position:absolute;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.ticket-holo__layer{transition:none!important}}.ticket-holo__base{border-radius:inherit;z-index:0;background:#fff;position:absolute;inset:0}.ticket-holo__layer{border-radius:inherit;pointer-events:none;z-index:1;--holo-radial-spot:radial-gradient(circle var(--holo-effect-r,130px) at calc(var(--holo-mx,.5) * 100%) calc(var(--holo-my,.5) * 100%), #000 0%, #000 var(--holo-effect-inner-pct,58%), transparent 100%);--holo-checker-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%23fff'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-image:var(--holo-radial-spot), var(--holo-checker-tile);-webkit-mask-size:100% 100%, var(--holo-checker-size,16px) var(--holo-checker-size,16px);-webkit-mask-composite:source-in;-webkit-mask-position:0 0,0 0;-webkit-mask-repeat:no-repeat,repeat;-webkit-mask-image:var(--holo-radial-spot), var(--holo-checker-tile);mask-image:var(--holo-radial-spot), var(--holo-checker-tile);-webkit-mask-size:100% 100%, var(--holo-checker-size,16px) var(--holo-checker-size,16px);mask-size:100% 100%, var(--holo-checker-size,16px) var(--holo-checker-size,16px);transition:opacity var(--holo-transition-ms,.28s) ease;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0;-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:alpha;mask-mode:alpha}.ticket-holo__layer--b{z-index:2}.ticket-holo__layer--c{z-index:3}.ticket-holo__layer--hue{animation:ticket-holo-hue-rotate var(--holo-hue-dur,8s) linear infinite}@media (prefers-reduced-motion:reduce){.ticket-holo__layer--hue{animation:none}}@keyframes ticket-holo-hue-rotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.ticket-content__foreground{z-index:4;flex-direction:column;gap:1.5rem;display:flex;position:relative}@font-face{font-family:DepartureMono;src:url(/movie-ticket/assets/DepartureMono-Regular-DAby07De.otf)format("opentype")}.ticket{width:320px;height:480px;transform-style:preserve-3d;--ticket-scale:1;--ticket-rotate-x:0deg;--ticket-tilt-y:0deg;transform:scale3d(var(--ticket-scale), var(--ticket-scale), var(--ticket-scale)) rotateY(var(--ticket-tilt-y)) rotateX(var(--ticket-rotate-x));transition-property:transform,box-shadow;transition-duration:.5s;transition-timing-function:ease;position:relative;box-shadow:0 1px 5px #0009}@media (hover:hover) and (pointer:fine){.ticket:hover{transition-duration:.15s;box-shadow:0 5px 20px 5px #0004}}.ticket .glow{z-index:9;pointer-events:none;background-image:radial-gradient(circle at 50% -20%,#fff2,#0000000f);width:100%;height:100%;position:absolute;top:0;left:0}.ticket.flipped{transform:scale3d(var(--ticket-scale), var(--ticket-scale), var(--ticket-scale)) rotateY(calc(180deg + var(--ticket-tilt-y))) rotateX(var(--ticket-rotate-x))}.ticket-face{z-index:1;backface-visibility:hidden;background-color:#fff;place-items:center;font-family:DepartureMono,monospace;display:grid;position:absolute;inset:0;overflow:hidden}.ticket-back{transform:rotateY(180deg)}.movie-poster{width:calc(100% - 8px);height:calc(100% - 8px)}.ticket-content{background:#fff0;flex-direction:column;width:100%;padding:1.5rem 1rem;display:flex;position:absolute;bottom:0}.details-header{flex-direction:column;gap:.25rem;display:flex}.details-row{flex-direction:row;gap:1rem;display:flex}.details-item{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.ticket h2{margin:0;font-family:"Source Serif 4",serif;font-size:1.25rem;font-weight:500}.ticket h3{margin:0;font-size:1.25rem}.ticket p{margin:0;font-size:.875rem}.ticket label{font-size:11px}.theater-name{text-transform:uppercase}.qr-container{flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;top:2rem}.qr-code{width:8rem;height:8rem}.qr-string{color:#fff;background-color:#000;font-size:14px}.ticket-app{perspective:1500px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.ticket-app-chrome{z-index:200;top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));flex-direction:row;align-items:center;gap:.5rem;display:flex;position:fixed}.ticket-chrome-btn{box-sizing:border-box;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#8a8a8a,#1f1f1f);border:1px solid #bcbcbc;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:outline-color .25s ease-out,transform .12s ease-out;display:inline-flex;position:relative;overflow:hidden;transform:scale(1)}.ticket-chrome-btn:before{content:"";z-index:0;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(#adadad,#1f1f1f);transition:opacity .25s ease-out;position:absolute;inset:0}.ticket-chrome-btn:hover:before{opacity:1}.ticket-chrome-btn:active{transform:scale(.96)}.ticket-chrome-btn__icon{z-index:1;color:#fff;text-shadow:0 1px 1px #00000040;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:1.5rem;line-height:1;position:relative}.ticket-chrome-btn:focus-visible{outline-offset:2px;outline:2px solid #1f1f1f}html[data-theme=dark] .ticket-chrome-btn{color:#fff;background:linear-gradient(#aeaeae,#373737);border-color:#bcbcbc}html[data-theme=dark] .ticket-chrome-btn:before{background:linear-gradient(#cacaca,#373737)}html[data-theme=dark] .ticket-chrome-btn:focus-visible{outline-color:#cacaca}.text-container{text-align:center;text-wrap:balance;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){.text-container{max-width:264px}}.text-container h1{letter-spacing:-1%;color:#0e0e0e;margin:0;font-family:"Source Serif 4",serif;font-size:1.5rem;font-weight:500}.text-container p,.text-container a,.text-container a:visited{color:#606060;margin:0;font-family:"Source Serif 4",serif;font-size:1rem;font-weight:400}html[data-theme=dark] .text-container h1{color:#f8f8f8}html[data-theme=dark] .text-container p,html[data-theme=dark] .text-container a,html[data-theme=dark] .text-container a:visited{color:#aeaeae}.ticket-canvas{--ticket-grid-gap:clamp(.375rem, 2vw, .75rem);--tg-pad-inline:calc(max(.5rem, env(safe-area-inset-left)) + max(.5rem, env(safe-area-inset-right)));--tg-pad-block:calc(max(.5rem, env(safe-area-inset-top)) + max(.5rem, env(safe-area-inset-bottom)));--w-available:calc(100vw - var(--tg-pad-inline) - 2 * var(--ticket-grid-gap));--h-available:calc(100dvh - var(--tg-pad-block) - 2 * var(--ticket-grid-gap));--ticket-canvas-scale:min(1, min(calc(var(--w-available) / 960px), calc(var(--h-available) / 1440px)));touch-action:none;width:100%;min-height:0;padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));flex:1;position:relative;overflow:hidden}.ticket-canvas-item{width:calc(320px * var(--ticket-canvas-scale));height:calc(480px * var(--ticket-canvas-scale));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;box-sizing:border-box;transform:rotate(var(--r,0deg)) scale(var(--s,1));transform-origin:50%;z-index:var(--z,0);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .12s ease-out;display:flex;position:absolute;top:0;left:0}.ticket-canvas-item.is-pressed{--s:1.1;transition:transform .12s ease-out}.ticket-canvas-item.is-dragging{cursor:grabbing;transition:none}.ticket-canvas-item:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #231f20}.ticket-canvas-scale{transform-origin:50%;width:320px;height:480px;transform:scale(var(--ticket-canvas-scale));pointer-events:none;flex-shrink:0;display:block}.ticket-modal{z-index:1000;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));perspective:1500px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ticket-modal.is-pointer-guard{pointer-events:none}.ticket-modal-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;position:absolute;inset:0}.ticket-modal-content{z-index:1;max-width:100%;max-height:100%;position:relative}@media (hover:none){.ticket-modal .ticket:hover{transition-duration:.5s;box-shadow:0 1px 5px #0009}}