/* The artwork stays behind the content; movement never changes the card layout. */
.yg-card{margin:14px 0;max-width:460px}.yg-face{position:relative;isolation:isolate;box-sizing:border-box;aspect-ratio:85.6/53.98;display:flex;flex-direction:column;border:1px solid #dcc49b45;border-radius:20px;padding:clamp(14px,4vw,22px);color:#fff;background:radial-gradient(ellipse at 95% 5%,#66528865,transparent 58%),radial-gradient(ellipse at 10% 100%,#244c7965,transparent 65%),linear-gradient(120deg,#101c3c,#19284d 57%,#292342);box-shadow:0 12px 26px #14244c20,inset 0 1px 0 #ffffff15;overflow:hidden}
.yg-face:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(115deg,transparent 30%,#ffe6b510 44%,#fff8e32e 49%,transparent 58%);transform:translateX(-140%);animation:yg-sheen 9s ease-in-out infinite}
.yg-top,.yg-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}.yg-top{font-size:11px;font-weight:650;color:#f6dfb2;letter-spacing:.1px}.yg-edition{font-size:9px;font-weight:750;letter-spacing:1.5px;white-space:nowrap;color:#f6dfb2b3;border:1px solid #f6dfb22b;border-radius:20px;padding:5px 8px}.yg-denomination{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}.yg-caption{position:relative;margin-top:0;font-size:10px;color:#d3d9e9;letter-spacing:.5px}.yg-value{position:relative;font-size:42px;line-height:1.15;font-weight:800;letter-spacing:-1.6px;margin:4px 0 0;font-variant-numeric:tabular-nums;text-shadow:0 2px 22px #ffe5af12}.yg-bottom b{display:block;font-size:12px;font-weight:700}.yg-bottom small{display:block;color:#bfc9df;font-size:10px;margin-top:5px}.yg-card button{position:relative;border:1px solid #fff4ce80;border-radius:12px;padding:11px 14px;background:linear-gradient(120deg,#f7d99f,#ffecc6 50%,#eac385);box-shadow:0 4px 15px #040c2826,inset 0 1px 0 #fff9e6;color:#1b2541;font:inherit;font-size:12px;font-weight:800;min-height:44px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.yg-card button:active:not(:disabled){transform:scale(.97)}.yg-card button:focus-visible,.yg-card summary:focus-visible{outline:2px solid #ffe3a5;outline-offset:4px}.yg-card button:disabled{opacity:.55;cursor:default}.yg-card details{position:relative;margin:8px 4px 0;font-size:11px;line-height:1.6;color:var(--muted,#65718c)}.yg-card summary{cursor:pointer;min-height:20px}.yg-card p{margin:9px 0 0;max-width:54ch}
.yg-art{position:absolute;z-index:-1;pointer-events:none;width:180px;height:180px;right:-30px;top:23px;opacity:.85;animation:yg-float 8s ease-in-out infinite}.yg-art i{position:absolute;inset:15px;border:1px solid #eac78f40;border-radius:50%;transform:rotate(-35deg) scaleX(.68)}.yg-art i:nth-child(2){inset:25px;transform:rotate(25deg) scaleX(.65);border-color:#eac78f50}.yg-art i:nth-child(3){inset:5px;transform:rotate(65deg) scaleX(.52);border-color:#eac78f22}.yg-art span{position:absolute;left:65px;top:48px;font-size:58px;line-height:1;color:#f0d29d;text-shadow:0 0 25px #efd9a32e}.yg-art b{position:absolute;left:43px;top:32px;font-size:17px;color:#fff1cd}
@keyframes yg-sheen{0%,55%{transform:translateX(-140%)}85%,100%{transform:translateX(140%)}}@keyframes yg-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@media(hover:hover){.yg-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 18px #040c2845}}
@media(prefers-reduced-motion:reduce){.yg-face:before,.yg-art{animation:none}.yg-face:before{display:none}.yg-card button{transition:none}}
@media(max-width:359px){.yg-face{padding:14px;border-radius:18px}.yg-value{font-size:38px}.yg-art{right:-45px}.yg-card button{padding:10px}.yg-edition{letter-spacing:1px;font-size:8px}}
.yg-checkout{margin:10px 0;border:1px solid #dce1ec;background:#fff;border-radius:16px;padding:12px;transition:border-color .25s ease,background-color .25s ease}.yg-checkout.is-applied{border-color:#d9bd84;background:#fffcf7}.yg-checkout label{display:grid;grid-template-columns:112px minmax(0,1fr) 22px;align-items:center;gap:12px;cursor:pointer}.yg-checkout input{accent-color:#253764;width:21px;height:21px;margin:0;cursor:pointer}.yg-checkout-copy{min-width:0}.yg-checkout-copy b,.yg-checkout-copy small{display:block}.yg-checkout-copy b{font-size:12px;line-height:1.35;color:#202c46}.yg-checkout-copy small,.yg-checkout p{font-size:10px;color:#65718c;line-height:1.5;margin:4px 0 0}.yg-checkout p{margin-top:9px}.yg-mini{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;aspect-ratio:85.6/53.98;width:112px;padding:9px;border:1px solid #e6cc9b70;border-radius:9px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 100% 0,#76618080,transparent 65%),linear-gradient(120deg,#101c3c,#253658);box-shadow:0 3px 8px #172c4820}.yg-mini:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 30%,#fff0ca24 49%,transparent 60%);transform:translateX(-140%);animation:yg-sheen 9s ease-in-out infinite}.yg-mini:after{content:"";position:absolute;z-index:-1;width:65px;height:65px;right:-10px;top:4px;border:1px solid #ebd5a545;border-radius:50%;transform:rotate(30deg) scaleX(.7)}.yg-mini-brand{font-size:6px;font-weight:700;letter-spacing:1px;color:#ead3a9}.yg-mini strong{position:relative;z-index:1;font-size:19px;line-height:1.1;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.yg-mini-caption{font-size:6px;color:#d6deef}.yg-mini i{position:absolute;right:10px;top:26px;font-size:22px;line-height:1;font-style:normal;color:#efd6a0;animation:yg-float 8s ease-in-out infinite}.yg-mini strong{max-width:82px}.yg-checkout .yg-mini+span small:last-child{color:#66583b}@media(max-width:359px){.yg-checkout{padding:10px}.yg-checkout label{grid-template-columns:96px minmax(0,1fr) 21px;gap:9px}.yg-mini{width:96px;padding:8px}.yg-mini strong{font-size:17px}.yg-mini i{right:7px;font-size:18px}.yg-checkout-copy b{font-size:11px}}@media(prefers-reduced-motion:reduce){.yg-mini:before,.yg-mini i{animation:none}.yg-mini:before{display:none}.yg-checkout{transition:none}}
.yg-error{padding:12px;font-size:12px;color:var(--muted)}.yg-error button{font:inherit;color:var(--blue);background:transparent;border:0;text-decoration:underline}@media(max-width:359px){.yg-face{padding:14px}.yg-bottom{gap:8px}.yg-card button{padding:9px}.yg-checkout{padding:10px}}