.iw-reveal{position:relative;isolation:isolate;min-width:0;width:calc(100% - 32px);margin:0 16px;padding:8px 0 61px;overflow:hidden;contain:paint;border-radius:15px}
.iw-card-track{position:relative;z-index:2;min-width:0;transform:translate3d(0,100%,0);backface-visibility:hidden;transform-origin:50% 90%}
.iw-card-track>*{margin:0!important;width:100%;box-sizing:border-box}
.iw-reveal[data-state=open] .iw-card-track{transform:translate3d(0,0,0)}
.iw-wallet-back{position:absolute;z-index:0;bottom:7px;left:2px;right:2px;height:153px;border:1px solid #8f6fa94f;border-radius:19px 19px 23px 23px;background:linear-gradient(155deg,#46364e,#241d2c 42%,#110e17);box-shadow:inset 0 2px 2px #cfabeb33,inset 0 0 0 5px #110d19,inset 0 0 0 6px #9f7cba3d;transform-origin:50% 100%}
.iw-wallet-back:before{content:'';position:absolute;inset:10px 11px 22px;border:1px dashed #b99acd47;border-radius:11px;background:repeating-linear-gradient(38deg,#e9d4ff03 0 1px,transparent 1px 4px)}
.iw-wallet-back>span{position:absolute;left:15px;right:15px;top:17px;height:16px;border-radius:50%;background:#05030cf0;box-shadow:0 3px 7px #000a,inset 0 1px #a383b947}
.iw-wallet-front{position:absolute;z-index:3;bottom:0;left:0;right:0;height:84px;filter:drop-shadow(0 4px 5px #0005);pointer-events:none;transform-origin:50% 90%}
.iw-leather{display:block;width:100%;height:100%;object-fit:fill}
.iw-wallet-brand{position:absolute;left:21px;top:34px;display:flex;gap:8px;align-items:center;color:#cbb7d7;text-shadow:0 1px #000;opacity:.85}
.iw-wallet-brand>img{width:24px;height:24px;object-fit:contain;filter:saturate(.5) brightness(.95)}
.iw-wallet-brand>span{font:500 8px/1.4 var(--display,Arial,sans-serif);letter-spacing:1.4px}
.iw-wallet-brand small{display:block;font:400 5px/1.8 var(--sans,Arial,sans-serif);letter-spacing:2px;color:#927f9f}
.iw-wallet-snap{position:absolute;right:14px;top:23px;width:45px;height:34px;border:1px solid #856598;border-radius:6px 0 0 6px;background:linear-gradient(110deg,#46314f,#241c2b);box-shadow:0 3px 5px #0007,inset 0 1px #d7aaf52e}
.iw-wallet-snap:after{content:'';position:absolute;width:13px;height:13px;left:10px;top:9px;border-radius:50%;border:1px solid #b796c678;background:radial-gradient(circle at 35% 25%,#aa8aba,#5c416d 35%,#241b30 65%);box-shadow:0 1px 3px #0009,inset 0 0 0 2px #35273f}
.iw-compact{padding-bottom:48px}.iw-compact .iw-wallet-front{height:68px}.iw-compact .iw-wallet-brand{top:27px;left:17px}.iw-compact .iw-wallet-snap{top:19px;height:28px}.iw-compact .iw-wallet-snap:after{top:6px}
@media(max-width:380px){.iw-reveal{width:calc(100% - 24px);margin:0 12px;padding-bottom:52px}.iw-wallet-front{height:75px}.iw-wallet-brand{left:17px;top:30px}.iw-wallet-brand>span{font-size:7px}.iw-wallet-brand>img{width:21px;height:21px}.iw-wallet-snap{right:12px;top:21px;width:37px;height:30px}.iw-wallet-snap:after{left:8px;top:7px}}
@media(prefers-reduced-motion:reduce){.iw-card-track{will-change:auto}.iw-reveal[data-state=opening] .iw-card-track{transform:none}}

/* The full phone drawer needs a wallet body, not the compact preview's lip. */
@media(max-width:760px){
 .iw-reveal:not(.iw-compact){--iw-pocket-height:clamp(112px,30vw,128px);--iw-pocket-overlap:12px;padding-bottom:calc(var(--iw-pocket-height) - var(--iw-pocket-overlap));flex-shrink:0}
 .iw-reveal:not(.iw-compact) .iw-wallet-front{height:var(--iw-pocket-height)}
 .iw-reveal:not(.iw-compact) .iw-wallet-back{height:calc(var(--iw-pocket-height) + 64px)}
 .iw-reveal:not(.iw-compact) .iw-wallet-brand{top:calc(50% - 12px);left:21px;gap:9px}
 .iw-reveal:not(.iw-compact) .iw-wallet-brand>img{width:26px;height:26px}
 .iw-reveal:not(.iw-compact) .iw-wallet-brand>span{font-size:8px;letter-spacing:1.2px}
 .iw-reveal:not(.iw-compact) .iw-wallet-brand small{font-size:6px;letter-spacing:1.6px}
 .iw-reveal:not(.iw-compact) .iw-wallet-snap{top:calc(50% - 17px);right:14px;width:43px;height:34px}
 .iw-reveal:not(.iw-compact) .iw-wallet-snap:after{left:10px;top:9px}
}