.intro-overlay{z-index:9999;background:#f5efe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-stage{flex-direction:column;justify-content:center;align-items:center;width:min(560px,92vw);display:flex;position:relative}@keyframes intro-compass-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes intro-compass-spin{to{transform:rotate(360deg)}}@keyframes intro-compass-dim{to{opacity:.18}}.intro-compass-wrap{justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.intro-compass{opacity:0;width:100%;height:100%;animation:.9s ease-out forwards intro-compass-in}.intro-compass-inner{transform-origin:50%;width:100%;height:100%;animation:18s linear infinite intro-compass-spin}.intro-compass.dim{animation:.6s ease-out forwards intro-compass-dim}@keyframes intro-pin-in{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes intro-pins-out{to{opacity:0}}.intro-pins{pointer-events:none;position:absolute;inset:0}.intro-pins.fading{animation:.5s ease-out forwards intro-pins-out}.intro-pin{opacity:0;background:#d4897a;border-radius:50%;width:14px;height:14px;animation:.4s ease-out forwards intro-pin-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 2px 6px #1c1b224d}@keyframes intro-pass-fall{0%{opacity:0;transform:translate(-50%,-120vh)rotate(-14deg)scale(.95)}18%{opacity:1}45%{transform:translate(calc(24px - 50%),-30vh)rotate(10deg)scale(1)}70%{transform:translate(calc(-50% - 16px),-6vh)rotate(-6deg)scale(1)}86%{transform:translate(-50%,6px)rotate(-3deg)scale(1)}94%{transform:translate(-50%,-3px)rotate(-2.2deg)scale(1)}to{opacity:1;transform:translate(-50%)rotate(-2deg)scale(1)}}.intro-pass-wrap{opacity:0;z-index:3;width:min(520px,92vw);animation:1.4s cubic-bezier(.33,1,.68,1) forwards intro-pass-fall;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-pass{background:#fff;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #1c1b2240,0 6px 16px #1c1b221a}.intro-pass-row{display:flex;position:relative}.intro-pass-left{border-right:2px dashed #d4897a;flex:65%;padding:22px 22px 18px;position:relative}.intro-pass-right{flex-direction:column;flex:35%;align-items:flex-start;gap:12px;padding:22px 18px 18px;display:flex;position:relative}.intro-notch{z-index:2;background:#f5efe6;border-radius:50%;width:20px;height:20px;position:absolute;left:65%;transform:translate(-50%)}.intro-notch.top{top:-10px}.intro-notch.bottom{bottom:-10px}.intro-label{letter-spacing:.2em;text-transform:uppercase;color:#1c1b22;opacity:.55;font-size:9px;font-weight:600}.intro-name{letter-spacing:.02em;color:#1c1b22;text-transform:uppercase;margin-top:4px;font-size:clamp(18px,3.6vw,24px);font-weight:800}.intro-divider{opacity:.15;background:#1c1b22;height:1px;margin:12px 0 10px}.intro-row{flex-direction:column;gap:8px;display:flex}.intro-field-label{letter-spacing:.22em;text-transform:uppercase;color:#1c1b22;opacity:.5;font-size:8px;font-weight:600}.intro-field-value{letter-spacing:.12em;text-transform:uppercase;color:#1c1b22;margin-top:2px;font-size:11px;font-weight:700}.intro-seat{color:#1c1b22;letter-spacing:.05em;font-size:26px;font-weight:800}.intro-class-value{letter-spacing:.1em;text-transform:uppercase;color:#1c1b22;font-size:10px;font-weight:700;line-height:1.3}.intro-mini-compass{opacity:.75;width:32px;height:32px;margin-top:auto}.intro-barcode{background:#fff;border-top:1px solid #1c1b2214;align-items:center;gap:10px;padding:10px 22px 12px;display:flex}.intro-barcode-lines{flex:1;align-items:stretch;gap:2px;height:24px;display:flex}.intro-barcode-lines span{background:#1c1b22;display:block}.intro-barcode-code{letter-spacing:.2em;color:#1c1b22;opacity:.7;font-size:9px;font-weight:700}@keyframes intro-btn-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes intro-btn-pulse{0%,to{box-shadow:0 0 #1c1b2259}50%{box-shadow:0 0 0 14px #1c1b2200}}.intro-btn-wrap{opacity:0;animation:.5s ease-out forwards intro-btn-in;position:absolute;bottom:8vh;left:50%;transform:translate(-50%,20px)}.intro-btn{color:#f5efe6;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#1c1b22;border:none;border-radius:999px;padding:16px 32px;font-size:12px;font-weight:800;animation:2.2s ease-out infinite intro-btn-pulse}.intro-btn:hover{background:#2a2932}@keyframes intro-bg-out{to{opacity:0}}.intro-overlay.exiting{pointer-events:none;animation:.5s ease-out forwards intro-bg-out}@media(max-width:520px){.intro-compass-wrap{width:240px;height:240px}.intro-name{font-size:18px}.intro-seat{font-size:22px}.intro-pass-left{padding:16px 14px 12px}.intro-pass-right{padding:16px 12px 12px}.intro-btn-wrap{bottom:6vh}}