#akye-arrival{font-family:system-ui,sans-serif;color:#f6ecda;background:#201b16;border-radius:20px;overflow:hidden;padding:20px;text-align:center}
#akye-arrival h2{font-family:Georgia,serif;font-weight:400;margin:4px 0 8px;color:#ffd36e}
#akye-arrival .tagline{margin:0;color:#d4c5b0;font-size:14px}
#akye-arrival .stage{position:relative;height:490px;perspective:1000px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#81552e42,transparent 65%)}
#akye-arrival .beam{position:absolute;top:-20px;bottom:60px;left:20%;width:60%;background:linear-gradient(#ffd36e00,#ffd36e1f,#ffd36e00);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(12px);opacity:0}
#akye-arrival .board{position:absolute;left:50%;top:140px;width:280px;height:280px;margin-left:-140px;transform-style:preserve-3d;transform:translateY(0) rotateX(0) rotateY(0) rotateZ(0)}
#akye-arrival .face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #d7a553;border-radius:4px}
#akye-arrival .front{transform:translateZ(12px);background:#724427;overflow:hidden}
#akye-arrival .front img{width:100%;height:100%;display:block}
#akye-arrival .back{transform:rotateY(180deg) translateZ(12px);display:grid;place-content:center;gap:15px;color:#cfa461;background:repeating-linear-gradient(4deg,#452614 0px,#5a321b 5px,#492714 9px,#673d22 14px);box-shadow:inset 0 0 0 18px #3b2018,inset 0 0 0 20px #b7894b;font-family:Georgia,serif;letter-spacing:4px}
#akye-arrival .edge{background:repeating-linear-gradient(0deg,#58331d 0 4px,#8b5730 4px 7px);border-radius:0}
#akye-arrival .left{width:24px;transform-origin:left;transform:translateZ(12px) rotateY(90deg)}
#akye-arrival .right{left:auto;width:24px;transform-origin:right;transform:translateZ(12px) rotateY(-90deg)}
#akye-arrival .top-edge{height:24px;transform-origin:top;transform:translateZ(12px) rotateX(-90deg)}
#akye-arrival .bottom{top:auto;height:24px;transform-origin:bottom;transform:translateZ(12px) rotateX(90deg)}
#akye-arrival .shadow{position:absolute;left:50%;top:390px;width:290px;height:35px;border-radius:50%;background:#0009;filter:blur(14px);transform:translateX(-50%)}
#akye-arrival .halo{position:absolute;left:50%;top:377px;width:300px;height:50px;border:2px solid #ffd36e88;border-radius:50%;opacity:0;transform:translateX(-50%)}
#akye-arrival .running .board{animation:akye-descent 6.8s cubic-bezier(.25,.55,.3,1) both}
#akye-arrival .running .beam{animation:akye-light 6.8s both}
#akye-arrival .running .shadow{animation:akye-shadow 6.8s both}
#akye-arrival .running .halo{animation:akye-landing 6.8s both}
@keyframes akye-descent{
0%{opacity:0;transform:translateY(-360px) scale(.4) rotateX(65deg) rotateY(-60deg) rotateZ(-25deg)}
10%{opacity:1;transform:translateY(-230px) scale(.55) rotateX(80deg) rotateY(0deg) rotateZ(0deg)}
28%{transform:translateY(-120px) scale(.7) rotateX(180deg) rotateY(160deg) rotateZ(80deg)}
48%{transform:translateY(-40px) scale(.83) rotateX(340deg) rotateY(330deg) rotateZ(180deg)}
67%{transform:translateY(-20px) scale(.92) rotateX(520deg) rotateY(530deg) rotateZ(285deg)}
84%{transform:translateY(-10px) scale(1) rotateX(700deg) rotateY(710deg) rotateZ(355deg)}
92%{transform:translateY(10px) scale(1) rotateX(720deg) rotateY(720deg) rotateZ(360deg)}
97%{transform:translateY(-5px) scale(1) rotateX(720deg) rotateY(720deg) rotateZ(360deg)}
100%{opacity:1;transform:translateY(0) scale(1) rotateX(720deg) rotateY(720deg) rotateZ(360deg)}}
@keyframes akye-light{0%{opacity:0}15%,65%{opacity:1}100%{opacity:.12}}
@keyframes akye-shadow{0%{opacity:0;transform:translateX(-50%) scale(.2)}60%{opacity:.35;transform:translateX(-50%) scale(.6)}92%,100%{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes akye-landing{0%,88%{opacity:0;transform:translateX(-50%) scale(.7)}93%{opacity:.8;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(1.6)}}
#akye-arrival .controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
#akye-arrival button{font:inherit;padding:12px 18px;min-height:44px;border-radius:9px;border:1px solid #ffd36e60;background:#33251a;color:#f6ecda}
#akye-arrival button:first-child{background:#ffd36e;color:#211e19}
#akye-arrival button:focus-visible{outline:3px solid #f6ecda;outline-offset:3px}
#akye-arrival .status{margin:14px 0 0;min-height:22px;font-size:13px;color:#d4c5b0}
@media(max-width:420px){#akye-arrival{padding:14px}#akye-arrival .stage{height:420px}#akye-arrival .board{width:230px;height:230px;margin-left:-115px;top:130px}#akye-arrival .shadow{top:340px;width:240px}#akye-arrival .halo{top:327px;width:250px}}
@media(prefers-reduced-motion:reduce){#akye-arrival .running .board,#akye-arrival .running .shadow,#akye-arrival .running .beam,#akye-arrival .running .halo{animation:none}#akye-arrival .beam{opacity:.15}}


#akye-arrival .stage{height:510px}
#akye-arrival .surface{position:absolute;left:50%;top:165px;width:360px;height:330px;margin-left:-180px;border-radius:18px;background:repeating-linear-gradient(0deg,#3b2b20 0 6px,#443025 6px 10px);border:1px solid #936c42;transform:rotateX(60deg);box-shadow:0 20px 30px #0008;transition:opacity .8s}
#akye-arrival .board{top:165px;transform:rotateX(60deg);transition:transform 1.1s ease,top 1.1s ease;transform-origin:50% 50%}
#akye-arrival .running .board{animation:akye-corner-descent 7.5s linear both}
#akye-arrival .running .beam{animation:akye-light 7.5s both}
#akye-arrival .running .halo{animation:akye-landing 7.5s both}
#akye-arrival .play-mode .board{transform:rotateX(0deg);top:140px}
#akye-arrival .play-mode .surface{opacity:0}
#akye-arrival .shadow{top:353px}
#akye-arrival .halo{top:350px}
@keyframes akye-corner-descent{
0%{opacity:0;transform:translateY(-360px) scale(.45) rotateX(70deg) rotateY(-90deg) rotateZ(-25deg);transform-origin:50% 50%}
12%{opacity:1;transform:translateY(-225px) scale(.6) rotateX(120deg) rotateY(0deg) rotateZ(20deg)}
34%{transform:translateY(-110px) scale(.82) rotateX(260deg) rotateY(180deg) rotateZ(100deg)}
54%{transform:translateY(-40px) scale(1) rotateX(420deg) rotateY(360deg) rotateZ(360deg);transform-origin:50% 50%}
60%{transform:translateY(-20px) rotateX(420deg) rotateY(360deg) rotateZ(360deg);transform-origin:0% 100%}
69%{transform:translateY(-20px) rotateX(440deg) rotateY(360deg) rotateZ(490deg);transform-origin:0% 100%}
79%{transform:translateY(-20px) rotateX(440deg) rotateY(360deg) rotateZ(670deg);transform-origin:0% 100%}
86%{transform:translateY(-20px) rotateX(440deg) rotateY(360deg) rotateZ(720deg);transform-origin:0% 100%}
95%{transform:translateY(0) rotateX(420deg) rotateY(360deg) rotateZ(720deg);transform-origin:0% 100%}
100%{opacity:1;transform:rotateX(420deg) rotateY(360deg) rotateZ(720deg);transform-origin:50% 50%}}
#akye-arrival .coins{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}
#akye-arrival .coins i{position:absolute;width:14%;height:14%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff0b8,#d5a33b 60%,#805016);border:3px double #ffdc82;box-shadow:0 3px 8px #0008;top:42.5%}
#akye-arrival .coins i:nth-child(1){left:5.5%}#akye-arrival .coins i:nth-child(2){left:42.8%}#akye-arrival .coins i:nth-child(3){left:80.4%}
#akye-arrival .line{position:absolute;left:12%;right:12%;top:49%;height:4px;background:#fff0b8;box-shadow:0 0 15px #ffd36e;opacity:0;transition:opacity .2s}
#akye-arrival .connected .coins,#akye-arrival .connected .line{opacity:1}
#akye-arrival .win-label{position:absolute;left:0;right:0;bottom:5px;color:#ffd36e;font-family:Georgia,serif;font-size:23px;opacity:0}
#akye-arrival .winning .win-label{opacity:1;animation:akye-win-pop .5s ease both}
@keyframes akye-win-pop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}
#akye-arrival .audio-controls{margin-top:10px}
#akye-arrival .audio-controls button{background:#33251a;color:#f6ecda}
#akye-arrival .volume{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:13px}
#akye-arrival .volume input{width:130px;accent-color:#ffd36e}
@media(max-width:420px){#akye-arrival .stage{height:440px}#akye-arrival .surface{width:280px;height:280px;margin-left:-140px;top:150px}#akye-arrival .board{top:150px}#akye-arrival .shadow,#akye-arrival .halo{top:320px}}
@media(prefers-reduced-motion:reduce){#akye-arrival .running .board{animation:none}#akye-arrival .board{transition:none}}


#akye-arrival .board{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;opacity:1!important}
#akye-arrival .face,#akye-arrival .front img{backface-visibility:hidden;-webkit-backface-visibility:hidden}
#akye-arrival .back{background:repeating-linear-gradient(3deg,#422515 0 2px,#5d3721 2px 5px,#4b2c1a 5px 9px,#694027 9px 13px);box-shadow:inset 0 0 0 12px #392216,inset 0 0 0 14px #775236;letter-spacing:0}
#akye-arrival .back span{display:none}
#akye-arrival .back:before,#akye-arrival .back:after{content:"";position:absolute;left:10%;right:10%;height:15px;background:linear-gradient(#3a2115,#7a4b2b,#301b12);border-radius:3px;box-shadow:0 5px 8px #0006}
#akye-arrival .back:before{top:14%}#akye-arrival .back:after{bottom:14%}
#akye-arrival .running .board{animation:akye-upright-descent 7.5s linear both}
@keyframes akye-upright-descent{
0%{transform:translateY(-370px) scale(.45) rotateY(-70deg);transform-origin:50% 50%}
12%{transform:translateY(-215px) scale(.65) rotateY(0deg)}
30%{transform:translateY(-130px) scale(.78) rotateY(180deg)}
38%{transform:translateY(-110px) scale(.84) rotateY(180deg)}
55%{transform:translateY(-50px) scale(.96) rotateY(360deg);transform-origin:50% 50%}
62%{transform:translateY(-20px) rotateY(360deg);transform-origin:0% 100%}
72%{transform:translateY(-20px) rotateY(535deg);transform-origin:0% 100%}
84%{transform:translateY(-20px) rotateY(720deg);transform-origin:0% 100%}
90%{transform:translateY(0) rotateX(35deg) rotateY(720deg);transform-origin:0% 100%}
96%{transform:rotateX(60deg) rotateY(720deg);transform-origin:0% 100%}
100%{transform:rotateX(60deg) rotateY(720deg);transform-origin:50% 50%}}
@media(prefers-reduced-motion:reduce){#akye-arrival .running .board{animation:none}}

#akye-arrival{position:fixed;inset:0;z-index:100;background:#201b16;display:grid;place-items:center;overflow:auto;padding:18px}
#akye-arrival .arrival-panel{width:min(650px,100%);text-align:center}
#akye-arrival .stage{width:100%}
#akye-arrival .board{will-change:transform}
#akye-arrival .arrival-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#akye-arrival .skip-arrival{margin-top:8px}
@media(max-height:650px){#akye-arrival .stage{height:350px}#akye-arrival .board{width:210px;height:210px;margin-left:-105px;top:100px}#akye-arrival .surface{width:270px;height:240px;margin-left:-135px;top:100px}#akye-arrival .shadow,#akye-arrival .halo{top:260px}}

#akye-arrival .welcome-brief{max-width:540px;margin:24px auto 28px;text-align:left;background:#302319;border:1px solid #9b7445;border-radius:18px;padding:24px}
#akye-arrival .welcome-brief h3{color:#ffd36e;margin:0 0 14px;font-family:Georgia,serif;font-size:23px;font-weight:400}
#akye-arrival .welcome-brief p{font-size:16px;line-height:1.65;margin:0 0 16px;color:#e4d5c0}
#akye-arrival .welcome-brief .welcome-signature{margin-bottom:0;color:#ffd36e}
@media(max-width:420px){#akye-arrival .welcome-brief{padding:20px;margin:16px auto 20px}#akye-arrival .welcome-brief p{font-size:15px}}