@font-face{font-family:DepthCinzel;src:url('../fonts/Cinzel-Regular-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:DepthCinzel;src:url('../fonts/Cinzel-Regular-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02FF,U+0300-036F,U+1E00-1EFF}
@font-face{font-family:DepthSans;src:url('../fonts/Montserrat-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#061525;--ocean:#103858;--teal:#18c9cb;--cyan:#61f3ee;--violet:#624c9b;--pearl:#e9f7f4;--silver:#a8c5d0;--line:rgba(168,197,208,.22);--serif:DepthCinzel,Georgia,serif;--sans:DepthSans,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--pearl);font:14px/1.8 var(--sans);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.3}img{max-width:100%;display:block}button{border:0;background:none}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}h1,h2,h3,p{margin:0}h2{font:400 clamp(34px,4.3vw,70px)/1.18 var(--serif);letter-spacing:-.025em}h2 em,h3 em{font-style:normal;color:#a7dfdf}h3{font:400 32px/1.25 var(--serif)}p{color:var(--silver)}::selection{background:#1e6876;color:white}.eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:.25em;color:#b4e7e9;text-transform:uppercase}.diamond{width:6px;height:6px;transform:rotate(45deg);display:inline-block;border:1px solid var(--cyan);margin:0 10px 1px 0}.button{min-height:52px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.14em;position:relative;transition:background .3s,color .3s,border-color .3s,transform .3s}.button span{font-size:18px;font-weight:400;line-height:1}.button-primary{color:#092434;background:#d2edeb;border:1px solid #d2edeb}.button-primary:hover{background:#fff;transform:translateY(-3px)}.button-line{border:1px solid #86c2cb77;background:#0b253840}.button-line:hover{background:#1b4a5b80;border-color:#b1eeee}.text-link{display:inline-flex;gap:34px;align-items:center;font-size:11px;letter-spacing:.09em;border-bottom:1px solid var(--line);padding:15px 0}.text-link:hover{color:var(--cyan)}.icon-button{width:44px;height:44px;display:grid;place-items:center;font-size:26px;border:1px solid var(--line);border-radius:50%;transition:background .3s}.icon-button:hover{background:#61f3ee19}.arrow-button{width:54px;height:44px;border:1px solid var(--line);font-size:24px;line-height:1;transition:background .2s}.arrow-button:hover:not(:disabled){background:#61f3ee16;border-color:#61f3ee80}.folio{font:12px/1.5 var(--sans);color:var(--silver);letter-spacing:.18em}.folio strong{font-size:21px;color:var(--pearl);font-weight:400}.skip-link{position:fixed;top:8px;left:8px;z-index:300;transform:translateY(-160%);background:var(--pearl);color:var(--ink);padding:12px}.skip-link:focus{transform:none}
.depth-header{position:fixed;inset:0 0 auto;z-index:40;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #badce316;background:linear-gradient(#030f1dda,#0615257a);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand>img{object-fit:contain}.brand>span{font:11px/1.45 var(--serif);letter-spacing:.14em}.brand>span>span{display:block;font-size:15px;letter-spacing:.07em}.depth-header nav{display:flex;gap:30px}.depth-header nav a{font-size:10px;letter-spacing:.07em;color:#c0d6dd;padding:30px 0;position:relative}.depth-header nav a:hover,.depth-header nav a[aria-current]{color:#fff}.depth-header nav a[aria-current]::after{content:'';position:absolute;inset:auto 0 15px;height:1px;background:#94e5e5}.header-return{font-size:10px;letter-spacing:.12em;border:1px solid #c6e6e02b;padding:9px 17px}.header-return span{margin-left:18px}.menu-toggle{display:none}.chapter-nav{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:19px}.chapter-nav a{width:24px;height:24px;position:relative;display:grid;place-items:center}.chapter-nav a::before{content:'';width:4px;height:4px;background:#91b1c0;border-radius:50%;transition:all .4s}.chapter-nav a[aria-current]::before{width:7px;height:7px;background:#b8eeee;box-shadow:0 0 0 6px #61f3ee0a,0 0 0 7px #61f3ee40}.chapter-nav a span{position:absolute;right:32px;font-size:8px;letter-spacing:.1em;opacity:0;transition:opacity .3s}.chapter-nav a:hover span,.chapter-nav a[aria-current] span{opacity:1}
.hero{height:100svh;min-height:760px;max-height:1400px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041320eb 0%,#041320ad 33%,#071e3426 65%),linear-gradient(0deg,#061525 0%,transparent 28%,#06152522 80%);pointer-events:none}.hero-world{position:absolute;inset:-4%;z-index:-3;background:url('../image/backgrounds/skin_adatlap_bg/skinb_melyviz.webp') center/cover;opacity:.7;transform:translate3d(calc(var(--mouse-x,0)*-7px),calc(var(--mouse-y,0)*-5px),0) scale(1.04);animation:world-breathe 22s ease-in-out infinite alternate}.rays{pointer-events:none;position:absolute;inset:0;z-index:-2;background:conic-gradient(from 152deg at 60% -10%,transparent 0deg,#74fbf421 5deg,transparent 9deg,#8cffff13 15deg,transparent 20deg,#a9ffff20 25deg,transparent 28deg,#72f5ff15 35deg,transparent 40deg);mix-blend-mode:screen;transform-origin:60% 0;animation:ray-drift 18s ease-in-out infinite alternate}.hero-character{position:absolute;width:min(77vw,1280px);height:105%;object-fit:contain;right:-2%;bottom:-9%;z-index:0;transform:translate3d(calc(var(--mouse-x,0)*14px),calc(var(--mouse-y,0)*8px),0);filter:drop-shadow(0 15px 55px #0a415999);animation:character-arrival 1.8s ease both}.hero-content{position:relative;z-index:2;margin:90px 0 80px 8.3%;max-width:740px;width:51%}.hero-content>.eyebrow{font-size:9px;margin-bottom:29px}.hero h1{font:400 clamp(66px,7.7vw,148px)/.92 var(--serif);letter-spacing:.075em;color:#e6f5ed;text-shadow:0 3px 32px #001b33;max-width:700px}.hero h1>span{display:block;font-size:1.36em;letter-spacing:.09em;margin-top:12px;background:linear-gradient(135deg,#e1f6e9 10%,#a2d7da 40%,#e7f8f0 60%,#81a8c3);background-clip:text;-webkit-text-fill-color:transparent}.title-rule{display:flex;align-items:center;gap:15px;width:80%;margin:24px 0 20px;color:#a6d5dd}.title-rule::before,.title-rule::after{content:'';height:1px;background:linear-gradient(90deg,transparent,#a5cedb77);flex:1}.title-rule::after{transform:rotate(180deg)}.title-rule span{font-size:12px}.hero-subtitle{font:400 clamp(11px,1.07vw,18px)/1.5 var(--serif);letter-spacing:.2em;color:#d4e6e8}.hero-intro{font-size:12px;line-height:2.1;margin-top:22px;color:#bdd2da}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-actions .button{font-size:9px;gap:18px;padding:15px 20px}.hero-orbit{width:50vw;height:50vw;border:1px solid #bcf0e629;position:absolute;left:47%;top:50%;transform:translateY(-50%);border-radius:50%;z-index:-1}.hero-orbit::before,.hero-orbit::after{content:'';position:absolute;border-radius:50%;inset:14px;border:1px dashed #bcf0e618}.hero-orbit::after{inset:-25px;border-style:solid}.hero-orbit span{width:9px;height:9px;background:#e7fbf2;box-shadow:0 0 20px #b5ffff;position:absolute;left:18%;top:11%;transform:rotate(45deg)}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:3}.coordinates{font:8px/2 var(--sans);letter-spacing:.2em;color:#87aebc}.coordinates b{display:block;font-size:8px;font-weight:400;color:#b9d9df}.scroll-invite{font-size:8px;letter-spacing:.16em;display:flex;align-items:center;gap:13px}.scroll-invite>span{height:33px;width:19px;border:1px solid #a8c5d070;border-radius:12px;position:relative}.scroll-invite>span::after{content:'';width:2px;height:7px;background:#cfefee;position:absolute;left:8px;top:6px;animation:scroll-drop 2.5s ease infinite}.motion-toggle{font-size:8px;letter-spacing:.05em;color:#b5cbd5;display:flex;align-items:center;gap:9px;min-height:44px}.motion-toggle>span{font-size:12px;border:1px solid var(--line);width:28px;height:28px;display:grid;place-items:center;border-radius:50%}.hero-caption{position:absolute;right:10%;bottom:15%;font:15px var(--serif);letter-spacing:.2em;writing-mode:vertical-rl;color:#c4e2e4}.hero-caption>span{font:7px var(--sans);letter-spacing:.25em;margin-top:14px;color:#93b6c4}.entrance{animation:rise-in 1.2s both}.hero h1{animation-delay:.12s}.title-rule{animation-delay:.22s}.hero-subtitle{animation-delay:.32s}.hero-intro{animation-delay:.42s}.hero-actions{animation-delay:.52s}.bubble-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.bubble{position:absolute;bottom:-25px;width:var(--size);height:var(--size);border:1px solid #b0eff330;background:#b0eff306;border-radius:50%;left:var(--left);animation:bubble-rise var(--duration) linear var(--delay) infinite;will-change:transform;opacity:0}
.descent{position:relative;isolation:isolate;padding-top:90px}.descent-scene{position:sticky;top:0;height:100svh;min-height:600px;margin-bottom:-100svh;z-index:-1;overflow:hidden;background:#061525}.descent-landscape{position:absolute;inset:0;background:url('../image/backgrounds/skin_adatlap_bg/skinb_melyviz.webp') 50% 50%/cover;opacity:.65;transform:scale(1.04) translateY(calc(var(--descent-progress,0)*-50px));transition:filter 1.4s,background-position 2s,opacity 1.4s}.descent-veil{position:absolute;inset:0;background:linear-gradient(90deg,#061525b0,#06152540 65%,#06152520),linear-gradient(#061525,transparent 25%,#061525 100%);transition:background 1.5s}.descent[data-depth="1"] .descent-landscape{filter:hue-rotate(15deg) saturate(.9);background-position:15% 90%}.descent[data-depth="2"] .descent-landscape{filter:saturate(.7) brightness(.65);background-position:90% 65%}.descent[data-depth="3"] .descent-landscape{filter:hue-rotate(30deg) saturate(.6) brightness(.35);opacity:.55}.descent-opening{padding:50px 8.3% 70px;text-align:center;min-height:360px}.descent-opening h2{margin:23px 0}.descent-opening>p:last-child{font-size:12px;line-height:2}.story-stops{position:relative;padding:0 17% 0 13%}.story-stop{max-width:450px;min-height:72svh;display:flex;flex-direction:column;justify-content:center;transition:opacity .8s,transform .8s}.story-stop:nth-child(even){margin-left:auto}.story-stop h3{font-size:clamp(28px,3.2vw,52px);margin:23px 0}.story-stop p{font-size:13px;line-height:2.2;color:#c0d7e1}.story-stop .text-link{align-self:flex-start;margin-top:20px}.depth-reading{font-size:9px;letter-spacing:.22em;color:#a5dbdf;display:flex;align-items:center;gap:18px}.depth-reading i{font-style:normal;font-size:12px;color:#d3e4e5}.depth-reading::before{content:'';width:50px;height:1px;background:#9ccdd0a1}.descent-progress{position:sticky;bottom:20%;width:55px;margin-left:5%;margin-top:-320px;padding-bottom:100px;height:320px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:7px;letter-spacing:.15em;color:#b5ced7}.descent-progress>div{height:150px;width:1px;background:#b5ced733;position:relative}.descent-progress i{position:absolute;top:0;left:-1px;width:3px;height:calc(var(--descent-progress,0)*100%);background:#a7eeee}.jelly{position:absolute;right:22%;top:40%;width:50px;height:36px;border-radius:50% 50% 10% 10%;border:1px solid #a7caff44;background:radial-gradient(at 50% 90%,#a3d7ff44,transparent 65%);animation:jelly-float 14s ease-in-out infinite}.jelly::after{content:'';position:absolute;top:100%;left:20%;width:60%;height:55px;border-left:1px solid #bdbaf045;border-right:1px solid #bdbaf045;transform:skew(-12deg);border-radius:0 0 50% 50%}.jelly-two{right:45%;top:70%;width:27px;height:20px;opacity:.5;animation-delay:-6s}
.showcase{padding:120px 0 55px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 50%,#103c53 0%,#061525 65%)}.section-top{padding:0 8.3%;position:relative;z-index:2}.section-top h2{font-size:clamp(30px,3vw,48px);margin:18px 0 10px}.section-top>p:last-child{font-size:11px;letter-spacing:.02em}.character-stage{position:relative;height:min(76vw,780px);min-height:600px;margin-top:10px;isolation:isolate;touch-action:pan-y}.stage-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 55%,var(--skin-glow,#40ddf4) 0%,transparent 62%);opacity:.09;transition:background 1s;z-index:-2}.stage-ring{position:absolute;width:550px;height:550px;right:15%;top:50%;transform:translateY(-50%);border:1px solid #a6ddda1f;border-radius:50%;z-index:-1}.stage-ring::after{content:'';position:absolute;inset:22px;border:1px solid #a6ddda0d;border-radius:50%}.stage-watermark{position:absolute;font:clamp(75px,13vw,240px)/1 var(--serif);letter-spacing:.02em;right:7%;top:12%;color:#b0d0e509;z-index:-1;max-width:90%;overflow:hidden;pointer-events:none}.character-visual{position:absolute;inset:0 0 0 27%;display:grid;place-items:center;pointer-events:none}.character-image{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transition:opacity .8s,transform 1.3s,clip-path 1.1s;filter:drop-shadow(0 20px 40px #0007);clip-path:inset(0);opacity:1;transform:scale(1)}.character-image.entering{opacity:0;transform:scale(1.035);clip-path:inset(0 0 12% 0)}.character-image.leaving{opacity:0;transform:scale(.98)}.character-stage.is-splash .character-visual{inset:0 6% 0 37%;mask-image:linear-gradient(90deg,transparent,#000 17%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%)}.character-stage.is-splash .character-image{object-fit:contain}.character-copy{position:absolute;left:8.3%;top:50%;transform:translateY(-50%);width:28%;max-width:420px;z-index:3}.character-copy.is-changing{animation:copy-reveal .65s ease both}.character-copy .tier{font-size:9px;letter-spacing:.2em;color:var(--skin-accent,#a9cdef);display:inline-block;border:1px solid #a8c5d02e;padding:5px 13px}.character-copy h3{font:400 clamp(32px,3.4vw,65px)/1.12 var(--serif);margin:21px 0 8px;overflow-wrap:anywhere}.skin-subtitle{font:400 17px/1.7 var(--serif);color:#b3dbe1}.skin-description{font-size:12px;line-height:2.1;margin-top:24px}.character-copy .text-link{margin-top:20px}.view-switch{position:absolute;right:10%;top:20px;display:flex;border:1px solid var(--line);z-index:3}.view-switch button{padding:9px 16px;font-size:9px;letter-spacing:.08em;background:#06152599;color:#a8c5d0}.view-switch button[aria-pressed="true"]{background:#afd6da22;color:#e9f7f4}.art-expand{position:absolute;right:10%;bottom:98px;z-index:4}.stage-controls{position:absolute;bottom:18px;left:8.3%;right:10%;display:flex;align-items:center;justify-content:space-between;z-index:4}.stage-controls>div{display:flex;gap:6px}.character-roster{display:flex;gap:12px;margin:0 10% 0 8.3%;padding:20px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#567e8b transparent;scroll-snap-type:x proximity}.roster-button{flex:0 0 73px;padding:5px 3px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#93acb9;scroll-snap-align:center;position:relative}.roster-button img{width:57px;height:57px;object-fit:cover;border-radius:50%;border:1px solid #92b9c22e;filter:saturate(.6);transition:filter .4s,border-color .4s,transform .4s}.roster-button span{font-size:8px;white-space:nowrap}.roster-button[aria-pressed="true"]{color:#dcf5ee}.roster-button[aria-pressed="true"] img{border-color:#bbf5eb;filter:none;transform:scale(1.06);box-shadow:0 0 0 4px #bbf5eb0c}.roster-button[aria-pressed="true"]::after{content:'';position:absolute;bottom:0;width:4px;height:4px;transform:rotate(45deg);background:#bbf5eb}.equipment-panel{margin:10px 10% 0 8.3%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.equipment-panel>summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;font-size:11px;gap:20px}.equipment-panel>summary::-webkit-details-marker{display:none}.equipment-panel>summary span{font-size:9px;color:#9ab7c5;display:flex;gap:25px;align-items:center}.equipment-panel[open]>summary b{transform:rotate(45deg)}#equipment-content{display:flex;gap:14px;padding:0 0 25px;overflow-x:auto}.equipment-item{flex:0 0 110px;padding:12px 9px;border:1px solid #a8c5d018;text-align:center}.equipment-item img{width:90px;height:90px;object-fit:contain}.equipment-item span{font-size:8px;color:#aecbd4;display:block;margin-top:10px}
.cards-section{padding:120px 0 90px;position:relative;background:radial-gradient(ellipse at 14% 35%,#1c2d50a0,transparent 45%),#050f1d}.collection-heading{text-align:center;padding:0 8%}.collection-heading h2{margin:20px 0}.collection-heading>p:last-child{font-size:12px}.pack-showcase{display:grid;grid-template-columns:1fr 1fr;gap:7%;max-width:1320px;margin:25px auto 70px;padding:0 6%;align-items:center}.pack-art{position:relative;display:grid;place-items:center;min-height:530px;isolation:isolate}.pack-art>img{height:490px;width:90%;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 30px 45px #000a);animation:pack-float 9s ease-in-out infinite}.pack-halo{position:absolute;width:380px;height:380px;border:1px solid #86d4e022;border-radius:50%;background:radial-gradient(#168ba322,transparent 68%);z-index:-1;box-shadow:0 0 0 22px #86d4e004,0 0 0 23px #86d4e015}.pack-halo::before{content:'✦';position:absolute;left:13%;top:12%;color:#bfe6e480}.pack-art-label{position:absolute;bottom:0;font-size:9px;letter-spacing:.3em;color:#94b8c7}.pack-art-label>i{font-style:normal;font-size:13px;margin:0 20px}.pack-copy h3{font-size:clamp(30px,3.2vw,49px);margin:20px 0}.pack-copy>p{font-size:12px;line-height:2;max-width:440px}.pack-product-switch{display:flex;gap:24px;margin-top:25px;border-bottom:1px solid var(--line)}.pack-product-switch>button{padding:10px 0;font-size:10px;color:#9bb9c8;border-bottom:1px solid transparent}.pack-product-switch>button[aria-pressed="true"]{color:#ddf2ef;border-color:#bbebdf}.product-info{display:flex;gap:30px;margin:20px 0 25px;font-size:11px}.product-info strong{display:block;font:26px/1.3 var(--serif);color:#d8eeec}.product-info small{font-size:8px;letter-spacing:.08em;color:#a3bbc7}.preview-note{display:block;color:#7f9ba9;font-size:9px;line-height:1.6;margin-top:15px}.card-catalogue{padding:30px 8.3% 0}.catalogue-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.catalogue-heading h3{margin-top:13px;font-size:28px}.card-filters{display:flex;gap:4px;flex-wrap:wrap}.card-filters button{padding:10px 11px;font-size:9px;color:#96b0bf;border:1px solid transparent}.card-filters button[aria-pressed="true"]{color:#dbefea;border-color:#a7d2d048;background:#aad7da0b}.catalogue-context{font-size:10px;margin:20px 0 0;min-height:36px;line-height:1.8}.card-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;max-width:1050px;gap:50px;margin:20px auto 25px;min-height:460px;perspective:1300px;touch-action:pan-y}.collectible{display:block;position:relative;aspect-ratio:2/3;width:100%;isolation:isolate;transform-style:preserve-3d;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .3s,filter .3s;padding:0;border-radius:12px;background:#0c1c2c;box-shadow:0 20px 38px #0008}.collectible::before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #d9c7a575;z-index:5;pointer-events:none}.collectible::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,transparent 20%,#82f3e42b 35%,#cfc0f22e 47%,#faf2b22e 55%,transparent 67%);background-size:250% 250%;background-position:var(--shine-x,0%) var(--shine-y,0%);opacity:0;z-index:4;mix-blend-mode:screen;pointer-events:none;transition:opacity .5s}.collectible:hover::after{opacity:1}.collectible:hover{filter:brightness(1.08)}.collectible .card-art{width:100%;height:100%;object-fit:cover;border-radius:12px;position:absolute;inset:0}.card-frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.card-token{position:absolute;width:19%;top:-3%;left:-4%;z-index:3}.card-nameplate{position:absolute;z-index:3;bottom:3%;left:8%;right:8%;text-align:center;padding:38px 0 10px;background:linear-gradient(transparent,#04101de6 60%);text-shadow:0 2px 4px #000}.card-nameplate>small{font-size:7px;letter-spacing:.24em;color:#d3d2c8}.card-nameplate>strong{display:block;font:400 15px/1.35 var(--serif);margin-top:4px;color:#f4f1e5}.card-nameplate>span{font-size:8px;color:#c5cfce;display:block;margin-top:5px}.card-gallery>.collectible:nth-child(1){scale:.9;rotate:-6deg}.card-gallery>.collectible:nth-child(3){scale:.9;rotate:6deg}.card-gallery>.collectible:nth-child(2){z-index:2}.card-gallery.is-changing{animation:cards-reveal .6s both}.gallery-footer{display:flex;justify-content:center;align-items:center;gap:27px}.gallery-footer .folio{min-width:110px;text-align:center;font-size:10px}.gallery-footer .arrow-button{width:48px}.empty-art{display:grid;place-items:center;min-height:200px;color:#a3bcc9}
.cosmetics{padding:120px 8.3% 100px;background:radial-gradient(ellipse at 50% 50%,#173b4b77,transparent 65%);border-top:1px solid #a8c5d00c}.cosmetics-heading{text-align:center}.cosmetics-heading h2{margin:20px 0}.cosmetics-heading>p:last-child{font-size:12px}.cosmetic-tabs{margin:45px auto 0;display:flex;justify-content:center;gap:30px;border-bottom:1px solid var(--line);max-width:900px}.cosmetic-tabs>button{padding:14px 0;font-size:10px;border-bottom:1px solid transparent;color:#9ab2c0;white-space:nowrap}.cosmetic-tabs>button[aria-pressed="true"]{color:#dff3ed;border-color:#abd8d5}.cosmetic-tabs span{font-size:8px;vertical-align:super;margin-left:5px;color:#8ca5b5}.cosmetic-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px;margin:55px auto 35px;max-width:1200px;min-height:250px}.cosmetic-item{position:relative;padding:20px 10px 16px;background:linear-gradient(#c0dbed03,#8db8cd0b);border:1px solid #9ebfc813;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:border-color .4s,transform .4s;min-width:0}.cosmetic-item::after{content:'⤢';position:absolute;top:6px;right:10px;font-size:17px;color:#b4d5d8;opacity:0;transition:opacity .3s}.cosmetic-item:hover{transform:translateY(-6px);border-color:#9be7e770}.cosmetic-item:hover::after{opacity:1}.cosmetic-item .cosmetic-image-wrap{width:130px;max-width:90%;aspect-ratio:1;position:relative;border-radius:50%;border:1px solid #9dbcc63b;outline:1px solid #9dbcc61c;outline-offset:6px;margin:12px auto 30px;box-shadow:0 0 40px #61f3ee09}.cosmetic-image-wrap>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.cosmetic-item strong{font:400 14px/1.5 var(--serif);max-width:100%;overflow-wrap:anywhere}.cosmetic-item small{font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:#96b3c2;margin-top:5px}.cosmetic-item.is-portrait .cosmetic-image-wrap{width:120px;aspect-ratio:2/3;border-radius:2px;outline:none;margin:0 auto 17px}.cosmetic-item.is-herocard .cosmetic-image-wrap{aspect-ratio:1.43;width:180px;outline:none;border-radius:2px;margin:0 auto 20px}.cosmetic-gallery.is-changing{animation:copy-reveal .55s both}
.release-section{padding:100px 10% 120px;display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;background:#050e1b;border-top:1px solid var(--line)}.release-heading h2{font-size:clamp(30px,3.3vw,53px);margin:25px 0 20px}.release-heading{align-self:start;position:sticky;top:125px}.release-notes details{border-top:1px solid var(--line)}.release-notes details:last-child{border-bottom:1px solid var(--line)}.release-notes summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:22px 0;font:400 18px/1.5 var(--serif);gap:20px}.release-notes summary::-webkit-details-marker{display:none}.release-notes summary::after{content:'＋';font:18px var(--sans);color:#b7d4d8}.release-notes details[open] summary::after{content:'−'}.release-notes details>div{font-size:11px;color:#a8c5d0;line-height:2.1;padding-bottom:25px}.release-notes ul{padding-left:17px;margin:12px 0}.release-notes li+li{margin-top:6px}.release-notes a{color:#c8ebe4;border-bottom:1px solid #96c2c555}.release-skins{display:flex;flex-wrap:wrap;gap:6px 15px;margin:12px 0}.release-skins>a{font-size:10px}.availability-badge{display:inline-flex;align-items:center;gap:8px;color:#b7e1d9;font-size:9px;letter-spacing:.1em;margin:0 0 12px}.availability-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#8be1c0}.closing{min-height:570px;padding:100px 8%;display:grid;place-items:center;text-align:center;isolation:isolate;position:relative;overflow:hidden}.closing-world{position:absolute;inset:0;z-index:-1;background:linear-gradient(#061525,transparent 50%,#061525 100%),url('../image/backgrounds/skin_adatlap_bg/skinb_melyviz.webp') center 60%/cover;opacity:.35}.closing h2{margin:20px 0 35px;font-size:clamp(35px,4.7vw,72px)}.depth-footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}.depth-footer>.brand{scale:.9;transform-origin:left center}.depth-footer>span{font-size:8px;letter-spacing:.15em;color:#9db9c9}.depth-footer nav{display:flex;gap:18px;font-size:9px;color:#b4c8d1}.depth-footer>small{font-size:8px;color:#7795a7}
dialog{border:1px solid #a8c5d046;color:var(--pearl);background:#071725;max-height:92svh;padding:25px 30px;box-shadow:0 30px 120px #000c}dialog::backdrop{background:#020910ec;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-reveal .35s ease both}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px}.dialog-bar h2{font:400 23px/1.4 var(--serif);margin-top:6px}.dialog-close{flex-shrink:0}.art-dialog{width:min(1320px,94vw)}#dialog-content{display:grid;place-items:center;min-height:100px;position:relative}#dialog-content>.dialog-art{max-height:67svh;width:auto;max-width:100%;object-fit:contain}#dialog-content>.collectible{height:65svh;width:auto;aspect-ratio:2/3}#dialog-description{font-size:10px;max-width:800px;margin:15px auto 0;text-align:center}.pack-dialog{width:min(1280px,94vw)}.opening-explainer{font-size:11px;max-width:750px}.opening-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.opening-footer p{font-size:10px}.opening-footer .button{font-size:9px;min-height:44px;padding:10px 17px;flex-shrink:0}#opening-cards{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;padding:35px 10px 5px;perspective:1200px;max-height:58svh;overflow-y:auto;scrollbar-width:thin}.opening-card{width:180px;aspect-ratio:2/3;padding:0;position:relative;perspective:1000px;flex-shrink:0}.opening-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.opening-card.is-revealed .opening-card-inner{transform:rotateY(180deg)}.opening-back,.opening-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:9px}.opening-back{border:1px solid #a5d4d67a;background:radial-gradient(ellipse at 50% 40%,#244958,#081725 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;box-shadow:inset 0 0 0 9px #081725,inset 0 0 0 10px #a5d4d64a}.opening-back::before{content:'';position:absolute;inset:30px 20px;border:1px solid #a5d4d625;border-radius:50%}.opening-back>span{font:45px var(--serif);color:#bcdad5}.opening-back>small{font-size:7px;letter-spacing:.25em;color:#b9d8d9}.opening-face{transform:rotateY(180deg)}.opening-face .collectible{height:100%;width:100%}.opening-card.is-revealed{cursor:default}.noscript-message{padding:30px;position:fixed;bottom:0;z-index:60;background:#061525;border:1px solid var(--line);left:10%;right:10%}.art-fallback{position:absolute;inset:0;display:grid;place-items:center;background:#102a3d;color:#d0e1e7;font-size:10px;text-align:center;padding:15px}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity 1s,transform 1s}.js-ready .reveal.is-visible{opacity:1;transform:none}.js-ready .story-stop{opacity:.25;transform:translateY(18px)}.js-ready .story-stop.is-visible{opacity:1;transform:none}
@keyframes rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes character-arrival{from{opacity:0;translate:40px 0;scale:1.025}to{opacity:1;translate:0;scale:1}}@keyframes world-breathe{from{scale:1}to{scale:1.04}}@keyframes ray-drift{from{rotate:-4deg;opacity:.5}to{rotate:5deg;opacity:1}}@keyframes scroll-drop{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(10px);opacity:1}}@keyframes bubble-rise{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:.65}90%{opacity:.4}100%{transform:translate3d(35px,-110svh,0);opacity:0}}@keyframes jelly-float{0%,100%{translate:0 15px;rotate:-6deg}50%{translate:20px -25px;rotate:7deg}}@keyframes pack-float{0%,100%{translate:0 8px;rotate:-1deg}50%{translate:0 -10px;rotate:1deg}}@keyframes copy-reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes cards-reveal{from{opacity:.1;translate:0 12px}to{opacity:1;translate:0}}@keyframes dialog-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0}}
html.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition-duration:.001ms!important}.motion-paused .hero-character,.motion-paused .hero-world{transform:none}.motion-paused .collectible{transform:none}.motion-paused .opening-card.is-revealed .opening-card-inner{transform:rotateY(180deg)}
@media(min-width:1800px){.hero-content{margin-left:9.5%}.hero-actions .button{font-size:10px;padding:18px 26px;min-height:58px}.hero-intro{font-size:14px}.hero-content>.eyebrow{font-size:10px}.hero-character{right:1%;height:108%;bottom:-9%;width:72%}.hero-content{width:48%}.character-stage{height:800px}.card-gallery{max-width:1150px;gap:65px}.card-catalogue{max-width:1700px;margin:auto}.cosmetic-gallery{max-width:1400px}.cosmetic-item .cosmetic-image-wrap{width:155px}}
@media(max-width:1150px){.depth-header nav{gap:18px}.depth-header{padding:0 3%}.header-return{padding:8px 11px}.brand>span{font-size:9px}.brand>span>span{font-size:12px}.hero-content{margin-left:6%;width:58%}.hero-content>.eyebrow{font-size:8px;letter-spacing:.18em}.hero-actions .button{font-size:8px;gap:12px;padding:13px 14px}.hero-character{right:-16%;width:90%}.hero-caption{right:5%}.chapter-nav{right:14px}.section-top{padding:0 6%}.character-copy{left:6%;width:32%}.character-visual{left:27%;right:-7%}.character-roster{margin-left:6%;margin-right:7%}.equipment-panel{margin-left:6%;margin-right:7%}.card-gallery{gap:30px;min-height:340px}.catalogue-heading{align-items:flex-start;flex-direction:column;gap:20px}.card-catalogue{padding:20px 6% 0}.pack-showcase{gap:3%;padding:0 7%}.pack-art>img{height:440px}.cosmetic-gallery{gap:13px}.cosmetic-item{padding:13px 8px}.cosmetic-item strong{font-size:12px}.cosmetic-item .cosmetic-image-wrap{width:110px}.cosmetic-tabs{gap:22px}.depth-footer{flex-wrap:wrap}.depth-footer>span{display:none}.release-section{padding:90px 7%;gap:7%}}
@media(max-width:760px){html{scroll-padding-top:70px}.depth-header{height:68px;padding:0 5%}.depth-header .brand>img{width:34px;height:34px}.depth-header .brand>span{font-size:8px}.depth-header .brand>span>span{font-size:11px}.header-return{margin-left:auto;margin-right:15px;font-size:8px;padding:6px 10px}.header-return span{margin-left:7px}.menu-toggle{display:flex;width:36px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:5px;order:3}.menu-toggle>span{height:1px;width:13px;background:#cfefea;transition:transform .3s}.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:last-child{transform:translateY(-3px) rotate(-45deg)}.depth-header nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#061525fa;padding:15px 7% 25px;border-bottom:1px solid var(--line);gap:0}.depth-header nav.is-open{display:flex}.depth-header nav a{padding:15px 0;font-size:12px}.depth-header nav a[aria-current]::after{bottom:6px;right:80%}.chapter-nav{display:none}.hero{min-height:840px;max-height:1100px;height:100svh;align-items:flex-end}.hero-content{margin:0 6% 115px;width:88%;max-width:600px}.hero-content>.eyebrow{font-size:7px;letter-spacing:.17em;margin-bottom:15px}.hero h1{font-size:clamp(53px,12.5vw,90px);line-height:.95;letter-spacing:.07em}.hero h1>span{font-size:1.2em;margin-top:4px;letter-spacing:.11em}.title-rule{width:72%;margin:16px 0 13px}.hero-subtitle{font-size:10px;letter-spacing:.12em}.hero-intro{font-size:10px;line-height:1.95;margin-top:15px}.hero-character{width:110%;height:65%;right:-15%;top:2%;bottom:auto;opacity:.92}.hero-orbit{width:85vw;height:85vw;left:23%;top:30%}.hero::after{z-index:1;background:linear-gradient(0deg,#061525 2%,#061525cc 24%,#0615256b 47%,transparent 68%,#0615252b)}.hero-world{opacity:.7;background-position:65% center}.hero-actions{margin-top:23px;gap:8px}.hero-actions .button{font-size:8px;padding:12px 14px;min-height:46px;gap:12px;letter-spacing:.08em}.hero-bottom{bottom:21px;left:6%;right:6%;flex-wrap:wrap;gap:15px}.coordinates{font-size:7px;line-height:1.8}.coordinates b{font-size:7px}.scroll-invite{font-size:6px;gap:8px}.scroll-invite>span{height:27px;width:16px}.scroll-invite>span::after{left:6px}.motion-toggle{position:absolute;right:0;bottom:53px;font-size:7px;max-width:165px}.hero-caption{right:4%;top:27%;bottom:auto;font-size:11px;z-index:2}.hero-caption>span{font-size:6px}.descent{padding-top:35px}.descent-opening{padding:35px 7% 55px;min-height:330px}.descent-opening h2{font-size:33px}.descent-opening>p:last-child{font-size:10px}.descent-scene{min-height:500px}.story-stops{padding:0 9% 0 16%}.story-stop{max-width:320px;min-height:67svh}.story-stop:nth-child(even){margin-left:0}.story-stop h3{font-size:32px}.story-stop p{font-size:11px;line-height:2.1}.depth-reading{font-size:8px}.depth-reading::before{width:30px}.descent-progress{margin-left:2%;font-size:6px;width:35px}.descent-landscape{opacity:.5}.jelly-one{right:13%;top:35%}.jelly-two{right:28%}.showcase{padding-top:75px}.section-top h2{font-size:28px;max-width:350px}.section-top .eyebrow{font-size:8px}.section-top>p:last-child{font-size:9px;max-width:290px}.character-stage{height:850px;min-height:0;margin-top:0}.character-visual{inset:0 -9% 300px -9%}.character-image{max-height:100%}.stage-ring{width:340px;height:340px;right:calc(50% - 170px);top:30%}.stage-watermark{top:14%;right:0;font-size:20vw}.character-copy{top:auto;bottom:95px;left:7%;width:86%;max-width:none;transform:none}.character-copy h3{font-size:35px;margin:14px 0 4px}.character-copy .tier{font-size:7px;padding:3px 10px}.skin-subtitle{font-size:14px}.skin-description{font-size:10px;margin-top:14px;max-width:480px;line-height:1.9}.character-copy .text-link{font-size:9px;margin-top:7px;padding:10px 0}.view-switch{top:16px;right:6%}.view-switch button{font-size:8px;padding:7px 12px}.stage-controls{left:7%;right:7%;bottom:22px}.art-expand{bottom:auto;top:410px;right:7%;width:35px;height:35px;font-size:21px}.character-roster{margin:0 6%;gap:6px;padding-top:4px}.roster-button{flex-basis:62px}.roster-button img{width:46px;height:46px}.roster-button span{font-size:7px}.character-stage.is-splash .character-visual{inset:65px 0 335px;mask-image:none;-webkit-mask-image:none}.equipment-panel{margin:16px 6% 0}.equipment-panel>summary{font-size:10px}.equipment-panel>summary span{font-size:8px;gap:10px;max-width:160px}.equipment-item{flex-basis:94px}.equipment-item img{width:73px;height:73px}.equipment-item span{font-size:7px}.cards-section{padding:75px 0 60px}.collection-heading h2{font-size:34px}.collection-heading>p:last-child{font-size:10px}.pack-showcase{grid-template-columns:1fr;padding:0 8%;margin:20px auto 65px;gap:15px}.pack-art{min-height:370px}.pack-art>img{height:330px;width:100%}.pack-halo{width:270px;height:270px}.pack-art-label{font-size:7px}.pack-copy{max-width:480px;margin:auto;width:100%}.pack-copy h3{font-size:34px;margin:17px 0}.pack-copy>p{font-size:11px}.pack-product-switch{margin-top:20px}.product-info{margin:16px 0 22px}.product-info strong{font-size:24px}.card-catalogue{padding:0 6%}.catalogue-heading h3{font-size:25px}.card-filters{gap:2px}.card-filters button{font-size:8px;padding:8px 7px}.catalogue-context{font-size:9px;min-height:45px}.card-gallery{gap:10px;min-height:300px;max-width:390px;margin:20px auto 30px;grid-template-columns:repeat(3,minmax(0,1fr))}.card-gallery>.collectible:nth-child(1),.card-gallery>.collectible:nth-child(3){scale:.92;rotate:0deg}.card-gallery .collectible{border-radius:5px}.card-gallery .card-art{border-radius:5px}.card-gallery .card-nameplate{bottom:1%;left:6%;right:6%;padding:20px 0 6px}.card-gallery .card-nameplate>strong{font-size:8px}.card-gallery .card-nameplate>small{font-size:5px;letter-spacing:.12em}.card-gallery .card-nameplate>span{font-size:6px}.gallery-footer{gap:20px}.gallery-footer .folio{font-size:9px}.cosmetics{padding:75px 6% 65px}.cosmetics-heading h2{font-size:34px}.cosmetics-heading>p:last-child{font-size:10px;max-width:300px;margin:auto}.cosmetic-tabs{justify-content:flex-start;overflow-x:auto;gap:23px;max-width:100%;margin-top:30px;scrollbar-width:thin}.cosmetic-tabs>button{font-size:9px}.cosmetic-tabs span{font-size:7px}.cosmetic-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:30px;min-height:350px}.cosmetic-item{min-height:175px;padding:12px 8px}.cosmetic-item:last-child:nth-child(odd){grid-column:1/-1;max-width:200px;width:100%;justify-self:center}.cosmetic-item .cosmetic-image-wrap{width:94px;margin:12px auto 22px}.cosmetic-item strong{font-size:12px}.cosmetic-item small{font-size:6px}.cosmetic-item.is-portrait .cosmetic-image-wrap{width:100px}.cosmetic-item.is-herocard .cosmetic-image-wrap{width:140px}.release-section{padding:70px 7%;grid-template-columns:1fr;gap:40px}.release-heading{position:static}.release-heading h2{font-size:37px;margin:20px 0}.release-notes summary{font-size:17px;padding:19px 0}.release-notes details>div{font-size:10px}.closing{min-height:450px;padding:70px 7%}.closing h2{font-size:37px}.closing .eyebrow{font-size:8px}.depth-footer{padding:30px 6%;display:grid;grid-template-columns:1fr;gap:15px}.depth-footer>.brand{scale:.85}.depth-footer nav{font-size:9px}.depth-footer small{font-size:7px}.eyebrow{font-size:8px}.dialog-bar h2{font-size:18px}.dialog-bar{gap:15px}.dialog-close{width:36px;height:36px}.art-dialog,.pack-dialog{padding:18px 16px;max-width:94vw;width:94vw}.opening-explainer{font-size:9px}.opening-card{width:calc(33.33% - 10px);min-width:80px}.opening-back{gap:16px;box-shadow:inset 0 0 0 4px #081725,inset 0 0 0 5px #a5d4d64a}.opening-back::before{inset:16px 10px}.opening-back>span{font-size:25px}.opening-back>small{font-size:5px;letter-spacing:.1em}.opening-face .card-nameplate>strong{font-size:8px}.opening-face .card-nameplate>small{font-size:5px}.opening-face .card-nameplate>span{font-size:5px}#opening-cards{gap:12px;padding:24px 0 5px;max-height:53svh}.opening-footer{gap:14px;flex-direction:column;align-items:flex-start;margin-top:20px}.opening-footer p{font-size:9px}.opening-footer .button{font-size:8px;min-height:38px}.pack-dialog .eyebrow{font-size:7px}.card-gallery{min-height:235px}}
@media(max-width:370px){.hero{min-height:810px}.hero h1{font-size:49px}.hero-content{margin-bottom:115px}.hero-actions{flex-direction:column;align-items:flex-start;gap:7px}.hero-actions .button{min-height:40px;width:210px}.hero-subtitle{font-size:8px}.hero-intro{font-size:9px}.hero-character{height:61%;top:4%}.header-return{font-size:7px;margin-right:10px}.brand{gap:7px}.depth-header .brand>span>span{font-size:9px}.coordinates{max-width:155px}.scroll-invite{font-size:5px;letter-spacing:.05em}.motion-toggle{font-size:6px}.section-top h2{font-size:25px}.character-stage{height:820px}.character-visual{bottom:330px}.character-copy{bottom:93px}.character-copy h3{font-size:30px}.character-copy .skin-description{font-size:9px}.art-expand{top:370px}.cosmetic-tabs{gap:17px}.cosmetic-item .cosmetic-image-wrap{width:80px}.card-filters button{font-size:7px;padding:8px 5px}.card-gallery{min-height:200px}.gallery-footer{gap:13px}}
/* Final composition refinements shared by all motion settings. */
html:has(dialog[open]){overflow:hidden}.character-stage{overflow:clip}.skin-official-name{display:inline-block;margin-left:12px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#94b6c4}.descent-progress{position:absolute;top:45%;bottom:auto;left:5%;margin:0;height:220px;padding:0}.hero h1{max-width:none;width:max-content}.collection-emblem{width:240px;height:auto;margin:25px auto 0;opacity:.88}.hero-character{height:97%;bottom:-2%}
@media(min-width:1800px){.hero-character{height:97%;bottom:-2%}}
@media(max-width:760px){.hero-character{top:70px;bottom:auto;height:335px;width:110%;right:-15%}.descent-progress{left:2%;top:43%}.collection-emblem{width:200px;margin-top:18px}.card-gallery[data-size="1"]{grid-template-columns:1fr;max-width:260px;min-height:390px;margin-top:30px}.card-gallery[data-size="1"]>.collectible{scale:1;rotate:0deg}.card-gallery[data-size="1"] .card-nameplate>strong{font-size:15px}.card-gallery[data-size="1"] .card-nameplate>small{font-size:7px}.card-gallery[data-size="1"] .card-nameplate>span{font-size:8px}.card-gallery[data-size="1"] .card-nameplate{padding:40px 0 12px}.card-gallery[data-size="1"] .collectible,.card-gallery[data-size="1"] .card-art{border-radius:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-character,.hero-world,.collectible{transform:none!important}.opening-card.is-revealed .opening-card-inner{transform:rotateY(180deg)}.js-ready .reveal,.js-ready .story-stop{opacity:1;transform:none}.bubble-field{display:none}}