.arrival{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#102f27;color:#f6f2dc;isolation:isolate}.arrival[hidden]{display:none}.arrival:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#09281ded,#113d30d9),url('assets/gate-nailong.jpg') center/cover;animation:arrival-bg 5s ease-out both}.arrival:after{content:"";position:absolute;inset:18px;border:1px solid #d5c37438;pointer-events:none}.arrival-orbit{position:absolute;width:650px;height:650px;right:-180px;top:-190px;border:1px solid #e7ce7733;border-radius:50%;z-index:-1}.arrival-orbit:before,.arrival-orbit:after{content:"";position:absolute;inset:40px;border:1px solid #e7ce771c;border-radius:50%}.arrival-orbit:after{inset:80px}.arrival-skip{position:absolute;right:42px;top:35px;color:#d6ddce;font-size:11px;letter-spacing:2px;padding:12px 0;z-index:3}.arrival-skip:hover{color:#f2cf64}.arrival-body{width:min(1080px,84%);display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;position:relative;padding:65px 0 90px}.arrival-copy{position:relative;z-index:2;animation:arrival-up .9s .15s both}.arrival-kicker{font:9px Arial,sans-serif;letter-spacing:3px;color:#d6c48d;display:flex;gap:14px;align-items:center}.arrival-kicker:before{content:"";height:1px;width:34px;background:#d6c48d}.arrival h2{font-family:"STSong","SimSun",serif;letter-spacing:5px;line-height:1.55;font-size:43px;font-weight:400;margin:26px 0 23px}.arrival h2 span{display:block;color:#f2cf64;font-size:38px;letter-spacing:3px;white-space:nowrap}.arrival-greeting{font-size:12px;color:#bccdbb;letter-spacing:2px;margin-bottom:16px;line-height:1.8}.arrival-number{display:flex;align-items:baseline;gap:13px;margin:0 0 17px}.arrival-number>span{font-size:13px;color:#cad5c2;letter-spacing:2px}.arrival-number strong{font:68px Georgia,serif;line-height:1.1;letter-spacing:4px;color:#f2cf64;font-variant-numeric:tabular-nums;text-shadow:0 0 32px #f2cf6420}.arrival-caption{font-size:11px;color:#a6baa3;margin:0 0 26px;line-height:2;letter-spacing:1px}.arrival-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.arrival-enter{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#f2cf64;color:#123e32;padding:15px 24px;min-height:48px;font-size:12px;font-weight:bold}.arrival-enter:hover{background:#ffe28f}.arrival-retry{font-size:11px;color:#e1d3a2;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.arrival-retry[hidden]{display:none}.arrival-timer{font-size:10px;color:#b6c5ad;letter-spacing:1px}.arrival-mascot{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px;animation:arrival-up 1.1s .3s both}.arrival-mascot:before{content:"";position:absolute;left:5%;right:5%;top:10%;bottom:8%;background:radial-gradient(ellipse,#e7c95d24,transparent 67%);border:1px solid #d5c37426;border-radius:50%;transform:rotate(-15deg)}.arrival-mascot img{width:auto;max-height:min(65vh,540px);position:relative;z-index:1;filter:drop-shadow(15px 20px 25px #0003);animation:arrival-breathe 4s ease-in-out 1.5s infinite}.arrival-stamp{position:absolute;right:0;bottom:32px;z-index:2;border:1px solid #ddc87570;color:#e5d59e;background:#143e32d9;padding:11px 15px;transform:rotate(-8deg);font:15px "KaiTi",serif;letter-spacing:3px}.arrival-foot{position:absolute;bottom:36px;left:8%;right:8%;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#92ab91;line-height:1.8;letter-spacing:1px}.arrival-foot>span:last-child{font:9px Arial,sans-serif;letter-spacing:3px}.arrival-leaving{pointer-events:none;animation:arrival-out .7s cubic-bezier(.76,0,.24,1) forwards}.arrival-ready .arrival-number{animation:arrival-number .65s ease-out}.arrival-replay{color:#c5b36f!important;font-size:10px;white-space:nowrap}.arrival-replay:hover{text-decoration:underline}.arrival:focus{outline:none}@keyframes arrival-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes arrival-bg{from{transform:scale(1.1)}to{transform:scale(1.04)}}@keyframes arrival-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes arrival-number{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes arrival-out{to{transform:translateY(-100%);opacity:.2}}@media(max-width:720px){.arrival-body{width:84%;grid-template-columns:1fr;gap:0;padding:19vh 0 85px;height:100%;align-content:start}.arrival-skip{right:30px;top:22px;font-size:10px}.arrival-kicker{font-size:7px;letter-spacing:2px}.arrival h2{font-size:27px;letter-spacing:3px;margin:16px 0 13px}.arrival h2 span{font-size:24px;letter-spacing:1px}.arrival-copy{z-index:2}.arrival-greeting{font-size:10px;letter-spacing:1px;margin-bottom:9px}.arrival-number{gap:10px;margin-bottom:9px}.arrival-number strong{font-size:49px;letter-spacing:3px}.arrival-number>span{font-size:11px;letter-spacing:1px}.arrival-caption{font-size:10px;margin-bottom:18px;max-width:230px}.arrival-enter{min-height:44px;padding:12px 20px;font-size:11px}.arrival-timer{font-size:9px}.arrival-mascot{position:absolute;right:-9%;bottom:14%;height:33%;min-height:0;width:50%;z-index:0;opacity:.75}.arrival-mascot img{height:100%;max-height:none;max-width:100%;object-fit:contain}.arrival-mascot:before{display:none}.arrival-stamp{font-size:10px;letter-spacing:1px;right:10%;bottom:-10px;padding:8px 11px}.arrival-foot{left:8%;right:8%;bottom:31px;font-size:8px;display:block;max-width:75%}.arrival-foot>span:last-child{display:block;font-size:7px;margin-top:9px;letter-spacing:2px}.arrival-orbit{width:400px;height:400px;right:-190px;top:-180px}.arrival-actions{max-width:220px;gap:9px}}@media(max-height:630px){.arrival-body{padding-top:65px;align-content:center}.arrival h2{font-size:26px;margin:14px 0}.arrival h2 span{font-size:25px}.arrival-mascot img{max-height:65vh}.arrival-number strong{font-size:46px}.arrival-foot{bottom:25px}.arrival-caption{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.arrival,.arrival *,.arrival:before{animation:none!important}.arrival-leaving{opacity:0}}
