.pass-screen{z-index:40;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(env(safe-area-inset-bottom,0px) + 10px);background:var(--pass-wall);color:#fff;-webkit-user-select:none;user-select:none;grid-template:"top""."minmax(0,1fr)"hero""action""rail""note"/minmax(0,1fr);gap:10px;line-height:1.3;transition:background-color .32s ease-out;display:grid;position:fixed;inset:0;overflow:hidden}.pass-screen>:not(.pass-slot){z-index:1;min-width:0;position:relative}.pass-slot{--free:calc(100dvh - 396px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));position:absolute;inset:0;overflow:hidden}.pass-slot[data-turnable]{touch-action:none;cursor:grab}.pass-slot[data-turnable]:active{cursor:grabbing}.pass-video{left:50%;top:calc(env(safe-area-inset-top,0px) + 68px + var(--free) * .5 - var(--free) * 1.32 * .375);width:auto;height:calc(var(--free) * 1.32);aspect-ratio:4/5;background:var(--pass-wall);pointer-events:none;-webkit-mask-composite:source-in;animation:.34s ease-out pass-reveal;position:absolute;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 9% 72%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 9% 72%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes pass-reveal{0%{opacity:0}}.pass-flash{background:radial-gradient(circle at 50% 36%, #fff, var(--pass-light) 22%, transparent 62%);opacity:0;pointer-events:none;animation:.9s ease-out pass-flash;position:absolute;inset:0}@keyframes pass-flash{0%{opacity:0}18%{opacity:.95}to{opacity:0}}.pass-top{pointer-events:none;grid-area:top;align-items:center;gap:10px;display:flex}.pass-top>*{pointer-events:auto}.pass-title{min-width:0;margin-right:auto}.pass-title h1{letter-spacing:0;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 8px #00000080;margin:0;font-size:clamp(.8125rem,4vw,1.0625rem);font-weight:900;line-height:1.15}.pass-title p{color:#ffffffb8;margin:2px 0 0;font-size:.8125rem}.pass-points{--cut:9px;box-sizing:border-box;color:#fff;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;min-height:40px;padding:0 13px 0 10px;font-size:1rem;font-weight:900;display:inline-flex}.pass-points svg{color:var(--pass-light)}.pass-icon-btn{--cut:10px;width:44px;height:44px;color:var(--pass-light);cursor:pointer;flex:none;place-items:center;padding:0;font-size:1.625rem;line-height:1;display:grid}.pass-icon-btn:hover{filter:brightness(1.15)}.pass-icon-btn:focus-visible{--rim:#fff;outline:0}.pass-hero{text-align:center;pointer-events:none;grid-area:hero;justify-items:center;gap:4px;display:grid}.pass-hero h2{letter-spacing:-.01em;text-shadow:0 3px 14px #000000a6;align-items:center;gap:8px;margin:2px 0 0;font-size:1.75rem;font-weight:900;line-height:1.1;display:flex}.pass-hero p{color:#fffc;text-shadow:0 1px 6px #0009;max-width:34ch;margin:0;font-size:.9375rem}.pass-kicker{background:var(--foil);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);min-height:24px;color:var(--foil-ink);letter-spacing:.03em;text-transform:uppercase;align-items:center;padding:0 14px;font-size:.75rem;font-weight:900;display:inline-flex}.pass-hero .gacha-cap-icon{color:#ffd34d;--gacha-cap-core:#fff8e6}.pass-action{grid-area:action;gap:10px;display:grid}.pass-progress{gap:5px;display:grid}.pass-progress-line{justify-content:space-between;align-items:baseline;gap:12px;font-size:.875rem;display:flex}.pass-progress-line b{font-weight:900}.pass-progress-line small{color:#ffffffb8;font-size:.8125rem}.pass-cta{width:100%}.pass-guest{color:#fffc;text-align:center;margin:0;font-size:.9375rem}.pass-rail-box{grid-area:rail;align-items:center;gap:8px;margin:0 -16px;display:flex}.pass-rail{scrollbar-width:none;overscroll-behavior-x:contain;flex:1;gap:8px;min-width:0;margin:0;padding:8px 16px 6px;list-style:none;display:flex;overflow-x:auto}.pass-rail::-webkit-scrollbar{display:none}.pass-rail:focus-visible{outline-offset:-2px;outline:2px solid #fff}.pass-rail li{flex:0 0 76px}.pass-rail-arrow{display:none}.pass-tile{--cut:11px;--rim:#fff3;--plate-face:linear-gradient(#171a23, #0a0c12);box-sizing:border-box;color:#fff;cursor:pointer;touch-action:manipulation;align-content:center;justify-items:center;gap:2px;width:100%;height:92px;padding:10px 4px 6px;transition:transform .14s ease-out;display:grid}.pass-tile[data-state=ready]{--rim:var(--foil);--plate-face:linear-gradient(color-mix(in srgb, var(--pass-light) 22%, #0a0c12), #0a0c12 78%)}.pass-tile[data-state=locked]{color:#fff9}.pass-tile[data-state=claimed]{--plate-face:linear-gradient(#222733, #141820)}.pass-tile[aria-pressed=true]{--rim:#fff;transform:translateY(-3px)}.pass-tile:focus-visible{--rim:#fff;outline:0}.pass-tile b{font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:900}.pass-tile-level{box-sizing:border-box;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);color:#fff;font-variant-numeric:tabular-nums;background:#fff3;place-items:center;min-width:24px;height:20px;padding:0 4px;font-size:.6875rem;font-weight:900;line-height:1;display:grid;position:absolute;top:5px;left:7px}.pass-tile[data-state=ready] .pass-tile-level{background:var(--foil);color:var(--foil-ink)}.pass-tile-reward{color:#ffd34d;place-items:center;height:30px;display:grid}.pass-tile[data-kind=shards] .pass-tile-reward{color:#5fd6ff}.pass-tile[data-kind=rings] .pass-tile-reward{color:#d7e3ff}.pass-tile[data-state=locked] .pass-tile-reward{filter:saturate(.55)brightness(.8)}.pass-tile-can{filter:drop-shadow(0 2px 4px #0009);width:auto;height:38px;position:absolute;bottom:5px;left:5px}.pass-tile-state{color:#ffffffb3;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:5px;right:6px}.pass-tile[data-state=claimed] .pass-tile-state{color:var(--pass-light)}.pass-note{color:#ffffff94;text-align:center;grid-area:note;margin:0;font-size:.75rem;line-height:1.35}@media (max-height:700px){.pass-screen{gap:6px}.pass-slot{--free:calc(100dvh - 330px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.pass-hero p,.pass-note{display:none}.pass-hero h2{font-size:1.375rem}}@media (max-height:520px) and (orientation:landscape){.pass-screen{padding-inline:calc(env(safe-area-inset-left,0px) + 16px) calc(env(safe-area-inset-right,0px) + 16px);grid-template:"top top"".hero"minmax(0,1fr)".action""rail rail"/minmax(0,1fr) minmax(0,1fr);gap:4px 16px}.pass-slot{--free:calc(100dvh - 130px)}.pass-video{left:25%;top:calc(52px + var(--free) * .5 - var(--free) * 1.32 * .375)}.pass-hero{text-align:left;align-content:end;justify-items:start}.pass-rail li{flex-basis:64px}.pass-tile{height:68px;padding-top:8px}}@media (min-width:960px) and (min-height:620px){.pass-screen{grid-template:"top top""hero action"". ."minmax(0,1fr)"rail rail""note note"/minmax(0,1fr) minmax(0,1fr);gap:14px 40vw;padding:24px 40px 16px}.pass-slot{--free:calc(100dvh - 210px)}.pass-video{top:calc(36px + var(--free) * .5 - var(--free) * 1.42 * .375);height:calc(var(--free) * 1.42)}.pass-title h1{font-size:1.5rem}.pass-title p{font-size:.875rem}.pass-points{min-height:44px;padding:0 16px 0 12px;font-size:1.125rem}.pass-hero{text-align:left;align-content:start;justify-items:start;gap:8px;margin-top:24px}.pass-hero h2{font-size:2.75rem}.pass-hero p{font-size:1rem}.pass-action{align-self:start;margin-top:24px}.pass-rail-box{margin:0}.pass-rail{gap:6px;padding-inline:2px}.pass-rail li{flex:1 0 72px}.pass-rail-arrow{display:grid}.pass-tile{height:100px}.pass-note{text-align:left}}@media (prefers-reduced-motion:reduce){.pass-video,.pass-flash{animation:none}.pass-screen,.pass-tile{transition:none}}