*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0b0c0d;color:#eeeee8;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #eab592;outline-offset:5px}a{color:inherit}button{border:1px solid #ffffff30;background:#ffffff08;border-radius:99px;padding:12px 22px;transition:background .25s,transform .25s}button:hover{background:#ffffff15}.mono{font:10px/1.6 ui-monospace,monospace;letter-spacing:.12em}.muted{color:#ffffff80}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px}h1,h2,h3,p{margin-top:0}dialog{color:#eee;background:#17191b;border:1px solid #ffffff38;border-radius:24px;padding:28px;width:min(520px,calc(100vw - 32px));max-height:85svh}dialog::backdrop{background:#000a;backdrop-filter:blur(12px)}dialog h2{font-size:24px;margin-right:34px}dialog p{font-size:14px;line-height:1.9;color:#c6c9c8}dialog input,dialog textarea,dialog select{width:100%;padding:12px;border-radius:10px;border:1px solid #ffffff30;background:#ffffff08;color:#fff;margin:8px 0 18px}dialog form{margin:0}dialog .close{position:absolute;right:16px;top:16px;padding:5px 12px}dialog output{display:block;white-space:pre-line;line-height:1.9;font-size:14px}.reveal{animation:arrive .9s both;animation-delay:var(--delay,0s)}@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}
.cylinder{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#020303;user-select:none}.cylinder header{position:absolute;inset:25px 30px auto;display:flex;justify-content:space-between;align-items:center;z-index:100;color:#aaa}.cylinder header button{font-size:10px;padding:8px 18px}.volume{position:absolute;inset:0;perspective:1250px;transform-style:preserve-3d;cursor:grab;touch-action:pan-x;outline-offset:-12px!important}.volume:active{cursor:grabbing}.pass{position:absolute;top:50%;left:50%;width:336px;height:211px;transform-style:preserve-3d;will-change:transform;pointer-events:none}.edge{position:absolute;inset:0;border-radius:16px;background:#74716a;border:1px solid #ccc5;backface-visibility:visible}.face{position:absolute;inset:0;overflow:hidden;border:1px solid #ffffff38;border-radius:16px;backface-visibility:hidden;box-shadow:inset 0 1px 2px #fff6,0 15px 45px #0006;background:#0a0f19;isolation:isolate}.face.front{transform:translateZ(1px)}.face.back{transform:rotateX(180deg) translateZ(8px);background:#131b27}.card-art{position:absolute;inset:-40%;z-index:-1;background:repeating-conic-gradient(from 30deg at 30% 90%,hsla(var(--hue),65%,45%,.0) 0deg,hsla(calc(var(--hue) + 30),65%,55%,.5) 7deg,hsla(calc(var(--hue) - 25),80%,20%,.8) 12deg),radial-gradient(ellipse at 10% 0,hsla(var(--hue),65%,45%,.6),transparent 60%),#080e1d;filter:blur(7px);animation:card-flow 14s ease-in-out infinite alternate}.pass:nth-child(2) .card-art{background:radial-gradient(ellipse at 10% 20%,#d4853eaa,transparent 50%),repeating-linear-gradient(20deg,#43284a90 0px,#96714955 12px,#0c1122 36px)}.pass:nth-child(3) .card-art{background:radial-gradient(ellipse at 10% 60%,#cfdfdc99,transparent 55%),repeating-conic-gradient(from -25deg at 80% 80%,#171b31 0deg,#b4b1c24a 10deg,#8a90ac 22deg)}.pass:nth-child(4) .card-art{background:radial-gradient(ellipse at 80% 20%,#2266bcb0,transparent 60%),linear-gradient(130deg,#b8e4e680,#08182c 45%,#6598a990)}.pass:nth-child(5) .card-art{background:radial-gradient(ellipse at 20% 40%,#9a7d4599,transparent 55%),repeating-linear-gradient(80deg,#263831 0px,#b0b4a260 20px,#121b17 42px)}.pass-name{position:absolute;right:22px;top:22px;font:italic 21px Georgia,serif;letter-spacing:-.04em}.chip{position:absolute;left:25px;top:80px;width:37px;height:29px}.pass-number{position:absolute;bottom:29px;left:26px;font:11px ui-monospace,monospace;letter-spacing:.15em;color:#f3f1e1}.pass-circles{position:absolute;bottom:22px;right:22px;font-size:30px;letter-spacing:-.5em;opacity:.6;margin-right:15px}.stripe{position:absolute;top:34px;left:0;right:0;height:36px;background:#030405d9}.back>span{position:absolute;left:25px;top:90px;font:9px monospace;letter-spacing:.1em}.back>strong{position:absolute;left:25px;top:117px;font-size:13px;font-weight:400}.back>small{position:absolute;left:25px;bottom:25px;font-size:8px;color:#ddd}.cylinder footer{position:absolute;inset:auto 30px 25px;display:flex;justify-content:space-between;align-items:center;z-index:100;color:#999}.cylinder footer>div{display:flex;align-items:center;gap:20px}.cylinder footer button{padding:8px 14px}@keyframes card-flow{to{transform:translate(8%,4%) rotate(20deg) scale(1.1)}}@media(max-width:600px){.cylinder{min-height:600px}.cylinder header{inset:22px 18px auto}.cylinder header .mono{font-size:8px}.cylinder footer{inset:auto 18px 22px}.cylinder footer>.mono{font-size:7px;max-width:150px}.cylinder footer>div{gap:10px}.cylinder footer button{padding:7px 12px}.pass{width:285px;height:179px}.pass-name{font-size:19px}.chip{top:65px;width:32px}.pass-number{font-size:9px;bottom:24px}.back>span{top:84px}.back>strong{font-size:11px;top:108px}.back>small{bottom:18px}}

/* This product uses local system fonts; it makes no font service requests. */