.passview{position:fixed;inset:0;z-index:100;display:flex;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));background:var(--navy-deep);color:#fff}.passview[hidden]{display:none}.pv-inner{width:100%;max-width:384px;margin:auto}.pv-head{display:flex;align-items:center;gap:12px}.pv-title{flex:1;font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.15}.passview[data-mode=new] .pvt-show,.passview[data-mode=show] .pvt-new{display:none}.pv-close{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff}.pv-close svg{width:20px;height:20px}.pv-sub{margin:4px 0 18px;color:#fffc}.pv-tip{margin-top:16px;text-align:center;font-size:.9rem;color:#ffffffb8}.pv-actions{display:grid;gap:10px;margin-top:16px}.pv-done{justify-self:center;color:#fff}.pass{--notch: var(--navy-deep);position:relative;background:#fff;color:var(--navy);border-radius:var(--r-pass);box-shadow:0 28px 60px -24px #000000b3}.pass.is-new{animation:pass-in .62s var(--ease) both;transform-origin:50% 0}@keyframes pass-in{0%{opacity:0;transform:translateY(-28px) rotate(-2deg)}to{opacity:1;transform:none}}.pass-top{position:relative;padding:34px 22px 18px;text-align:center}.pass-slot{position:absolute;top:12px;left:50%;width:54px;height:9px;margin-left:-27px;border-radius:5px;background:var(--notch)}.pass-logo{height:70px;width:auto;margin:0 auto 12px}.pass-kind{font-family:var(--font-display);font-size:1.32rem;line-height:1.2}.pass-event{margin-top:2px;font-size:.92rem;color:var(--text-2)}.pass-day{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:14px 22px 16px;background:var(--day);color:var(--day-ink)}.pass-wd{font-family:var(--font-display);font-size:2.05rem;line-height:1.05}.pass-date{grid-column:1;font-weight:600;font-size:.98rem}.pass-tag{grid-column:2;grid-row:1 / span 2;padding:5px 10px;border:1.5px solid currentColor;border-radius:5px;font-size:.84rem;font-weight:600;white-space:nowrap}.pass-body{padding:18px 22px 16px}.pass-k{font-size:.86rem;color:var(--text-3)}.pass-name{font-size:1.6rem;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.pass-rows{margin-top:14px;border-top:1px solid var(--line)}.pass-rows div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.94rem;line-height:1.4}.pass-rows dt{color:var(--text-3)}.pass-rows dd{font-weight:500;overflow-wrap:anywhere}.pass-ok{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:600;font-size:.95rem;color:var(--ok)}.pass-ok svg{width:20px;height:20px;stroke-width:2.5;flex-shrink:0}.pass-time{margin-left:auto;font-weight:400;color:var(--text-3);font-variant-numeric:tabular-nums}.pass-stub{position:relative;padding:20px 30px 18px;border-top:2px dashed var(--line-strong);text-align:center}.pass-stub:before,.pass-stub:after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--notch)}.pass-stub:before{left:-12px}.pass-stub:after{right:-12px}.pass-stub .barcode{display:block;width:100%;height:62px;color:var(--navy)}.pass-code{margin-top:8px;padding-left:.32em;font-size:1.2rem;font-weight:600;letter-spacing:.32em;font-variant-numeric:tabular-nums}.pass.is-expired .pass-day{background:#7d8a9a;color:#fff}.pass.is-expired .barcode{color:#9aa6b4}html[lang=th] .pass-wd{font-size:1.8rem}.ticket{display:grid;grid-template-columns:74px 1fr;border:1px solid var(--line);border-radius:var(--r-box);background:#fff;overflow:hidden}.ticket-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:16px 6px 14px;background:var(--day);color:var(--day-ink);text-align:center;line-height:1.1}.tk-wd,.tk-mo{font-size:.82rem;font-weight:600}.tk-num{font-family:var(--font-display);font-size:2rem;line-height:1}.ticket.is-expired .ticket-day{background:var(--well);color:var(--text-3)}.ticket-main{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 16px 16px}.tk-name{font-weight:600;font-size:1.08rem;overflow-wrap:anywhere}.tk-date{font-size:.9rem;color:var(--text-2)}.tk-status{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:.9rem;font-weight:500;color:var(--text-3)}.tk-status svg{width:18px;height:18px;margin-top:2px;stroke-width:2.5;flex-shrink:0}.ticket.is-valid .tk-status{color:var(--ok);font-weight:600}.ticket.is-pending .tk-status{color:var(--wait);font-weight:600}.tk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.tk-actions .btn{min-height:44px;padding:8px 16px;font-size:.95rem}