#register-dialog{width:min(960px,calc(100% - 32px));max-width:none;padding:42px 34px 30px}
#register-dialog .registration-dialog-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
#register-dialog .registration-form-pane{min-width:0}
#register-dialog .registration-benefits{margin:18px 0;padding:14px 16px;border:1px solid #d8b06c55;border-radius:10px;background:#20191f}
#register-dialog .registration-benefits p{margin:0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
#register-dialog .registration-benefits p+p{margin-top:12px}
#register-dialog .registration-benefits strong{display:block;color:#f0cc8b;font-size:13px}
#register-dialog .registration-benefits span{color:#e5d9c9}
#register-dialog #register-description{font-size:13px;line-height:1.9;color:#d1bfc5}
#register-dialog .registration-legendary{min-width:0;overflow:hidden;border:1px solid #d8b06c55;background:radial-gradient(ellipse at center,#74532844,transparent 80%),#20191f;border-radius:14px;padding:22px 12px 16px;text-align:center;color:#f5e9d6}
#register-dialog .legendary-eyebrow{margin:0 0 14px;color:#e7c78f;font-size:10px;letter-spacing:2px;font-weight:700}
#register-dialog #registration-legendary-title{margin:0;font-size:19px;line-height:1.65;color:#f0cc8b;letter-spacing:0}
#register-dialog #registration-legendary-title>span{display:block;font-size:12px;line-height:1.8;color:#e5d9c9;margin-bottom:10px;font-weight:500}
#register-dialog .legendary-placeholder{width:190px;height:253px;object-fit:contain;margin:16px auto 0;border-radius:10px}
#register-dialog .legendary-note,#register-dialog .legendary-status{font-size:10px;line-height:1.8;color:#d2c2ae;margin:12px 0 0}
#register-dialog .legendary-status:empty{display:none}
#register-dialog .skin-stage{position:relative;overflow:hidden;padding:16px 0 0}
#register-dialog .skin-deck{height:280px;position:relative;isolation:isolate;touch-action:pan-y}
#register-dialog .skin-slide{position:absolute;inset:0;left:50%;margin:0;width:192px;height:267px;border:1px solid #dabe8199;border-radius:12px;background:#17151c;overflow:hidden;transform:translateX(-50%) scale(.85);box-shadow:0 12px 25px #0008;opacity:0;transition:transform .45s ease,opacity .45s ease;pointer-events:none}
#register-dialog .skin-slide.is-active{transform:translateX(-50%);opacity:1;z-index:5}
#register-dialog .skin-slide.is-prev{transform:translateX(calc(-50% - 49px)) rotate(-8deg) scale(.88);opacity:.8;z-index:3}
#register-dialog .skin-slide.is-next{transform:translateX(calc(-50% + 49px)) rotate(8deg) scale(.88);opacity:.8;z-index:3}
#register-dialog .skin-slide.is-far-prev{transform:translateX(calc(-50% - 94px)) rotate(-16deg) scale(.74);opacity:.55;z-index:1}
#register-dialog .skin-slide.is-far-next{transform:translateX(calc(-50% + 94px)) rotate(16deg) scale(.74);opacity:.55;z-index:1}
#register-dialog .skin-slide img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
#register-dialog .skin-slide figcaption{position:absolute;inset:auto 0 0;padding:28px 10px 12px;background:linear-gradient(transparent,#0b0c12ed 52%);text-shadow:0 1px 4px #000}
#register-dialog .skin-slide figcaption span{display:block;font-size:8px;color:#f3d69b;letter-spacing:2px}
#register-dialog .skin-slide figcaption strong{display:block;font-size:12px;line-height:1.7;color:#fff}
#register-dialog .rotation-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px;color:#e6d4b3;font-size:12px}
#register-dialog .rotation-controls button{width:36px;height:36px;border-radius:50%;border:1px solid #d8b87950;background:#ffffff08;color:#f0d6ad;cursor:pointer}
#register-dialog .rotation-controls button:focus-visible{outline:2px solid #f0d6ad;outline-offset:3px}
@media(max-width:700px){#register-dialog{padding:34px 20px 25px}#register-dialog .registration-dialog-grid{grid-template-columns:minmax(0,1fr);gap:24px}#register-dialog .registration-legendary{padding-top:18px}#register-dialog .skin-deck{height:265px}#register-dialog .skin-slide{width:180px;height:252px}#register-dialog #registration-legendary-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){#register-dialog .skin-slide{transition:none}}