.fleet-showcase{--bg:#f7f3eb;--ink:#111;--muted:#746f67;--gold:#b7965d;--light-gold:#ccb17e;--dark:#1c1b19;--color-card:183, 150, 93;color:var(--ink);background:radial-gradient(at 50% 40%,#fffdf8 0%,#f4eee2 55%,#e9e0cd 100%);position:relative;overflow:hidden}.fleet-stage{perspective:1400px;touch-action:pan-y;cursor:grab;justify-content:center;align-items:center;height:clamp(560px,78vh,880px);display:flex;position:relative}.fleet-stage.is-grabbing{cursor:grabbing}.wrapper{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.inner{--w:clamp(120px, 12vw, 170px);--h:clamp(170px, 17vw, 230px);--translateZ:clamp(420px, 46vw, 720px);--rotateX:-10deg;--perspective:1400px;width:var(--w);height:var(--h);top:28%;left:calc(50% - (var(--w) / 2));z-index:2;transform-style:preserve-3d;will-change:transform;animation:55s linear infinite fleet-rotating;position:absolute}@keyframes fleet-rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(var(--ry,0deg))}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(calc(var(--ry,0deg) + 360deg))}}.inner.is-paused{animation-play-state:paused}.fleet-card{border:1px solid rgba(var(--color-card), .45);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(var(--translateZ));cursor:pointer;background:linear-gradient(#ffffff8c 0%,#ffffff2e 100%);border-radius:14px;flex-direction:column;align-items:stretch;padding:0;transition:box-shadow .4s,border-color .4s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 40px -20px #1c1b1959,inset 0 0 0 1px #ffffff59}.fleet-card:hover{border-color:rgba(var(--color-card), .9);box-shadow:0 30px 60px -20px #1c1b1980,inset 0 0 0 1px #ffffff80}.fleet-card__glow{background:radial-gradient(circle at 50% 40%, rgba(var(--color-card), .28) 0%, rgba(var(--color-card), .08) 55%, transparent 80%);pointer-events:none;position:absolute;inset:0}.fleet-card__img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:contrast(1.03)saturate(1.06)drop-shadow(0 14px 12px #00000047);flex:1;width:100%;min-height:0;padding:10px 8px 2px}.fleet-card__label{z-index:2;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-align:center;white-space:normal;word-break:break-word;-webkit-hyphens:none;hyphens:none;border-top:1px solid rgba(var(--color-card), .35);background:linear-gradient(#fff0,#ffffff8c);padding:6px 6px 9px;font-size:.52rem;line-height:1.25;position:relative}.fleet-floor{filter:blur(8px);pointer-events:none;z-index:0;background:radial-gradient(#1c1b1947 0%,#1c1b1914 45%,#0000 70%);width:min(80vw,900px);height:90px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.fleet-detail-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#151b198c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.fleet-detail{color:var(--ink);background:#fff;border-radius:4px;width:100%;max-width:720px;max-height:92vh;padding:40px;position:relative;overflow-y:auto}@media (prefers-reduced-motion:reduce){.inner{animation:none!important}}@media (width<=640px){.inner{--w:105px;--h:150px;--translateZ:360px;--rotateX:-8deg}.fleet-stage{perspective:1100px;height:520px}.fleet-card__label{letter-spacing:.12em;font-size:.48rem}}