/* Maritime navigation tokens, chest construction and a short seabed arrival. */
.product-rail{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:10px 12px!important;gap:9px!important;overflow-y:hidden}
.product-rail::before{content:"";position:absolute;left:12px;right:12px;top:50%;height:5px;z-index:-1;background:repeating-linear-gradient(115deg,#665638 0 3px,#b29764 3px 5px,#433d2d 5px 7px);border-radius:50%;opacity:.75}
.product-rail .product-tab{position:relative;flex:0 0 42px;width:42px!important;height:44px!important;border:0!important;border-radius:43% 48% 39% 46%!important;background:radial-gradient(ellipse at 37% 20%,#b49561,#766344 45%,#3b392e 90%)!important;color:#fff0c9!important;box-shadow:inset 0 0 0 2px #c2aa6a55,inset 0 -4px 4px #201e20a0,0 4px 7px #00121bbb!important;font-size:13px!important;text-shadow:0 1px 3px #000;transform:rotate(-5deg);transition:transform .25s,filter .25s}
.product-rail .product-tab:nth-child(2n){border-radius:49% 39% 48% 35%!important;transform:rotate(5deg)}
.product-rail .product-tab.active{transform:translateY(-4px) rotate(0)!important;filter:brightness(1.35);box-shadow:inset 0 0 0 2px #e1cb8c,0 0 13px #d5bd6440!important}
.product-rail .product-tab:hover{transform:translateY(-3px) rotate(0)!important}
.product-rail .product-tab.is-sealed{background:radial-gradient(ellipse at 35% 20%,#7b5141,#482f2a 75%)!important;opacity:1;border:1px dashed #d0ad7888!important}
.product-rail .product-tab:focus-visible{outline:2px solid #f5deaa;outline-offset:3px}
.chest-inner-lid{position:absolute;left:2%;top:8%;width:96%;height:39%;object-fit:fill;z-index:1;pointer-events:none;opacity:0;transform:scaleY(.05);transform-origin:50% 100%;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .18s .12s}
.treasure-scene.is-open .chest-inner-lid{opacity:1;transform:scaleY(1)}
.treasure-scene.is-open .treasure-lid{opacity:0!important;transform:rotateX(-90deg)!important;transition:transform .3s,opacity .2s!important}
.treasure-hit::before{content:"";position:absolute;left:4%;right:4%;top:39%;height:17%;border-radius:50%;background:radial-gradient(ellipse,#02090b 40%,#2c291b 73%,#9d7b45 78%,transparent 82%);z-index:2;opacity:0;transition:opacity .3s}
.treasure-scene.is-open .treasure-hit::before{opacity:1}
.scene-treasure .treasure-hit{animation:none!important}
.treasure-scene::before{content:"";position:absolute;left:-30%;right:-30%;bottom:12%;height:15%;background:radial-gradient(ellipse,#807d5550,#5b75622b 45%,transparent 72%);transform:perspective(350px) rotateX(25deg);pointer-events:none}
.scene-treasure::before{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:38%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 5%,#78908066,transparent 65%),linear-gradient(#233b3d,#293c37 50%,#071d27);mask-image:linear-gradient(transparent,#000 26%)}
.treasure-scene::after{content:"";position:absolute;left:-15%;right:-15%;bottom:14%;height:23%;background:radial-gradient(ellipse at 30% 65%,#b5ae765e,transparent 48%),radial-gradient(ellipse at 70% 65%,#9eae8655,transparent 45%);pointer-events:none;opacity:0;z-index:10}
.arrival-running{overflow:hidden!important}
.arrival-running .experience-sticky{animation:camera-descend 1.45s cubic-bezier(.16,.6,.25,1) both}
.arrival-running .treasure-scene{animation:chest-arrive 2.6s both}
.arrival-running .treasure-scene::after{animation:sand-impact 1s 1.65s both}
.arrival-running .treasure-actions{opacity:0;pointer-events:none}
.arrival-veil{position:fixed;inset:0;z-index:190;pointer-events:none;background:linear-gradient(#062836,#03141ee8);animation:dive-reveal 1.5s both}
.arrival-skip{position:fixed;right:20px;bottom:20px;z-index:200;border:1px solid #d1bb8360;border-radius:20px;background:#05202de6;color:#eee0ba;padding:12px 18px;font:14px 'Special Elite',serif;cursor:pointer}
.arrival-caption{position:fixed;z-index:195;left:50%;top:35%;transform:translateX(-50%);text-align:center;color:#e2d3a6;font:clamp(22px,4vw,42px) Georgia,serif;letter-spacing:.08em;pointer-events:none;animation:dive-caption 1.6s both}
@keyframes camera-descend{from{transform:scale(1.22) translateY(9%);filter:brightness(1.5)}to{transform:scale(1) translateY(0);filter:brightness(1)}}
@keyframes chest-arrive{0%,35%{transform:translateY(-110vh) rotate(-7deg)}64%{transform:translateY(-8%) rotate(2deg)}70%{transform:translateY(2%) scaleY(.97)}79%{transform:translateY(-1%) rotate(-.4deg)}100%{transform:none}}
@keyframes sand-impact{0%{opacity:0;transform:scale(.5)}18%{opacity:.9}100%{opacity:0;transform:scale(1.8) translateY(-12%)}}
@keyframes dive-reveal{0%,25%{opacity:1}100%{opacity:0}}
@keyframes dive-caption{0%{opacity:0}25%,55%{opacity:1}100%{opacity:0}}
@media(max-width:700px){.product-rail{gap:7px!important;max-width:calc(100vw - 28px)!important}.product-rail .product-tab{flex-basis:38px;width:38px!important;height:42px!important}.arrival-skip{bottom:12px;right:12px}.chest-inner-lid{top:8%}}
@media(prefers-reduced-motion:reduce){.arrival-running .experience-sticky,.arrival-running .treasure-scene,.arrival-running .treasure-scene::after{animation:none!important}.chest-inner-lid{transition:none}.product-rail .product-tab{transition:none}}

