/* Approved original single-panel concept v1, e0e9dabbd76aa0e06930858687e0e7d3abe37914. */
.arl-arrival{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#8C52FF;color:#21182d;isolation:isolate;font-family:'Instrument Sans',sans-serif}
.arl-arrival[hidden],.arl-arrival:not([open]){display:none!important}
.arl-arrival::backdrop{background:#8C52FF}
#arl-arrival{--purple:#8C52FF;--lime:#C0FF72;--yellow:#FFB321;--ink:#21182d;--paper:#fffdf5}
#arl-arrival *{box-sizing:border-box}
#arl-arrival body{margin:0;background:var(--paper);color:var(--ink);font-family:'Instrument Sans',sans-serif}
#arl-arrival header{max-width:1180px;margin:auto;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
#arl-arrival .brand{font-size:32px;font-weight:700;letter-spacing:-1.6px;color:var(--purple)}
#arl-arrival .brand i{font-style:normal;color:var(--lime);text-shadow:1px 1px var(--ink)}
#arl-arrival .tag{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;background:#eee6ff;border:1px solid var(--ink);padding:8px 12px;border-radius:30px}
#arl-arrival main{max-width:1180px;margin:auto;padding:12px 28px 40px}
#arl-arrival .intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}
#arl-arrival .eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin:0 0 12px}
#arl-arrival h1{font-family:Bangers,sans-serif;font-weight:400;font-size:clamp(36px,5vw,60px);letter-spacing:1px;margin:0;line-height:1}
#arl-arrival .intro p{font-size:14px;line-height:1.6;max-width:310px;margin:0}
#arl-arrival .stage{height:min(560px,65vh);min-height:380px;position:relative;border:3px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:#efe8fc}
#arl-arrival .preview{height:100%;display:grid;place-items:center;text-align:center;padding:32px;background:radial-gradient(circle at 80% 20%,#e3ccff,transparent 45%),var(--paper)}
#arl-arrival .preview h2{font:400 clamp(35px,6vw,70px)/1.05 Bangers,sans-serif;max-width:700px;margin:18px auto}
#arl-arrival .pill{border:2px solid var(--ink);background:var(--lime);padding:10px 16px;border-radius:30px;font-size:12px;font-weight:700}
#arl-arrival .preview p{font-size:14px}
#arl-arrival .loader{position:absolute;inset:0;background:var(--purple);display:grid;place-items:center;overflow:hidden;transition:transform .5s cubic-bezier(.77,0,.18,1);z-index:2}
#arl-arrival .loader:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#321c55 1.3px,transparent 1.3px);background-size:12px 12px;opacity:.2}
#arl-arrival .loader.done{transform:translateY(-105%)}
#arl-arrival .panel{width:min(590px,84%);position:relative;padding:58px 24px 42px;background:var(--paper);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);transform:rotate(-2deg);text-align:center;border-radius:8px}
#arl-arrival .panel .brand{font-size:clamp(58px,10vw,102px);letter-spacing:-5px;line-height:1}
#arl-arrival .panel .brand i{text-shadow:2px 2px var(--ink)}
#arl-arrival .caption{font-family:Bangers,sans-serif;font-size:clamp(24px,4vw,35px);letter-spacing:1px;margin:24px 0 0}
#arl-arrival .bubble{position:absolute;font-family:Bangers,sans-serif;letter-spacing:1px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 22px;border-radius:50%;background:var(--lime);font-size:25px;left:-22px;top:-28px;transform:rotate(-10deg)}
#arl-arrival .burst{position:absolute;right:-27px;top:-29px;background:var(--yellow);width:95px;height:95px;display:grid;place-items:center;clip-path:polygon(50% 0,60% 17%,80% 6%,82% 29%,100% 34%,84% 50%,100% 70%,76% 73%,75% 95%,54% 83%,39% 100%,30% 79%,7% 87%,16% 63%,0 53%,19% 41%,5% 21%,31% 24%,35% 0);font:26px Bangers,sans-serif;transform:rotate(12deg)}
#arl-arrival .dots{display:flex;justify-content:center;gap:12px;margin:24px 0 0}
#arl-arrival .dots b{display:block;width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}
#arl-arrival .dots b:nth-child(2){background:var(--lime)}
#arl-arrival .dots b:nth-child(3){background:var(--purple)}
#arl-arrival .animate .panel{animation:arl-comic-pop .6s cubic-bezier(.2,.9,.2,1.3) both}
#arl-arrival .animate .bubble{animation:arl-comic-bubble .4s .4s both}
#arl-arrival .animate .burst{animation:arl-comic-bubble .4s .7s both}
#arl-arrival .animate .dots b{animation:arl-comic-hop .55s 3 alternate}
#arl-arrival .animate .dots b:nth-child(2){animation-delay:.12s}
#arl-arrival .animate .dots b:nth-child(3){animation-delay:.24s}
#arl-arrival .speed{position:absolute;width:70px;height:4px;background:var(--ink);left:5%;top:30%;transform:rotate(-12deg);box-shadow:-15px 15px 0 var(--ink),8px 30px 0 var(--ink);opacity:.5}
#arl-arrival .speed.right{left:auto;right:5%;top:68%;transform:rotate(-12deg)}
#arl-arrival .controls{margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#arl-arrival .buttons{display:flex;gap:10px;flex-wrap:wrap}
#arl-arrival button{font:700 14px 'Instrument Sans',sans-serif;border:2px solid var(--ink);padding:12px 18px;cursor:pointer;border-radius:8px;color:var(--ink);background:var(--lime);box-shadow:3px 3px var(--ink)}
#arl-arrival button.secondary{background:var(--paper)}
#arl-arrival button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
#arl-arrival button:hover{transform:translateY(-2px)}
#arl-arrival .status{font-size:13px;line-height:1.6;text-align:right}
#arl-arrival .note{border-top:1px solid #d6cde2;margin-top:28px;padding-top:18px;font-size:12px;line-height:1.7;color:#655c70}
#arl-arrival .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes arl-comic-pop{from{opacity:0;transform:scale(.8) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}
@keyframes arl-comic-bubble{from{opacity:0;scale:.2}to{opacity:1;scale:1}}
@keyframes arl-comic-hop{to{transform:translateY(-8px)}}
#arl-arrival .still *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#arl-arrival *,#arl-arrival *:before{animation:none!important;transition:none!important}
}
@media(max-width:600px){#arl-arrival header{padding:20px}
#arl-arrival .tag{font-size:9px;padding:7px 9px}
#arl-arrival main{padding:8px 20px 30px}
#arl-arrival .intro{display:block}
#arl-arrival .intro p{margin-top:16px;max-width:none}
#arl-arrival .stage{height:440px}
#arl-arrival .panel{padding:52px 15px 35px}
#arl-arrival .bubble{left:-9px;font-size:20px}
#arl-arrival .burst{right:-12px;width:75px;height:75px;font-size:22px}
#arl-arrival .controls{align-items:start;flex-direction:column}
#arl-arrival .status{text-align:left}
#arl-arrival .speed{display:none}
#arl-arrival .panel .brand{letter-spacing:-3px}
}

#arl-arrival .arl-arrival-top{position:absolute;top:max(16px,env(safe-area-inset-top));left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:4}
#arl-arrival .arl-arrival-top .brand{color:#fffdf5}
#arl-arrival #arl-arrival-skip{min-height:44px}
#arl-arrival .arl-arrival-caption{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:5%;right:5%;text-align:center;font-size:12px;color:#fffdf5;z-index:4}
#arl-arrival .panel{max-width:calc(100% - 44px)}
@media(max-width:390px){#arl-arrival .panel{width:82%;padding:48px 12px 30px}#arl-arrival .panel .brand{font-size:58px}#arl-arrival .caption{font-size:23px}#arl-arrival .bubble{font-size:18px;padding:10px 15px}#arl-arrival .burst{width:64px;height:64px;font-size:21px}}
@media(max-height:480px){#arl-arrival .panel{padding:26px 18px 18px;width:min(500px,72%)}#arl-arrival .panel .brand{font-size:58px}#arl-arrival .caption{font-size:22px;margin-top:12px}#arl-arrival .dots{margin-top:12px}#arl-arrival .bubble{font-size:18px;top:-24px;padding:9px 15px}#arl-arrival .burst{width:64px;height:64px;font-size:21px;top:-22px}#arl-arrival .arl-arrival-top{top:8px}#arl-arrival .arl-arrival-top .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){.arl-arrival{display:none!important}.arl-arrival *{animation:none!important;transition:none!important}}