@font-face{font-family:Unbounded;src:url('/assets/fonts/unbounded-cyrillic.woff2?v=20261012-unbounded-loaded-1') format('woff2');font-style:normal;font-weight:200 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;src:url('/assets/fonts/unbounded-latin.woff2?v=20261012-unbounded-loaded-1') format('woff2');font-style:normal;font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded Ruble";src:url('/assets/fonts/unbounded-stats-400.ttf?v=20261012-unbounded-loaded-1') format('truetype');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+20BD}
:root{--wheel-bg:#030403;--wheel-surface:#0c0e0c;--wheel-text:#f7f8f3;--wheel-muted:#b5b8b1;--wheel-lime:#c8fa2b;--wheel-line:rgba(235,244,224,.16);--wheel-shell:min(100% - 96px,1480px);--wheel-ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{background:var(--wheel-bg);scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--wheel-bg);color:var(--wheel-text);font-family:Unbounded,"Unbounded Ruble",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}.wheel-shell{width:var(--wheel-shell);margin-inline:auto}.wheel-skip{position:absolute;z-index:50;top:10px;left:10px;padding:10px 14px;transform:translateY(-160%);border-radius:10px;background:var(--wheel-lime);color:#090b08;font-weight:800;text-decoration:none}.wheel-skip:focus{transform:none}
.wheel-header{position:relative;z-index:20;border-bottom:1px solid rgba(235,244,224,.09);background:#030403}.wheel-header__inner{display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:24px}.wheel-logo{display:flex;flex:0 0 auto;align-items:center}.wheel-logo img{display:block;width:114px;height:34px;content:url('/assets/vitrio/brand/vitrio-light-208.webp');filter:none}.wheel-logo{position:relative}.wheel-header__actions{display:flex;align-items:center}.wheel-button{display:inline-flex;min-height:68px;align-items:center;justify-content:center;gap:11px;padding:0 32px;border:1px solid transparent;border-radius:999px;background:var(--wheel-lime);color:#090b08;font-size:19px;font-weight:800;letter-spacing:-.03em;text-decoration:none;transition:transform .2s var(--wheel-ease),background-color .2s var(--wheel-ease),box-shadow .2s var(--wheel-ease)}.wheel-button:hover{background:#d5ff48;box-shadow:0 8px 16px rgba(200,250,43,.17);transform:translateY(-2px)}.wheel-button:active{transform:translateY(0) scale(.985)}.wheel-button:focus-visible{outline:2px solid var(--wheel-lime);outline-offset:4px}.wheel-button--compact{min-height:54px;padding:0 28px;font-size:17px}
.wheel-page,.wheel-hero{min-height:calc(100svh - 80px)}.wheel-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 55% 70% at 73% 49%,rgba(182,240,40,.13),transparent 57%),linear-gradient(102deg,#020302 0%,#040604 55%,#030403 100%)}.wheel-hero__field{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.wheel-hero__glow{position:absolute;top:3%;right:-5%;width:min(61vw,1010px);height:min(55vw,860px);border-radius:50%;background:radial-gradient(circle,rgba(210,255,56,.25) 0%,rgba(167,224,38,.12) 34%,transparent 71%);filter:blur(23px)}.wheel-hero__flare{position:absolute;top:23%;right:14%;width:30vw;height:30vw;border:1px solid rgba(205,255,47,.2);border-radius:50%;box-shadow:0 0 110px 40px rgba(200,250,43,.06),inset 0 0 80px rgba(200,250,43,.06)}.wheel-hero__layout{display:grid;min-height:calc(100svh - 80px);grid-template-columns:minmax(0,.96fr) minmax(550px,1.04fr);align-items:center;padding:24px 0 155px}.wheel-copy{position:relative;z-index:2;max-width:690px;padding-left:clamp(16px,3.4vw,48px);transform:translateY(-8px)}.wheel-copy h1{max-width:760px;margin:0;font-size:clamp(59px,5.2vw,84px);font-weight:800;letter-spacing:-.065em;line-height:1.05;text-wrap:balance}.wheel-copy h1 span{display:block;white-space:nowrap}.wheel-copy h1 strong{color:var(--wheel-lime);font-weight:800}.wheel-copy>p{max-width:555px;margin:28px 0 38px;color:var(--wheel-muted);font-size:20px;line-height:1.48}.wheel-actions{display:flex;flex-wrap:wrap;gap:18px}.wheel-button--spin{min-width:292px}.wheel-button--spin svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.wheel-button--secondary{min-width:255px;border-color:rgba(235,244,224,.26);background:rgba(12,15,11,.68);color:#f4f6f0}.wheel-button--secondary:hover{border-color:rgba(200,250,43,.76);background:rgba(20,25,18,.95);box-shadow:none}
.wheel-stage{position:relative;display:grid;width:min(100%,620px);aspect-ratio:1/1;place-items:center;justify-self:end;margin-right:clamp(0px,2vw,34px);transform:translateY(-12px)}.wheel-aura{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,transparent 51%,rgba(210,255,56,.11) 65%,transparent 72%);filter:blur(15px)}.wheel-disc{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 0 4px rgba(225,255,83,.75)) drop-shadow(0 0 28px rgba(184,242,44,.39)) drop-shadow(0 26px 34px rgba(0,0,0,.58));transition:filter .25s var(--wheel-ease)}.wheel-disc__svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(var(--wheel-rotation,0deg));transform-origin:center;transition:transform 4.8s cubic-bezier(.07,.76,.18,1)}.wheel-disc.is-spinning{filter:drop-shadow(0 0 7px rgba(225,255,83,.9)) drop-shadow(0 0 42px rgba(184,242,44,.52)) drop-shadow(0 28px 38px rgba(0,0,0,.6))}.wheel-disc.is-spinning .wheel-disc__svg{transition-duration:4.8s}.wheel-disc svg text{font-family:Unbounded,"Unbounded Ruble",Arial,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.045em;fill:#dce0d9;text-anchor:middle;dominant-baseline:middle}.wheel-disc svg text.is-jackpot{fill:#0c1008;font-weight:800}.wheel-pointer{position:absolute;z-index:5;top:-14px;left:50%;width:73px;height:87px;transform:translateX(-50%);filter:drop-shadow(0 8px 7px rgba(0,0,0,.72)) drop-shadow(0 0 10px rgba(210,255,54,.45))}.wheel-pointer svg{width:100%;height:100%;overflow:visible}.wheel-pointer__body{fill:#caff2f;stroke:#11150c;stroke-width:4}.wheel-pointer circle{fill:#171a14;stroke:#f1ff9d;stroke-width:3}.wheel-pointer__tip{fill:#0c0f0b;stroke:#d8ff4c;stroke-width:1.5}.wheel-prize{position:absolute;z-index:6;bottom:-34px;left:50%;display:flex;min-width:390px;min-height:78px;align-items:center;justify-content:center;gap:17px;padding:0 25px;border:1px solid rgba(207,251,52,.78);border-radius:16px;background:linear-gradient(115deg,rgba(15,20,12,.94),rgba(13,16,13,.81));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 13px 32px rgba(0,0,0,.34),0 0 28px rgba(197,248,42,.11);transform:translateX(-50%)}.wheel-prize svg{width:35px;height:35px;fill:none;stroke:var(--wheel-lime);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wheel-prize span{font-size:20px;font-weight:600}.wheel-prize strong{color:var(--wheel-lime);font-size:32px;font-weight:800;letter-spacing:-.055em}
.wheel-steps{position:absolute;bottom:27px;left:50%;z-index:4;display:grid;min-height:120px;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(235,244,224,.22);border-radius:19px;background:linear-gradient(115deg,rgba(14,17,14,.91),rgba(10,12,10,.86));box-shadow:0 16px 30px rgba(0,0,0,.16);transform:translateX(-50%)}.wheel-steps>div{display:flex;min-width:0;align-items:center;justify-content:center;gap:21px;padding:20px 28px}.wheel-steps>div+div{border-left:1px solid rgba(235,244,224,.17)}.wheel-step-icon{display:grid;width:59px;height:59px;flex:0 0 auto;place-items:center;border:1px solid rgba(235,244,224,.23);border-radius:50%;color:var(--wheel-lime)}.wheel-step-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wheel-steps p{margin:0;white-space:nowrap;color:#f3f5ee;font-size:18px;font-weight:600;letter-spacing:-.026em}.wheel-steps b{font-weight:800}
.wheel-dialog,.wheel-result{width:min(500px,calc(100vw - 32px));border:1px solid rgba(221,255,105,.48);border-radius:20px;background:#0b0f0a;color:var(--wheel-text);box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 44px rgba(200,250,43,.12)}.wheel-dialog::backdrop,.wheel-result::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.wheel-dialog{padding:32px}.wheel-dialog__close{position:absolute;top:13px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#cbd3c7;font-size:27px;line-height:1}.wheel-dialog h2,.wheel-result h2{margin:0;color:#f5f8ef;font-size:30px;letter-spacing:-.045em}.wheel-dialog ol{display:grid;gap:12px;margin:20px 0 23px;padding-left:22px;color:#c2c8be;line-height:1.5}.wheel-dialog a,.wheel-result__rules{color:var(--wheel-lime);font-size:14px;text-underline-offset:5px}.wheel-result{padding:33px;text-align:center}.wheel-result[open]{animation:wheel-result-in .32s var(--wheel-ease) both}.wheel-result__icon{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;border:1px solid rgba(207,251,52,.45);border-radius:17px;background:rgba(200,250,43,.08);color:var(--wheel-lime)}.wheel-result__icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wheel-result__eyebrow{margin:0 0 8px;color:var(--wheel-lime);font-size:13px;font-weight:800}.wheel-result h2{font-size:34px;line-height:1.08}.wheel-result h2+p{margin:16px auto 25px;max-width:380px;color:#bdc5b8;font-size:15px;line-height:1.52}.wheel-result .wheel-button{width:100%;min-height:58px;font-size:17px}.wheel-result__rules{display:inline-block;margin-top:16px}@keyframes wheel-result-in{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:1260px){.wheel-hero__layout{grid-template-columns:minmax(0,.98fr) minmax(490px,1.02fr)}.wheel-copy{padding-left:0}.wheel-stage{width:min(100%,555px);margin-right:0}.wheel-copy h1{font-size:clamp(53px,5.15vw,71px)}.wheel-copy>p{font-size:18px}.wheel-button--spin{min-width:270px}.wheel-button--secondary{min-width:224px}.wheel-steps p{font-size:16px}.wheel-steps>div{gap:15px;padding:19px 20px}}
@media(max-width:960px){:root{--wheel-shell:min(100% - 48px,1480px)}.wheel-header__inner{min-height:68px}.wheel-page,.wheel-hero{min-height:calc(100svh - 68px)}.wheel-hero__layout{min-height:calc(100svh - 68px);grid-template-columns:1fr;align-content:start;padding:58px 0 220px}.wheel-copy{max-width:680px;transform:none}.wheel-copy h1{font-size:clamp(50px,7.5vw,67px)}.wheel-stage{width:min(76vw,570px);margin:34px auto 0;justify-self:center;transform:none}.wheel-steps{bottom:25px}.wheel-steps>div{padding:17px}.wheel-step-icon{width:48px;height:48px}.wheel-step-icon svg{width:25px;height:25px}.wheel-steps p{font-size:14px}}
@media(max-width:620px){:root{--wheel-shell:calc(100% - 32px)}.wheel-header__inner{min-height:61px;gap:12px}.wheel-logo img{width:95px;height:auto}.wheel-button--compact{min-height:44px;padding:0 18px;font-size:13px}.wheel-page,.wheel-hero{min-height:auto}.wheel-hero{padding-bottom:22px}.wheel-hero__layout{min-height:0;padding:36px 0 0}.wheel-copy h1{font-size:clamp(39px,11.7vw,51px);letter-spacing:-.04em;line-height:1.02}.wheel-copy h1 span{white-space:normal}.wheel-copy>p{margin:20px 0 25px;font-size:15px;line-height:1.47}.wheel-actions{display:grid;grid-template-columns:1fr;gap:11px}.wheel-button--spin,.wheel-button--secondary{width:100%;min-width:0;min-height:60px;font-size:17px}.wheel-stage{width:min(90vw,448px);margin-top:47px}.wheel-pointer{top:-11px;width:61px;height:74px}.wheel-prize{bottom:-27px;min-width:0;width:min(89vw,385px);min-height:62px;gap:11px;border-radius:14px}.wheel-prize svg{width:27px;height:27px}.wheel-prize span{font-size:15px}.wheel-prize strong{font-size:25px}.wheel-steps{position:relative;bottom:auto;left:auto;display:grid;width:var(--wheel-shell);min-height:0;margin:71px auto 0;grid-template-columns:1fr;transform:none}.wheel-steps>div{justify-content:flex-start;min-height:74px;padding:12px 17px}.wheel-steps>div+div{border-top:1px solid rgba(235,244,224,.17);border-left:0}.wheel-step-icon{width:39px;height:39px}.wheel-step-icon svg{width:21px;height:21px}.wheel-steps p{font-size:14px}.wheel-result{padding:29px 22px}.wheel-result h2{font-size:29px}.wheel-dialog{padding:27px 22px}}
@media (min-width:961px) and (max-height:820px){.wheel-hero__layout{padding:12px 0 120px}.wheel-copy{transform:none}.wheel-copy h1{font-size:clamp(52px,4.55vw,62px)}.wheel-copy>p{margin:19px 0 26px;font-size:17px}.wheel-actions{gap:14px}.wheel-button{min-height:62px}.wheel-button--spin{min-width:270px}.wheel-button--secondary{min-width:228px}.wheel-stage{width:min(100%,485px);transform:translateY(-2px)}.wheel-prize{bottom:-26px;min-height:68px}.wheel-steps{min-height:96px;bottom:22px}.wheel-steps>div{padding:15px 20px}.wheel-step-icon{width:49px;height:49px}.wheel-step-icon svg{width:26px;height:26px}.wheel-steps p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wheel-button,.wheel-disc__svg{transition:none!important}.wheel-result[open]{animation:none}}

@media (min-width:1261px) and (min-height:821px){.wheel-hero__layout{grid-template-columns:minmax(0,1.04fr) minmax(540px,.96fr)}.wheel-copy h1{font-size:clamp(53px,4.25vw,62px)}.wheel-stage{width:min(100%,590px);margin-right:clamp(0px,1.2vw,20px);transform:translateY(-5px)}}
body :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:0!important;box-shadow:0 1px 2px rgba(0,0,0,.16),0 0 0 3px color-mix(in srgb,var(--wheel-lime) 26%,transparent),0 0 18px color-mix(in srgb,var(--wheel-lime) 20%,transparent);transition:box-shadow 180ms ease}@media(prefers-reduced-motion:reduce){body :where(a,button,input,textarea,select,summary,[tabindex]){transition-duration:0s!important}}@media(forced-colors:active){body :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid CanvasText!important;outline-offset:2px;box-shadow:none}}

/* Payment feedback follows this campaign font, including its own controls. */
body [data-vitrio-payment-recovery],body [data-vitrio-payment-recovery] h2,body [data-vitrio-payment-recovery] button{font-family:Unbounded,"Unbounded Ruble",Arial,sans-serif}
