@font-face{font-family:fsbold;src:url("/fonts/FS Matthew-Bold.otf")}@font-face{font-family:fsmedium;src:url("/fonts/FS Matthew-Medium.otf")}.wheel-root{--bold:fsbold;--medium:fsmedium;-webkit-user-select:none;user-select:none;background:#000;place-items:center;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.wheel-scaler{flex-shrink:0;position:relative;overflow:hidden}.wheel-canvas{--brand-navy:#0c2340;--brand-steel:#4f758b;--brand-teal:#6ba4b8;--brand-sky:#a3c7d2;--brand-gray-8:#888b8d;--brand-gray-5:#b1b3b3;--brand-gray-2:#d0d0ce;--dark-card:#003087;transform-origin:0 0;width:1080px;height:1920px;position:absolute;top:0;left:0}.wheel-main{z-index:2000;width:100%;height:100%;position:relative}.wheel-home{background:url(/img/background.webp) 50%/cover no-repeat;justify-content:center;align-items:end;width:100%;height:100%;padding-bottom:200px;display:flex;position:relative;overflow:hidden}.wheel-disk{box-sizing:border-box;will-change:transform;background:url(/img/circle.webp) 50%/cover no-repeat;border-radius:50%;width:1000px;height:1000px;margin:10px;padding:40px}.wheel-mainwheel{background-color:#fff;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.wheel-price{clip-path:polygon(100% 0,50% 100%,0 0);transform-origin:bottom;text-align:center;color:#fff;justify-content:center;align-items:center;width:45%;height:50%;font-family:sans-serif;font-size:20px;font-weight:700;display:flex;position:absolute;top:0%;right:253px;transform:translate(-50%);box-shadow:inset 10px 0 60px -12px #0c23408c}.wheel-price h1{margin-bottom:100px;font-size:35px;font-weight:700;line-height:1.1;transform:rotate(90deg)}.wheel-price:first-child{background:var(--dark-card);color:#fff;transform:rotate(45deg)}.wheel-price:nth-child(2){color:var(--brand-navy);background:#fff;transform:rotate(90deg)}.wheel-price:nth-child(3){background:var(--dark-card);color:#fff;transform:rotate(135deg)}.wheel-price:nth-child(4){color:var(--brand-navy);background:#fff;transform:rotate(180deg)}.wheel-price:nth-child(5){background:var(--dark-card);color:#fff;transform:rotate(225deg)}.wheel-price:nth-child(6){color:var(--brand-navy);background:#fff;transform:rotate(270deg)}.wheel-price:nth-child(7){background:var(--dark-card);color:#fff;transform:rotate(315deg)}.wheel-price:nth-child(8){color:var(--brand-navy);background:#fff;transform:rotate(360deg)}.wheel-touch{z-index:2100;box-sizing:border-box;background:linear-gradient(90deg,#ff5a5a 0%,#d00000 78%);border:10px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:absolute;top:63%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #00000059}.wheel-touch button{color:#fff;font-family:var(--bold);cursor:pointer;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;font-size:35px;line-height:1}.wheel-touch button:disabled{opacity:.85;cursor:not-allowed}.wheel-arrow{clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:100;pointer-events:none;background:url(/img/polygon_1.webp) 50%/cover no-repeat;width:162px;height:181px;margin-left:-81px;position:absolute;top:32%;left:50%;transform:rotate(180deg)}.wheel-modal-backdrop{z-index:3000;pointer-events:auto;-webkit-backdrop-filter:blur(8px);background:#040a189e;position:absolute;inset:0}.wheel-window{z-index:3001;box-sizing:border-box;pointer-events:none;transform-origin:50%;will-change:transform, opacity;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;height:100%;padding:80px 40px 120px;display:flex;position:absolute;inset:0}.wheel-window>*{pointer-events:auto}.wheel-winchild{background:url(/img/spinthewheel.webp) 50%/cover no-repeat;border:3px solid #ffffffa6;border-radius:72px;justify-content:center;align-items:center;width:820px;height:820px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000008c,0 0 0 1px #a3c7d24d,inset 0 0 48px #ffffff1a}.wheel-winchild:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0c234033 0%,#0000 35%,#0c23404d 100%);position:absolute;inset:0}.wheel-winchild h1{z-index:1;color:#fff;font-size:88px;font-family:var(--bold);text-align:center;text-shadow:0 4px 24px #0000008c;padding:48px;line-height:1.1;position:relative}.wheel-winchild--retry{background-color:#0000;background-image:radial-gradient(at 50% 28%,#ffc45a47 0%,#0000 46%),linear-gradient(165deg,#003087f0 0%,#0c1c34eb 100%),url(/img/spinthewheel.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-color:#ffd2788c;box-shadow:0 28px 90px #0000008c,0 0 0 1px #ffc45a47,inset 0 0 48px #ffd27814}.wheel-retry-glow{pointer-events:none;background:radial-gradient(circle,#ffc45a38 0%,#0000 70%);border-radius:50%;animation:2.2s ease-in-out infinite wheel-retry-pulse;position:absolute;inset:18%}@keyframes wheel-retry-pulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.9;transform:scale(1.08)}}.wheel-retry-copy{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:680px;padding:48px 56px;display:flex;position:relative}.wheel-retry-label{font-family:var(--medium), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#ffd27a;font-size:26px}.wheel-retry-copy h1{margin:0;padding:0;font-size:76px;line-height:1.06}.wheel-retry-message{font-family:var(--medium), sans-serif;color:#ffffffe6;max-width:520px;margin:0;font-size:34px;line-height:1.35}.wheel-dev-reset{z-index:5000;color:#fff;font-family:var(--medium), sans-serif;cursor:pointer;background:#0000008c;border:1px solid #ffffff73;border-radius:10px;padding:12px 20px;font-size:16px;position:fixed;bottom:20px;right:20px}.wheel-dev-reset:hover{background:#d00000d9}.wheel-dev-reset:disabled{opacity:.5;cursor:not-allowed}.wheel-session-error{z-index:5000;color:#ffb4b4;max-width:min(90vw,640px);font-family:var(--medium), sans-serif;text-align:center;background:#28080ceb;border:1px solid #ff6b6b8c;border-radius:14px;margin:0;padding:14px 22px;font-size:18px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.wheel-reward-error{color:#ffb4b4;max-width:720px;font-family:var(--medium), sans-serif;text-align:center;background:#28080ce6;border:1px solid #ff6b6b8c;border-radius:14px;margin:0;padding:12px 20px;font-size:24px}
.flow-shell{z-index:3001;box-sizing:border-box;pointer-events:none;transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:28px 28px 24px;display:flex;position:absolute;inset:0}.flow-shell>*{pointer-events:auto}.flow-form-layout{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;min-height:0;display:flex;position:relative}.flow-form-layout--single{justify-content:center;padding:0}.flow-panel{-webkit-backdrop-filter:blur(8px);background:#081228e6;border:2px solid #ffffff6b;border-radius:32px;flex:0 auto;width:min(980px,100%);min-height:0;max-height:min(78%,1400px);margin:auto 0;padding:28px 36px 32px;overflow:auto;box-shadow:0 28px 90px #00000080,inset 0 0 40px #ffffff0d}.flow-panel--single{flex-direction:column;gap:0;width:min(1040px,100%);max-height:min(94%,1780px);padding:24px 28px 26px;display:flex;overflow:hidden}.flow-result-banner{text-align:center;box-sizing:border-box;border:1px solid #ffffff47;border-radius:18px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:22px 28px;display:flex}.flow-panel--single .flow-result-banner{margin-bottom:16px;padding:16px 22px}.flow-panel--single .flow-result-value{font-size:42px}.flow-panel--single .flow-form{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.flow-panel--single .flow-field-row{flex-shrink:0}.flow-panel--single .osk-stage--inline{flex:none;width:100%}.flow-panel--single .osk{flex-shrink:0}.flow-panel--single .flow-submit-wrap{flex-shrink:0;margin-top:4px}.flow-result-banner.is-win{background:linear-gradient(135deg,#003087d9 0%,#4f758b73 100%)}.flow-result-banner.is-loss{background:#ffffff14}.flow-result-label{font-family:var(--medium), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b4d2ffd9;font-size:22px}.flow-result-value{font-family:var(--bold);color:#fff;letter-spacing:.01em;font-size:48px;line-height:1.15}.flow-result-banner.is-win .flow-result-value{text-shadow:0 2px 18px #ffffff40}.flow-panel-header{text-align:left;margin-bottom:18px}.flow-panel-header--center{text-align:center;margin-bottom:16px}.flow-panel-title{font-family:var(--bold);color:#fff;margin-bottom:8px;font-size:44px;line-height:1.1}.flow-panel-subtitle{font-family:var(--medium), sans-serif;color:#ffffffc7;font-size:24px;line-height:1.35}.flow-form{flex-direction:column;gap:16px;display:flex}.flow-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.flow-field{flex-direction:column;gap:8px;min-width:0;display:flex}.flow-field.is-active .flow-label{color:#9fd0ff}.flow-label{font-family:var(--medium), sans-serif;color:#fff;font-size:24px}.flow-input,.flow-input-touch{color:#fff;width:100%;min-height:72px;font-family:var(--medium), sans-serif;box-sizing:border-box;text-align:left;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff47;border-radius:18px;outline:none;padding:14px 20px;font-size:28px;transition:border-color .2s,background-color .2s,box-shadow .2s}.flow-input-touch{align-items:center;display:flex}.flow-input-value{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-input-placeholder{color:#ffffff6b}.flow-input-touch.is-focused,.flow-field.is-active .flow-input-touch{background:#ffffff29;border-color:#9fd0fff2;box-shadow:0 0 0 4px #00308773}.flow-input-touch.is-invalid{background:#d000001f;border-color:#ff6b6b}.flow-input-touch:disabled{opacity:.7;cursor:not-allowed}.flow-error{font-family:var(--medium), sans-serif;color:#ff8f8f;font-size:20px}.flow-submit-error{font-family:var(--medium), sans-serif;color:#ff8f8f;text-align:center;margin:0;padding:4px 8px;font-size:22px}.flow-submit-wrap{width:100%;margin-top:8px}.flow-submit{border:4px solid #da291c!important;border-radius:18px!important;width:100%!important;min-height:80px!important;padding:18px 28px!important;font-size:32px!important;font-weight:700!important;display:flex!important;box-shadow:0 10px 28px #00000059!important}.osk-stage{z-index:5;flex-direction:column;align-items:stretch;gap:16px;width:min(1040px,100%);display:flex}.osk-preview{box-sizing:border-box;background:#081228f2;border:2px solid #9fd0ff8c;border-radius:20px;width:100%;min-height:108px;padding:18px 24px;overflow:hidden;box-shadow:0 12px 40px #0006}.osk-preview-swap{width:100%}.osk-preview-label{font-family:var(--medium), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin-bottom:8px;font-size:20px;display:block}.osk-preview-value{min-height:48px;font-family:var(--bold);color:#fff;word-break:break-all;flex-wrap:wrap;align-items:center;gap:2px;font-size:36px;line-height:1.2;display:flex}.osk-preview-empty{color:#ffffff59;font-family:var(--medium), sans-serif;font-weight:500}.osk-caret{background:#ff5a5a;border-radius:2px;width:3px;height:1.1em;animation:1s step-end infinite osk-blink}@keyframes osk-blink{50%{opacity:0}}.osk{-webkit-user-select:none;user-select:none;background:linear-gradient(#0c1c3afa 0%,#060e20fc 100%);border:2px solid #ffffff47;border-radius:28px;flex:none;width:100%;padding:16px 16px 18px;box-shadow:0 16px 50px #00000080}.osk.is-shake{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b59}.osk-stage--inline{gap:0}.osk-top{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:14px;padding:0 6px;display:flex}.osk-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.osk-body-slot{justify-content:center;align-items:center;width:100%;height:440px;min-height:440px;display:flex;overflow:hidden}.osk-body{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.osk-alpha,.osk-tel{flex-direction:column;justify-content:center;gap:10px;width:100%;height:100%;display:flex}.osk-tel{max-width:420px;margin:0 auto}.osk-field{font-family:var(--bold);color:#fff;font-size:26px}.osk-hint{font-family:var(--medium), sans-serif;color:#ffffff8c;font-size:18px}.osk-top-actions{flex-shrink:0;gap:10px;display:flex}.osk-action{color:#fff;min-height:56px;font-family:var(--medium), sans-serif;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:14px;padding:0 22px;font-size:22px}.osk-action-next{background:#ffffff24;border-color:#fff6}.osk-preview.is-shake{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b59}.osk-action-next.is-shake{background:#ff5a5a47;border-color:#ff6b6b}.osk-action:active,.osk-key:active{transform:scale(.97)}.osk-action:disabled,.osk-key:disabled{opacity:.5;cursor:not-allowed}.osk-row{justify-content:center;gap:8px;display:flex}.osk-key{color:#fff;min-width:78px;min-height:68px;font-family:var(--bold);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;padding:0 10px;font-size:28px;box-shadow:inset 0 1px #ffffff2e}.osk-key-mod{background:#003087a6;min-width:100px}.osk-key-mod.is-active{background:linear-gradient(#4f758b 0%,#003087 100%);border-color:#ffffff73}.osk-key-space{min-width:420px;font-size:24px;font-family:var(--medium), sans-serif}.osk-key-num{background:#00308773;min-width:72px}.osk-key-email{min-width:96px}.osk-key-com{min-width:140px;font-size:24px}.osk-key-tel{min-width:120px;min-height:78px;font-size:34px}.osk-key-wide{min-width:260px}.flow-success{text-align:center;background:#081228c7;border:2px solid #ffffff80;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:min(820px,100%);min-height:520px;padding:64px 48px;display:flex;box-shadow:0 28px 90px #00000080}.flow-success-badge{width:160px;height:160px}.flow-success-check{width:100%;height:100%}.flow-success-ring{fill:#003087e6;stroke:#ffffffa6;stroke-width:3px}.flow-success-check path{stroke:#fff;stroke-width:5px}.flow-success-title{font-family:var(--bold);color:#fff;font-size:72px;line-height:1.1}.flow-success-copy{font-family:var(--medium), sans-serif;color:#ffffffd9;max-width:28ch;font-size:34px;line-height:1.35}