.card-stage{--stage-tilt-x:0deg;--stage-tilt-y:0deg;--stage-glint-x:50%;isolation:isolate;perspective:1100px;width:100%;min-width:0;max-width:100%;height:300px;position:relative;overflow:clip;container-type:inline-size}.card-stage__scene{transform:rotateX(var(--stage-tilt-x)) rotateY(var(--stage-tilt-y));transform-style:preserve-3d;margin:0;padding:0;list-style:none;transition:transform .18s ease-out;position:absolute;inset:0}.card-stage__slot{--card-angle:0deg;--card-x:0px;--card-y:0px;--card-delay:-1.8s;z-index:3;width:145px;transform:translate(calc(-50% + var(--card-x)), calc(-50% + var(--card-y))) rotate(var(--card-angle));position:absolute;top:44%;left:50%}.card-stage__slot--0{--card-angle:-3deg}.card-stage__slot--1{--card-angle:-16deg;--card-x:-76px;--card-y:14px;--card-delay:-4.6s;z-index:1;width:124px}.card-stage__slot--2{--card-angle:14deg;--card-x:76px;--card-y:9px;--card-delay:-.4s;z-index:2;width:124px}.card-stage__slot:focus-within{z-index:5}.card-stage__float{animation:7.5s ease-in-out infinite card-stage-drift;animation-delay:var(--card-delay);animation-play-state:paused}.card-stage[data-moving=true] .card-stage__float{animation-play-state:running}.card-stage__card{color:#fff6df;border-radius:9px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:block;position:relative;box-shadow:0 18px 28px -12px #000000a6,0 0 0 1px #ecd2a038}.card-stage__card:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#0000 18%,#ffe8b01f 35%,#b3e0f033 46%,#ecb6eb1a 52%,#0000 70%) 0 0/220% 100%;background-position:var(--stage-glint-x) 50%;opacity:.2;transition:opacity .3s;position:absolute;inset:0}.card-stage__image{border-radius:inherit;width:100%;height:auto;display:block}.card-stage__name{z-index:1;text-align:center;overflow-wrap:anywhere;opacity:0;pointer-events:none;background:#0a1019f5;border:1px solid #efd5a44d;border-radius:7px;padding:9px 8px;font-size:12px;font-weight:600;line-height:1.45;transition:opacity .18s,transform .18s;position:absolute;bottom:12px;left:-10px;right:-10px;transform:translateY(4px)}.card-stage__name>span{color:#c8b793;letter-spacing:.06em;margin-top:3px;font-size:10px;font-weight:400;display:block}.card-stage__card:focus-visible{outline-offset:5px;outline:2px solid #ffe0a1}.card-stage__card:focus-visible .card-stage__name{opacity:1;transform:none}.card-stage__slot:focus-within .card-stage__float{animation-play-state:paused}.card-stage__motion{z-index:6;color:#d0c3ac;max-width:calc(100% - 24px);min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:#0e141cb3;border:1px solid #d2c09a40;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:11px;line-height:1.4;display:inline-flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.card-stage__motion:focus-visible{outline-offset:3px;outline:2px solid #ffe0a1}.card-stage__motion:disabled{cursor:default}@keyframes card-stage-drift{0%,to{transform:translateY(4px)rotate(-.7deg)}50%{transform:translateY(-5px)rotate(.7deg)}}@media (min-width:768px){.card-stage{height:430px}}@container (min-width:500px){.card-stage__slot{width:210px;top:45%}.card-stage__slot--1{--card-x:-119px;--card-y:20px;width:180px}.card-stage__slot--2{--card-x:119px;--card-y:14px;width:180px}.card-stage__card{border-radius:12px}.card-stage__name{padding:12px;font-size:14px}.card-stage__name>span{font-size:11px}.card-stage__motion{bottom:8px}}@media (hover:hover) and (pointer:fine){.card-stage__slot:hover{z-index:5}.card-stage__card:hover{box-shadow:0 25px 38px -15px #000000bf,0 0 0 1px #f3d69ea6,0 0 24px -10px #c8cbf24d}.card-stage[data-moving=true] .card-stage__card:hover{transform:translateY(-8px)scale(1.025)}.card-stage__card:hover:after{opacity:.7}.card-stage__card:hover .card-stage__name{opacity:1;transform:none}.card-stage__motion:hover:not(:disabled){color:#fff0d1;border-color:#efd5a48c}}@media (pointer:coarse),(hover:none){.card-stage__scene{transform:none}}.card-stage[data-paused=true] .card-stage__scene{transition:none;transform:none}.card-stage[data-paused=true] .card-stage__float{animation-play-state:paused}.card-stage[data-paused=true] .card-stage__card,.card-stage[data-paused=true] .card-stage__card:hover{transform:none}.card-stage[data-paused=true] .card-stage__card,.card-stage[data-paused=true] .card-stage__card:after,.card-stage[data-paused=true] .card-stage__name{transition:none}@media (prefers-reduced-motion:reduce){.card-stage *,.card-stage :before,.card-stage :after{transition:none!important}.card-stage__scene{transition:none;transform:none!important}.card-stage .card-stage__float{animation:none}.card-stage .card-stage__card{transition:none;transform:none!important}.card-stage .card-stage__card:after,.card-stage .card-stage__name{transition:none}}