.rpg-page-center{display:flex;align-items:center;justify-content:center;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;box-sizing:border-box;background:#000;padding:2.25rem 1rem 3.5rem}.rpg-root{--rpg-bg:#121212;--rpg-surface:#1E1E1E;--rpg-surface-2:#181818;--rpg-gold:#FF5B1F;--rpg-gold-bright:#FF8447;--rpg-red:#FF5B1F;--rpg-cream:#F4F1EC;--rpg-muted:#9C9C97;--rpg-border:rgba(255,91,31,.35);--rpg-title-min:1.6rem;--rpg-title-max:2.3rem;--rpg-sub-size:.95rem;--rpg-btn-size:.95rem;--rpg-badge-size:1.15rem;--rpg-image-fit:cover;--rpg-ticket-radius:0px;--rpg-result-radius:14px;box-sizing:border-box;display:grid;width:fit-content;max-width:920px;min-width:min(92vw,380px);margin:0 auto;padding:2.5rem 1.5rem 3rem;background:transparent;color:var(--rpg-cream);text-align:center}.rpg-root *{box-sizing:border-box}.rpg-root button,.rpg-root input,.rpg-root select,.rpg-root textarea{font-family:inherit}.rpg-screen{grid-area:1/1;width:100%;display:flex;flex-direction:column;justify-content:center;min-width:0}.rpg-screen[hidden]{display:flex;visibility:hidden;pointer-events:none}.rpg-ticket-badge{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(135deg,var(--rpg-badge-bg),var(--rpg-gold-bright));color:var(--rpg-badge-text);letter-spacing:.06em;text-transform:uppercase;font-size:var(--rpg-badge-size);font-weight:800;line-height:1.2;padding:.5em 1.15em;border-radius:999px;margin:0 0 1.3rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #00000040,inset 0 1px #ffffff40;align-self:center;width:fit-content}.rpg-ticket-badge.rpg-badge-banner{display:flex;width:100%;border-radius:12px;padding:.65em 1.25em}.rpg-title{font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(var(--rpg-title-min),4vw,var(--rpg-title-max));line-height:1.15;margin:0 0 .6rem;color:var(--rpg-cream)}.rpg-title-sm{font-size:clamp(calc(var(--rpg-title-min) - .3rem),3.2vw,calc(var(--rpg-title-max) - .6rem))}.rpg-sub{color:var(--rpg-muted);font-size:var(--rpg-sub-size);line-height:1.5;max-width:480px;margin:0 auto 1.6rem}.rpg-fine{color:var(--rpg-muted);font-size:calc(var(--rpg-sub-size) - .15rem);margin:.4rem 0 1.5rem}.rpg-status{color:var(--rpg-muted);font-size:calc(var(--rpg-sub-size) - .1rem);min-height:1.2em;margin-top:1rem}.rpg-form{display:flex;gap:.6rem;max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center}.rpg-input{flex:1 1 220px;background:var(--rpg-surface);border:1px solid var(--rpg-border);color:var(--rpg-cream);padding:var(--rpg-input-pad) 1rem;border-radius:10px;font-size:var(--rpg-input-font-size);outline:none}.rpg-input:focus{border-color:var(--rpg-gold);box-shadow:0 0 0 3px #ff5b1f40}.rpg-btn{letter-spacing:.02em;font-size:var(--rpg-btn-size);padding:clamp(.5rem,calc(var(--rpg-input-pad) * .7),.95rem) clamp(1.1rem,4vw,1.6rem);border-radius:10px;border:none;cursor:pointer;max-width:280px;margin-left:auto;margin-right:auto;transition:transform .12s ease,opacity .12s ease;font-weight:700}.rpg-btn:disabled{opacity:.5;cursor:default}.rpg-btn:active:not(:disabled){transform:scale(.97)}.rpg-btn-primary{background:var(--rpg-gold);color:#141414}.rpg-btn-primary:hover:not(:disabled){background:var(--rpg-gold-bright)}.rpg-btn-secondary{background:transparent;border:1px solid var(--rpg-border);color:var(--rpg-cream);margin-top:1rem}.rpg-btn-secondary:hover{border-color:var(--rpg-gold)}.rpg-error{color:#ff8a47;font-size:calc(var(--rpg-sub-size) - .1rem);min-height:1.2em;margin-top:.7rem}.rpg-stage-head{margin-bottom:1.6rem}.rpg-stage-label{display:inline-block;font-size:calc(var(--rpg-sub-size) - .25rem);letter-spacing:.08em;text-transform:uppercase;color:var(--rpg-muted);border:1px solid var(--rpg-border);padding:.3rem .8rem;border-radius:999px;margin-bottom:.9rem}.rpg-stage-label-gold{color:#121212;background:var(--rpg-gold);border-color:var(--rpg-gold)}.rpg-grid{display:grid;grid-template-columns:repeat(4,var(--rpg-ticket-min, 110px));gap:var(--rpg-ticket-gap, 1.25rem);perspective:1000px;justify-content:center}.rpg-ticket{position:relative;aspect-ratio:1/1;cursor:pointer;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.9,.3,1)}.rpg-ticket.flipped{transform:rotateY(180deg)}.rpg-ticket.disabled{cursor:default}.rpg-ticket-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--rpg-ticket-radius)}.rpg-ticket-front{background:transparent;border:none}.rpg-ticket-front .rpg-ticket-num{font-size:1.6rem;color:var(--rpg-gold)}.rpg-ticket-front-img{width:100%;height:100%;object-fit:var(--rpg-image-fit);display:block}.rpg-ticket-back{background:transparent;border:none;transform:rotateY(180deg);font-size:calc(var(--rpg-sub-size) - .25rem);line-height:1.35;gap:.25rem;color:var(--rpg-cream);justify-content:flex-start}.rpg-ticket-back:not(:has(.rpg-ticket-back-img)){justify-content:center}.rpg-ticket-back-icon{font-size:1.4rem;margin-bottom:.15rem;color:var(--rpg-gold-bright)}.rpg-ticket-back.is-major .rpg-ticket-back-icon{color:var(--rpg-gold-bright)}.rpg-ticket-back.is-major div{color:var(--rpg-gold-bright);font-weight:600}.rpg-ticket-back-img{position:static;width:100%;flex:1 1 auto;min-height:0;object-fit:var(--rpg-image-fit);display:block}.rpg-ticket-back-img+div{position:static;z-index:auto;background:transparent;padding:.3rem .3rem 0;border-radius:0;flex:0 0 auto;width:100%}.rpg-ticket.not-picked .rpg-ticket-front{opacity:.35}.rpg-ticket.not-picked{pointer-events:none}.rpg-result-badge{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--rpg-badge-size) - .3rem);letter-spacing:.05em;text-transform:uppercase;font-weight:700;background:linear-gradient(135deg,var(--rpg-gold),var(--rpg-gold-bright));color:#141414;padding:.5em 1.2em;border-radius:999px;margin:0 0 1.2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #00000047,inset 0 1px #ffffff40;align-self:center;width:fit-content}.rpg-result-image{display:block;width:220px;height:220px;object-fit:var(--rpg-image-fit);border-radius:var(--rpg-result-radius);border:1.5px solid var(--rpg-border);margin:0 auto 1.1rem}.rpg-result-prize{font-size:clamp(calc(var(--rpg-title-min) - .2rem),3.6vw,calc(var(--rpg-title-max) - .4rem));color:var(--rpg-gold-bright);margin:0 0 1.1rem}.rpg-balloon-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9999}.rpg-balloon{position:absolute;bottom:-160px;width:46px;height:58px;border-radius:50% 50% 48% 48%/60% 60% 40% 40%;animation:rpgBalloonRise 4.4s ease-in forwards;opacity:.95;box-shadow:inset -8px -8px 14px #0000002e,inset 6px 6px 10px #ffffff47}.rpg-balloon:before{content:"";position:absolute;left:50%;bottom:-5px;width:7px;height:7px;background:inherit;filter:brightness(.85);transform:translate(-50%) rotate(45deg)}.rpg-balloon:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:30px;background:#f4f1ec73;transform:translate(-50%)}@keyframes rpgBalloonRise{0%{transform:translateY(0) translate(0) rotate(0);opacity:.95}55%{transform:translateY(-58vh) translate(14px) rotate(5deg)}to{transform:translateY(-122vh) translate(-12px) rotate(-5deg);opacity:0}}@media(max-width:560px){.rpg-grid{grid-template-columns:repeat(2,var(--rpg-ticket-min, 110px))!important;justify-content:center}}.rpg-ticket-front{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}@media(hover:hover){.rpg-ticket:not(.disabled):not(.not-picked):hover .rpg-ticket-front{transform:translateY(-4px);box-shadow:0 10px 22px #00000059;filter:brightness(1.05)}}.rpg-ticket:not(.disabled):not(.not-picked):active .rpg-ticket-front{transform:scale(.94);box-shadow:0 3px 10px #0000004d}.rpg-ticket:not(.disabled):not(.not-picked):focus-visible .rpg-ticket-front{outline:2px solid var(--rpg-gold);outline-offset:3px}@keyframes rpgTicketShake{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg) translate(-2px)}40%{transform:rotate(3deg) translate(2px)}60%{transform:rotate(-2deg) translate(-1px)}80%{transform:rotate(2deg) translate(1px)}}@media(prefers-reduced-motion:no-preference){.rpg-ticket.rpg-shake:not(.disabled):not(.not-picked) .rpg-ticket-front{animation:rpgTicketShake .5s ease-in-out infinite;animation-delay:var(--rpg-shake-delay, 0s)}}@media(max-width:400px){.rpg-grid{gap:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/rpg-prize-draw.css.map */