#warrantySuccessModal * { box-sizing: border-box; }
#warrantySuccessModal button, #warrantySuccessModal select { font: inherit; }
#warrantySuccessModal button, #warrantySuccessModal a, #warrantySuccessModal select { -webkit-tap-highlight-color: transparent; }
#warrantySuccessModal .prize-dialog { position: relative; isolation: isolate; width: min(100%, 510px); overflow: hidden; padding: 30px 34px 28px; border: 1px solid rgb(52, 59, 81); border-radius: 8px; background: rgb(13, 18, 35); box-shadow: rgba(0, 0, 0, 0.533) 0px 22px 80px, rgba(70, 213, 206, 0.047) 0px 0px 35px; text-align: center; }
#warrantySuccessModal .edge-light { position: absolute; inset: 0px 24px auto; height: 3px; z-index: 3; clip-path: polygon(0px 50%, 8% 18%, 20% 0px, 80% 0px, 92% 18%, 100% 50%, 92% 82%, 80% 100%, 20% 100%, 8% 82%); mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 16%, rgb(0, 0, 0) 84%, transparent); overflow: hidden; border-radius: 3px; background: linear-gradient(90deg, rgb(79, 255, 224), rgb(112, 181, 255), rgb(188, 141, 255), rgb(255, 119, 207), rgb(255, 188, 112), rgb(229, 255, 130), rgb(79, 255, 224)) 0% 0% / 230% 100%; animation: 3.6s ease-in-out 0s infinite normal none running prize-edge-flow; box-shadow: rgba(119, 231, 237, 0.44) 0px 0px 9px, rgba(189, 141, 255, 0.19) 0px 0px 19px; pointer-events: none; }
#warrantySuccessModal .edge-light::after { content: ""; position: absolute; inset: 0px auto 0px -20%; width: 20%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.78), transparent); animation: 3.8s ease-in-out 0s infinite normal none running prize-edge-sheen; }
@keyframes prize-edge-flow { 
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes prize-edge-sheen { 
  0%, 12% { left: -20%; opacity: 0; }
  25% { opacity: 0.85; }
  78% { opacity: 0.85; }
  90%, 100% { left: 100%; opacity: 0; }
}
#warrantySuccessModal .dismiss { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; border: 1px solid rgb(66, 72, 91); border-radius: 50%; color: rgb(201, 206, 222); background: rgb(27, 33, 50); cursor: pointer; z-index: 3; }
#warrantySuccessModal .dismiss span { position: absolute; left: 9px; top: 14px; width: 12px; height: 1px; background: currentcolor; transform: rotate(45deg); }
#warrantySuccessModal .dismiss span:last-child { transform: rotate(-45deg); }
#warrantySuccessModal .success-seal { display: grid; place-items: center; width: 46px; height: 46px; margin: 0px auto 14px; border-radius: 50%; background: rgb(24, 57, 54); border: 1px solid rgba(90, 232, 200, 0.404); color: rgb(142, 244, 212); box-shadow: rgba(83, 230, 187, 0.094) 0px 0px 24px; }
#warrantySuccessModal .success-seal svg { width: 25px; height: 25px; }
#warrantySuccessModal .eyebrow { margin: 0px 0px 9px; font-size: 10px; font-weight: 700; color: rgb(140, 226, 209); line-height: 1.5; }
#warrantySuccessModal h2 { max-width: 400px; margin: 0px auto; font-size: 26px; line-height: 1.23; font-weight: 750; text-wrap: balance; }
#warrantySuccessModal .heading-rule { display: flex; align-items: center; gap: 10px; margin: 23px 0px 15px; }
#warrantySuccessModal .heading-rule > span { flex: 1 1 0%; height: 1px; background: rgb(59, 61, 73); }
#warrantySuccessModal .heading-rule p { margin: 0px; max-width: 80%; font-size: 12px; line-height: 1.5; color: rgb(187, 192, 209); }
#warrantySuccessModal .reel-machine { position: relative; border: 1px solid rgb(139, 118, 80); border-radius: 8px; padding: 0px 12px; background: linear-gradient(140deg, rgb(48, 44, 44), rgb(23, 26, 39) 28%, rgb(25, 27, 38) 75%, rgb(57, 48, 43)); box-shadow: rgba(211, 174, 106, 0.035) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.267) 0px 12px 28px; transition: border-color 0.5s, box-shadow 0.5s; }
#warrantySuccessModal .machine-top { height: 35px; display: flex; align-items: center; gap: 7px; color: rgb(231, 203, 151); font-size: 10px; font-weight: 700; }
#warrantySuccessModal .status-light { width: 5px; height: 5px; border-radius: 50%; background: rgb(215, 183, 120); box-shadow: rgb(215, 183, 120) 0px 0px 6px; }
#warrantySuccessModal .is-spinning .status-light { animation: 0.8s ease-in-out 0s infinite alternate none running status-glimmer; }
#warrantySuccessModal .tiny-stars { margin-left: auto; font-size: 20px; }
#warrantySuccessModal .reel-window { height: 216px; position: relative; overflow: hidden; border: 1px solid rgb(109, 96, 74); border-radius: 4px; background: rgb(6, 6, 6); }
#warrantySuccessModal .reel-window::before, #warrantySuccessModal .reel-window::after { content: ""; position: absolute; inset: 0px 0px auto; height: 33px; z-index: 1; background: linear-gradient(rgb(8, 13, 23), rgba(8, 13, 23, 0)); pointer-events: none; }
#warrantySuccessModal .reel-window::after { inset: auto 0px 0px; background: linear-gradient(rgba(8, 13, 23, 0), rgb(8, 13, 23)); }
#warrantySuccessModal .selection-line { position: absolute; inset: 12px 0px; pointer-events: none; border-block: 1px solid rgba(225, 186, 114, 0.08); }
#warrantySuccessModal .reel-strip { transform: translateY(12px); will-change: transform; }
#warrantySuccessModal .reel-item { height: 192px; display: flex; align-items: center; justify-content: center; gap: 9px; color: rgb(255, 153, 0); font-size: 54px; font-weight: 800; font-variant-numeric: tabular-nums; }
#warrantySuccessModal .gift-card-face { position: relative; width: min(100%, 294px); aspect-ratio: 386 / 252; background: rgb(8, 6, 6); overflow: hidden; border-radius: 4px; }
#warrantySuccessModal .gift-card-face img { display: block; width: 100%; height: 100%; object-fit: contain; clip-path: polygon(29% 0px, 100% 0px, 100% 100%, 0px 100%, 0px 30%, 29% 30%); }
#warrantySuccessModal .gift-card-amount { position: absolute; left: 9px; top: 7px; color: rgb(255, 153, 0); font-size: 34px; font-weight: 700; line-height: 1.2; }
#warrantySuccessModal .reel-item .currency { color: rgb(187, 166, 129); font-size: 30px; }
#warrantySuccessModal .reel-item.no-prize { font-size: 16px; color: rgb(191, 196, 212); }
#warrantySuccessModal .machine-bottom { height: 16px; display: flex; align-items: center; justify-content: center; gap: 5px; }
#warrantySuccessModal .machine-bottom span { width: 3px; height: 3px; background: rgb(133, 118, 85); border-radius: 50%; }
#warrantySuccessModal .prize-status { min-height: 48px; margin: 18px 0px 0px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; line-height: 1.5; color: rgb(196, 201, 217); }
#warrantySuccessModal .is-winner .prize-status { color: rgb(255, 227, 162); font-size: 19px; }
#warrantySuccessModal .is-winner .reel-machine { border-color: rgb(236, 208, 153); box-shadow: rgba(241, 202, 112, 0.125) 0px 0px 24px, rgba(211, 174, 106, 0.035) 0px 0px 0px 3px inset; }
#warrantySuccessModal .redemption { padding-top: 12px; border-top: 1px solid rgb(49, 55, 72); }
#warrantySuccessModal .redemption p { max-width: 350px; margin: 0px auto 10px; font-size: 13px; line-height: 1.6; color: rgb(201, 204, 219); }
#warrantySuccessModal .redemption a { display: inline-block; color: rgb(142, 243, 229); font-size: 15px; font-weight: 700; text-underline-offset: 4px; line-height: 1.6; overflow-wrap: anywhere; }
#warrantySuccessModal .redemption a span { margin-left: 4px; }
#warrantySuccessModal .no-prize-note { color: rgb(201, 204, 219); font-size: 13px; line-height: 1.6; }
#warrantySuccessModal .prize-sparkles { position: absolute; inset: 0px; z-index: 2; pointer-events: none; overflow: hidden; border-radius: inherit; }
#warrantySuccessModal .prize-sparkles i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: rgb(255, 248, 230); color: var(--color); box-shadow: currentcolor 0px 0px 4px, currentcolor 0px 0px 10px; animation: prize-firework-fall 2.7s cubic-bezier(.16,.65,.4,1) var(--delay) both; }
#warrantySuccessModal .prize-sparkles i::after { content: ""; position: absolute; left: 1px; top: 2px; width: 1px; height: 10px; transform-origin: center top; transform: rotate(var(--angle)); background: linear-gradient(currentcolor, transparent); }
@keyframes prize-firework-fall { 
  0% { opacity: 0; transform: translate(0px, 0px) scale(0.3); }
  12% { opacity: 1; }
  40% { opacity: 0.95; transform: translate(var(--dx), var(--dy)) scale(1); }
  100% { opacity: 0; transform: translate(var(--fall-x), var(--fall-y)) scale(.2); }
}
#warrantySuccessModal .result-order { margin: 0px 0px 13px; color: rgb(159, 170, 192); font-size: 11px; overflow-wrap: anywhere; line-height: 1.5; }
#warrantySuccessModal button:focus-visible, #warrantySuccessModal a:focus-visible, #warrantySuccessModal select:focus-visible { outline: rgb(128, 240, 222) solid 2px; outline-offset: 4px; }
#warrantySuccessModal [hidden] { display: none !important; }
@keyframes status-glimmer { 
  0% { opacity: 0.3; }
  100% { opacity: 1; }
}
@keyframes prize-spark { 
  0% { opacity: 0; transform: translateY(-12px) scale(0.3); }
  15% { opacity: 0.8; }
  100% { opacity: 0; transform: translateY(70px) scale(0.1); }
}
@media (max-width: 480px) { 
#warrantySuccessModal .prize-dialog { padding: 28px 20px 24px; }
#warrantySuccessModal h2 { font-size: 23px; }
#warrantySuccessModal .is-winner .prize-status { font-size: 18px; } }
@media (prefers-reduced-motion: reduce) { #warrantySuccessModal *, #warrantySuccessModal ::before, #warrantySuccessModal ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; } }
#warrantySuccessModal .prize-dialog.modal-card { width: min(92vw, 510px); overflow: auto; color: #f5f5fa; letter-spacing: 0; }