.mobile-picker{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:92dvh;padding:26px 0 max(22px,env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(180deg,#11120fee,#0c1012 58%,#080d10);box-shadow:0 -20px 90px #0008;overflow:hidden;color:#e5d2a5}
.mobile-picker::before{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,#b49b64,transparent)}
.mobile-picker::backdrop{background:#04080b66;backdrop-filter:blur(1px)}
.picker-heading{display:flex;justify-content:space-between;align-items:center;padding:0 24px}
.mobile-picker h2{font-size:22px;font-weight:400;letter-spacing:.12em;margin:0;line-height:1.6}
.picker-close{width:44px;height:44px;border:0;background:none;color:#c8b791;font-size:30px;line-height:1;padding:0}
.mobile-picker .picker-hint{font-size:13px;letter-spacing:.15em;margin:2px 24px 0;color:#bcad90}
.picker-scroll{position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:28px 0 34px}
.picker-scroll::-webkit-scrollbar{display:none}
.picker-deck{display:flex;align-items:flex-start;gap:14px;width:max-content;padding-inline:calc((100vw - var(--picker-width))/2);--picker-width:clamp(112px,35vw,156px)}
.picker-card{flex:0 0 var(--picker-width);width:var(--picker-width);aspect-ratio:256/432;padding:0;border:1px solid #b4a071;border-radius:3px;background:#102028;transform:translateY(var(--drop,0px)) rotate(var(--tilt,0deg));transform-origin:50% 100%;box-shadow:0 8px 26px #0009;transition:none;touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.picker-card img{display:block;width:100%;height:100%;border-radius:2px;pointer-events:none}
.picker-card:active:not(:disabled){transform:translateY(calc(var(--drop,0px) - 7px)) rotate(var(--tilt,0deg));border-color:#f1d9a1}
.picker-card:disabled{opacity:.18;cursor:default;box-shadow:none}
.picker-card:focus-visible{outline:2px solid #f1d9a1;outline-offset:5px}
.picker-selected{display:flex;justify-content:center;align-items:center;gap:22px;min-height:74px}
.picker-selected-slot{display:grid;place-items:center;width:42px;height:72px;color:#9a875858;font-size:30px}
.picker-selected-slot img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 3px 15px #0007}
.picker-selected-slot img.reversed{transform:rotate(180deg)}
body.picking-cards{overflow:hidden}
@media(max-height:600px){.mobile-picker{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.picker-scroll{padding-top:16px;padding-bottom:24px}.picker-deck{--picker-width:clamp(84px,25svh,128px)}.picker-selected{min-height:46px}.picker-selected-slot{height:46px;width:28px}.mobile-picker h2{font-size:18px}}