.srv-sc{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:16px}
.srv-sc.is-open{display:flex}
.srv-sc__backdrop{position:absolute;inset:0;background:rgba(17,17,17,.55);backdrop-filter:blur(3px);animation:srvFade .35s ease}
.srv-sc__card{position:relative;width:100%;max-width:380px;background:#FFFDFA;padding:34px 28px 26px;text-align:center;box-shadow:0 24px 60px rgba(17,17,17,.3);animation:srvRise .45s cubic-bezier(.2,.8,.3,1);max-height:92vh;max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}
.srv-sc__card input,.srv-sc__code-value{-webkit-user-select:text;user-select:text}
.srv-sc__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@keyframes srvFade{from{opacity:0}to{opacity:1}}
@keyframes srvRise{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
.srv-sc__x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid #E6E1D9;background:#fff;color:#6B6B6B;border-radius:50%;cursor:pointer;font-size:17px;line-height:1;display:grid;place-content:center;transition:all .2s;z-index:4}
.srv-sc__x:hover{border-color:#B08D57;color:#111}
.srv-sc__x:focus-visible{outline:2px solid #B08D57;outline-offset:2px}
.srv-sc__confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.srv-sc__brand{margin:0;font-family:var(--font-heading--family,serif);font-size:19px;letter-spacing:.26em;color:#111;text-transform:uppercase}
.srv-sc__brand-sub{display:block;margin-top:5px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#B08D57}
.srv-sc__rule{width:28px;height:1px;background:#B08D57;margin:14px auto}
.srv-sc__title{margin:0 0 8px;font-family:var(--font-heading--family,serif);font-size:27px;line-height:1.2;color:#111;font-weight:500}
.srv-sc__sub{margin:0 0 20px;font-size:13px;line-height:1.6;color:#6B6B6B}
.srv-sc__ticket{position:relative;height:150px;margin-bottom:18px;overflow:hidden;background:#F6F2EC;border:1px solid #E6E1D9}
.srv-sc__prize{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.srv-sc__prize-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#6B6B6B}
.srv-sc__prize-value{font-family:var(--font-heading--family,serif);font-size:38px;line-height:1;color:#B08D57;font-weight:500}
.srv-sc__prize-sub{font-size:11px;color:#6B6B6B}
.srv-sc__canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;z-index:2}
.srv-sc__canvas:active{cursor:grabbing}
.srv-sc__ticket.is-open .srv-sc__canvas{opacity:0;transition:opacity .5s ease;pointer-events:none}
.srv-sc__ticket.is-open .srv-sc__prize-value{animation:srvPop .55s cubic-bezier(.2,1.5,.4,1)}
@keyframes srvPop{0%{transform:scale(.7);opacity:.4}60%{transform:scale(1.12)}100%{transform:none}}
.srv-sc__claim{max-height:0;overflow:hidden;transition:max-height .5s ease}
.srv-sc__claim.is-open{max-height:720px}
.srv-sc__claim-text{margin:0 0 14px;font-size:12px;line-height:1.6;color:#6B6B6B}
.srv-sc__err{margin:0 0 12px;padding:10px 12px;background:#FBF1EE;border:1px solid #E3C9C1;font-size:12px;line-height:1.5;color:#8A4B38;text-align:left}
.srv-sc__err[hidden]{display:none}
.srv-sc__input{width:100%;border:1px solid #E6E1D9;background:#fff;padding:14px;font-size:16px;font-family:inherit;color:#111;text-align:center;border-radius:0;box-sizing:border-box}
.srv-sc__input:focus{outline:none;border-color:#B08D57}
.srv-sc__btn{width:100%;margin-top:10px;background:#111;color:#fff;border:0;padding:16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background .2s;box-sizing:border-box}
.srv-sc__btn:hover{background:#2F3A32}
.srv-sc__btn[disabled]{opacity:.55;cursor:default}
.srv-sc__skip{margin-top:14px;background:none;border:0;color:#9a9a9a;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:inherit;padding:6px 4px}
.srv-sc__skip:hover{color:#6B6B6B}
.srv-sc__code{margin:4px 0 14px;border:1px dashed #B08D57;background:#F6F2EC;padding:15px}
.srv-sc__code-value{font-family:var(--font-heading--family,serif);font-size:25px;letter-spacing:.12em;color:#111}
.srv-sc__copy{width:100%;background:#B08D57;color:#fff;border:0;padding:15px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background .2s;box-sizing:border-box}
.srv-sc__copy:hover{background:#9a7a49}
.srv-sc__shop{display:block;margin-top:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6B6B6B;text-decoration:underline;text-underline-offset:3px}
.srv-sc__shop:hover{color:#111}
.srv-sc__tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9998;background:#B08D57;color:#fff;border:0;padding:14px 9px;cursor:pointer;writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-family:inherit;display:none}
.srv-sc__tab.is-on{display:block}
@media (max-width:480px){.srv-sc{padding:12px}.srv-sc__card{padding:30px 20px 22px}.srv-sc__title{font-size:24px}.srv-sc__prize-value{font-size:33px}.srv-sc__tab{padding:12px 8px;font-size:9px}}
@media (prefers-reduced-motion:reduce){.srv-sc__backdrop,.srv-sc__card,.srv-sc__ticket.is-open .srv-sc__prize-value{animation:none}.srv-sc__claim{transition:none}}