/* Стили страницы колеса — из образца, синий переведён в зелёный. */
@font-face{font-family:TildaSans;src:url('assets/TildaSans-VF.woff2') format('woff2');font-weight:250 1000;font-display:swap}
:root{--blue:#53f6a5;--bright:#20ea85;--ink:#0c1812;--muted:#9dbbac;--line:#ffffff16}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--ink);color:#f7fffb;font-family:TildaSans,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button:disabled{cursor:wait}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #95f9c7;outline-offset:6px}
.wrap{max-width:1320px;margin:auto;padding-left:40px;padding-right:40px}
.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font:300 31px/1 TildaSans,sans-serif;letter-spacing:-1.8px;display:inline-block}
.brand>span{color:var(--blue)}
.brand small{font-size:8px;letter-spacing:1.6px;display:block;text-align:center;margin-top:7px}
.brand b{background:var(--blue);padding:1px 3px;letter-spacing:0}
.header nav{display:flex;gap:34px;color:#b0cabd;font-size:15px}
.header nav a:hover{color:white}
.community{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #ffffff35;padding:14px 23px;border-radius:30px;font-size:15px;font-weight:600;transition:.2s}
.community:hover{background:#ffffff0c;border-color:var(--blue)}
.hero{padding-top:61px;text-align:center;position:relative}
.hero:before{content:'';position:absolute;top:80px;left:0;right:0;height:900px;z-index:-1;background:radial-gradient(ellipse at 33% 53%,#2290593b,transparent 52%);pointer-events:none}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#93f9c6}
.eyebrow>span:first-child,.dot{display:inline-block;background:var(--blue);width:6px;height:6px;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #53f6a5}
.hero h1{font-size:clamp(42px,4.6vw,68px);letter-spacing:-2.9px;font-weight:600;line-height:1.04;margin:21px 0 20px}
.hero h1 em{font-style:normal;color:var(--blue)}
.intro{font-size:18px;line-height:1.5;color:var(--muted);margin:0}
.preview{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#8bab9b;border:1px solid var(--line);border-radius:25px;padding:7px 12px;margin-top:18px}
.preview span{color:#498b6a}
.game{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;margin:42px auto 60px;max-width:1150px}
.wheel-area{position:relative;padding:28px 6px 0}
.wheel-shell{position:relative;aspect-ratio:1;border-radius:50%;padding:12px;background:linear-gradient(130deg,#79e7b0,#17452e 36%,#69cd9b 56%,#133b27 83%);box-shadow:0 0 0 1px #a2face47,0 0 0 9px #48e09408,0 24px 75px #0008,inset 0 0 12px #a9fad266}
.wheel-shell:after{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid #b7f6d778;pointer-events:none}
canvas{display:block;width:100%;height:100%;border-radius:50%}
.pointer{position:absolute;z-index:4;left:50%;top:-15px;transform:translateX(-50%);width:30px;height:43px;background:linear-gradient(110deg,#fff,#a2face);clip-path:polygon(10% 0,90% 0,100% 25%,50% 100%,0 25%);filter:drop-shadow(0 3px 5px #000)}
.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:99px;height:99px;border-radius:50%;background:linear-gradient(145deg,#284e3b,#0d2218);border:5px solid #569676;box-shadow:0 6px 18px #0008,0 0 0 5px #123725;display:flex;align-items:center;justify-content:center;flex-direction:column}
.hub>span{font-size:43px;font-weight:600;line-height:1}
.hub small{font-size:7px;letter-spacing:2px;color:#9cbfae;margin-top:5px}
.orbit{position:absolute;border:1px solid #ffffff08;border-radius:50%;pointer-events:none;inset:5px -18px 41px}
.orbit-two{inset:-14px -37px 22px;border-style:dashed}
.spark{position:absolute;color:#86d6ae;font-size:25px}
.s1{left:-15px;top:42px}
.s2{right:-15px;bottom:60px;font-size:32px}
.s3{left:14px;bottom:25px;font-size:15px}
.wheel-caption{margin-top:34px;color:#95b6a5;font-size:10px;font-weight:550;letter-spacing:2px}
.result-card{text-align:center;border:1px solid #7dd6aa38;border-radius:22px;background:linear-gradient(140deg,#1e3b2d99,#11221a 67%);padding:28px 32px 25px;box-shadow:0 30px 80px #0003;position:relative}
.result-card:before{content:'';height:1px;position:absolute;top:0;left:20%;right:20%;background:linear-gradient(90deg,transparent,#89f9c1,transparent)}
.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.1px;color:#a0c3b2}
.edition{color:#5e8c75;font-size:8px}
.reward-icon{display:grid;place-items:center;font-size:43px;color:#90f9c4;width:86px;height:86px;margin:30px auto 23px;border:1px solid #53f6a535;border-radius:24px;background:radial-gradient(circle,#3ee39122,transparent)}
.status{font-size:10px;letter-spacing:1.7px;color:#8bf5c0;font-weight:600;margin:0 0 14px}
.result-card h2{font-size:35px;line-height:1.12;letter-spacing:-1px;margin:0 0 15px;font-weight:550}
.result-card #result-description{min-height:46px;font-size:16px;color:var(--muted);line-height:1.5;margin:0 0 25px}
.spin-button,.claim-button{width:100%;padding:17px 23px;display:flex;align-items:center;justify-content:center;gap:30px;font-size:18px;font-weight:600;border:0;border-radius:32px;background:var(--bright);color:white;box-shadow:0 6px 30px #27f48e25;transition:background .2s,transform .2s}
.spin-button:hover,.claim-button:hover{background:#41f59b;transform:translateY(-1px)}
.spin-button:disabled{opacity:.7;transform:none}
.spin-button span,.claim-button span{font-size:23px}
.spin-note{font-size:11px;color:#84a594;margin-top:13px}
.spin-note span{margin:0 10px;color:#416e58}
.card-divider{height:1px;background:var(--line);margin:24px 0 19px}
.card-foot{display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;line-height:1.5;color:#81a392}
.card-foot strong{font-weight:450;color:#aec9bb}
.shield{border:1px solid #6ac49755;color:#80e6b3;border-radius:10px;padding:7px 10px}
.mini-star{margin-left:auto;color:#45705b;font-size:27px}
.trust-row{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.trust-row>span{font-size:10px;letter-spacing:1.8px;color:#779988}
.trust-row div{display:flex;gap:40px;font-size:21px}
.trust-row b{font-weight:450;color:#b0cdbe}
.prizes{padding-top:85px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}
.section-heading h2,.how h2,.rules h2{font-size:38px;font-weight:550;letter-spacing:-1.2px;margin:14px 0 0}
.section-heading>p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}
.prize-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.prize{border:1px solid var(--line);border-radius:15px;padding:23px;background:linear-gradient(120deg,#18312499,#12251c99);transition:border-color .2s}
.prize:hover{border-color:#53f6a566}
.prize .number{float:right;font-size:10px;letter-spacing:1px;color:#547966}
.prize .icon{font-size:24px;color:#7af4b7;height:38px}
.prize h3{font-weight:550;font-size:18px;line-height:1.15;margin:16px 0 9px}
.prize p{font-size:13px;line-height:1.5;color:#88aa99;margin:0}
.prize.selected{border-color:#53f6a5;background:#1a4831}
.how{padding-top:85px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.steps article{padding:20px 0;border-top:1px solid var(--line)}
.steps article>span{font-size:12px;color:var(--blue)}
.steps h3{font-size:22px;font-weight:550;margin:18px 0 10px}
.steps p{color:var(--muted);line-height:1.6;font-size:15px;max-width:320px}
.rules{margin-top:55px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding-top:45px;border-top:1px solid var(--line)}
.rules h2{font-size:31px}
.rules details{border-bottom:1px solid var(--line);padding:19px 0}
.rules summary{cursor:pointer;list-style:none;font-size:17px;display:flex;justify-content:space-between}
.rules summary::-webkit-details-marker{display:none}
.rules summary span{color:var(--blue)}
.rules details[open] summary span{transform:rotate(45deg)}
.rules details p{color:var(--muted);font-size:15px;line-height:1.6;max-width:560px}
.closing{margin-top:80px;margin-bottom:50px;padding-top:40px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#1a483188,transparent);border-top:1px solid #5fbf8f2b;border-bottom:1px solid #5fbf8f2b}
.closing h2{font-size:44px;line-height:1.07;letter-spacing:-1.3px;font-weight:550;margin:17px 0}
.closing p:not(.eyebrow){font-size:15px;color:var(--muted)}
.closing .community{background:#20ea85;border:0;padding:18px 27px}
footer{display:flex;align-items:center;gap:40px;flex-wrap:wrap;padding-bottom:28px}
footer>p{font-size:12px;color:#769686}
footer>div{margin-left:auto;display:flex;gap:24px;font-size:12px;color:#94b2a3}
footer button{border:0;background:none;color:#749c88;padding:0;font-size:12px}
footer .risk{width:100%;font-size:11px;color:#587d6b;line-height:1.6;margin:0}
dialog{border:1px solid #58b285;border-radius:24px;background:#132d20;color:#fff;padding:40px;max-width:460px;width:calc(100% - 32px);text-align:center;box-shadow:0 40px 100px #0008}
dialog::backdrop{background:#04120bcc;backdrop-filter:blur(8px)}
dialog h2{font-size:34px;margin:10px 0;line-height:1.1}
dialog p{color:#adcdbd;line-height:1.6}
.dialog-star{font-size:60px;color:#7cf8ba;margin-top:20px}
.close{position:absolute;right:15px;top:12px;background:none;border:0;color:#a6c9b8;font-size:29px}
.demo-notice{font-size:12px;border:1px solid var(--line);border-radius:10px;padding:14px;margin:22px 0}
[hidden]{display:none!important}
@media(min-width:1500px){.hero:before{left:0;right:0}}
@media(max-width:900px){.wrap{padding-left:24px;padding-right:24px}
.header nav{display:none}
.game{gap:35px}
.result-card{padding:22px}
.result-card h2{font-size:29px}
.card-top{font-size:8px}
.edition{display:none}
.hub{width:78px;height:78px}
.prize-grid{grid-template-columns:repeat(2,1fr)}
.hero:before{left:0;right:0}
.trust-row div{gap:18px;font-size:17px}
.section-heading h2{font-size:32px}
.section-heading>p{max-width:230px}
.rules{gap:24px}}
@media(max-width:640px){.wrap{padding-left:20px;padding-right:20px}
.header{height:84px}
.brand{font-size:27px}
.header .community{font-size:12px;padding:11px 15px;gap:10px}
.hero{padding-top:38px}
.eyebrow{font-size:9px;letter-spacing:1.5px}
.hero h1{font-size:43px;letter-spacing:-1.9px;margin:20px 0}
.intro{font-size:16px}
.intro br{display:none}
.preview{font-size:10px;margin-top:18px}
.game{grid-template-columns:1fr;gap:35px;margin-top:20px;margin-bottom:35px}
.wheel-area{max-width:420px;width:100%;margin:auto;padding:25px 12px 0}
.orbit{inset:10px 0 40px}
.orbit-two{inset:0 -8px 30px}
.s1{left:0}
.s2{right:0}
.wheel-shell{padding:9px}
.pointer{width:24px;height:35px;top:-12px}
.hub{width:76px;height:76px}
.hub>span{font-size:32px}
.hub small{font-size:6px}
.wheel-caption{margin-top:26px;font-size:8px}
.result-card{padding:23px 24px;max-width:420px;width:100%;margin:auto}
.card-top{font-size:8px}
.edition{display:block}
.reward-icon{width:64px;height:64px;font-size:32px;margin:25px auto 20px;border-radius:18px}
.result-card h2{font-size:33px}
.result-card #result-description{font-size:15px}
.trust-row{flex-direction:column;gap:16px;padding:24px 0}
.trust-row>span{font-size:8px}
.trust-row div{font-size:18px;gap:24px}
.prizes,.how{padding-top:52px}
.section-heading{display:block;margin-bottom:24px}
.section-heading h2,.how h2{font-size:30px}
.section-heading>p{margin-top:15px;max-width:none;font-size:14px}
.prize-grid{gap:10px}
.prize{padding:18px 15px}
.prize h3{font-size:17px}
.prize p{font-size:12px}
.steps{grid-template-columns:1fr;gap:4px}
.steps article{position:relative;padding:18px 0 18px 43px}
.steps article>span{position:absolute;left:0;top:25px}
.steps h3{margin:0;font-size:21px}
.steps p{margin-bottom:0;max-width:none;font-size:14px}
.rules{grid-template-columns:1fr;gap:12px;margin-top:35px;padding-top:30px}
.rules h2{font-size:29px}
.rules summary{font-size:16px}
.closing{margin-top:45px;display:block;padding-top:30px;padding-bottom:30px;margin-bottom:30px}
.closing h2{font-size:39px}
.closing .community{margin-top:10px}
footer{gap:20px}
footer>div{width:100%;margin:0;justify-content:space-between}
footer>p{margin-left:auto}
dialog{padding:32px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important}}
:root{--blue:#5bf6a9;--ink:#18251e}
body{background:radial-gradient(ellipse at 75% 10%,#314a3e55,transparent 60%),repeating-linear-gradient(105deg,transparent 0,transparent 170px,#ffffff03 171px,transparent 172px),#18251e}
.brand img{max-width:160px;height:auto}
.hero h1{font-weight:600;letter-spacing:-2px}
.hero h1 em{font-style:normal;color:var(--blue)}
.result-card{border-radius:10px;background:#182720e6;box-shadow:none}
.orbit,.spark{opacity:.3}
.preview{background:transparent}
.spin-button,.claim-button{border-radius:40px!important;background:#5bf6a9!important}
.code-row{display:flex;gap:8px;margin:10px 0 18px}
.code-row input{min-width:0;flex:1}
.code-row button{background:#3cb378;color:white;border:0;border-radius:6px;padding:10px}
input{font:inherit;color:white;background:#ffffff08;border:1px solid #ffffff30;border-radius:6px;padding:13px}
#entry{text-align:left}
#entry label{font-size:11px;letter-spacing:2px;color:#aeccbd}
.receipt{font-size:22px;color:#91f9c5;overflow-wrap:anywhere}
#spin-note{overflow-wrap:anywhere}
button:disabled{opacity:.45;cursor:not-allowed}
[hidden]{display:none!important}
.prize small{color:#9bfacb}
@media(max-width:600px){.code-row{flex-direction:column}
.hero h1{font-size:40px}}
.header{height:85px;border:0}
.team-link{font-size:13px;color:#b0cebf}
.hero{padding-top:18px;padding-bottom:40px}
.hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.06;margin:16px 0}
.intro{font-size:18px!important;margin:14px auto!important}
.game{margin-top:28px!important}
.trust-row,.card-foot,.card-divider,.wheel-caption{display:none}
.result-card{padding:28px!important}
.hero .eyebrow{font-size:10px}
.wheel-area{max-width:480px;justify-self:center;width:100%}
.wheel-shell{max-width:450px;margin:auto}
.card-top{margin-bottom:18px}
.reward-icon{font-size:34px!important;margin:12px auto!important}
.result-card h2{font-size:32px!important}
.result-card #result-description{font-size:16px!important}
.result-card #spin-note{font-size:13px}
@media(min-width:1000px){.game{max-width:1000px;margin-left:auto;margin-right:auto;grid-template-columns:1fr 1fr;gap:60px}}
:root{--blue:#53f6a5;--muted:#c8ddd2;--line:#2f483c}
body{background:linear-gradient(#0006,#0006),url('background.png') center/cover fixed,#171717}
.hero:before{display:none}
.hero h1{font-weight:600;letter-spacing:0;line-height:1.2}
.hero h1 em{font-weight:800}
.intro{color:#c8ddd2}
.result-card{background:#171717b3;border:1px solid #2f483c;border-radius:8px;backdrop-filter:blur(30px)}
.spin-button,.claim-button{background:#0df280!important;border-radius:30px!important;font-weight:700}
.spin-button:hover,.claim-button:hover{background:#2ff492!important}
.orbit,.spark,.wheel-base{display:none}
.wheel-shell{box-shadow:0 0 40px #0df28020;border-color:#53f6a5}
.hub{border-color:#2f483c}
.card-top{color:#c8ddd2}
.reward-icon{color:#53f6a5}
.reward-icon{border:0!important;background:none!important;box-shadow:none!important;width:100px!important;height:80px!important;transform:rotate(-12deg);color:#81f8bd!important;filter:drop-shadow(0 8px 18px #0df28066)}
.ticket-icon{width:80px;height:56px;display:block}
.spin-button svg,.code-row button svg{width:23px;height:23px;flex:none}
.spin-button,.code-row button{display:flex;align-items:center;justify-content:center;gap:12px}
.spin-button:not(:disabled){box-shadow:0 5px 26px #0df28055}
.is-spinning .wheel-shell{box-shadow:0 0 55px #43f59c70}
.is-spinning .pointer{filter:drop-shadow(0 0 12px #adfbd4)}
.is-spinning #status{color:#ffe099}
.is-spinning .spin-button svg{animation:button-turn 1.2s linear infinite}
@keyframes button-turn{to{transform:rotate(360deg)}}
#reward-dialog{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#2ba166 0%,#163626 55%,#0d2218 100%);border:1px solid #93f9c680;border-radius:20px;box-shadow:0 0 100px #0df28055;text-align:center;max-width:520px;width:calc(100% - 32px);padding:40px 28px}
#reward-dialog::backdrop{background:#04170ed9;backdrop-filter:blur(8px)}
#reward-dialog[open]{animation:winner-in .4s ease-out}
.winner-ticket{display:flex;justify-content:center;color:#ffda73;margin:24px auto 12px;transform:rotate(-12deg);filter:drop-shadow(0 8px 18px #fbc54b44)}
.winner-heading{font-weight:800;font-size:46px;color:#ffe397;margin:8px 0 18px;line-height:1}
#reward-dialog .eyebrow{color:#abfbd3;font-size:12px;letter-spacing:3px}
#reward-dialog h2{font-size:30px;line-height:1.15;margin:12px 0 24px}
#win-code{font-size:20px;font-weight:700;letter-spacing:1px;padding:14px 8px;background:#ffffff0b;border:1px dashed #a3face70;border-radius:8px;color:white}
#reward-dialog .close{z-index:3}
.confetti{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.confetti i{position:absolute;top:-20px;width:7px;height:12px;animation:confetti-fall 3.2s var(--delay) ease-in both}
@keyframes confetti-fall{to{transform:translate(var(--drift),750px) rotate(800deg);opacity:0}}
@keyframes winner-in{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#reward-dialog[open],.is-spinning .spin-button svg{animation:none}}
#entry.code-accepted input{border-color:#35d58c;box-shadow:0 0 0 2px #35d58c22}
#entry.code-accepted .code-row button{background:#14794f;color:#fff}
body:has(#entry.code-accepted) #status{color:#4be6a3}
#winner-art{width:180px;height:180px;display:block;margin:0 auto 18px;border-radius:24px}
#reward-dialog{max-height:92dvh;overflow-y:auto}
#reward-dialog .winner-ticket{margin:10px auto}
#reward-dialog .winner-heading{font-size:36px;margin:8px 0}
#reward-dialog h2{font-size:26px;margin:8px 0 12px}
#reward-dialog .demo-notice{font-size:22px;line-height:1.35;font-weight:600;color:#fff;margin:22px 0}
#copy-prize-code{padding:12px 22px;border:1px solid #8ff9c470;border-radius:30px;background:#279b61;color:white;font:600 16px TildaSans,Arial;cursor:pointer}
#copy-status{color:#5aeba8;font-size:13px;min-height:18px;margin:6px 0}
#win-code{user-select:all;margin-bottom:10px}
@media(max-width:480px){#reward-dialog .demo-notice{font-size:20px}}
#spin-note:empty{display:none}
.wheel-legal{display:block!important;max-width:1100px;margin:20px auto 0;padding-top:20px;padding-bottom:30px;border-top:1px solid #ffffff18;color:#9ab8a9;font-size:12px;line-height:1.6}
.wheel-legal p{margin:0 0 12px;max-width:none}
.wheel-legal details{margin-bottom:12px}
.wheel-legal summary{cursor:pointer;color:#c8ddd2;font-weight:600}
.wheel-legal details div{padding-top:14px}
.wheel-legal a{text-decoration:underline;color:#b3e0ca}
.wheel-legal>p{margin-left:0}
@media(max-width:600px){.wheel-legal{font-size:12px}}
.hub{width:24%;height:auto;aspect-ratio:1;border:0!important;border-radius:50%;padding:9px;overflow:hidden;background:repeating-conic-gradient(from 9deg,#b3fbd7 0deg 8deg,#307c56 8deg 28deg,#123423 28deg 36deg);box-shadow:0 0 0 2px #b6fbd999,0 0 0 6px #123e28,0 10px 24px #000b,0 0 32px #43f59c80;display:grid;place-items:center}
.hub:before{content:'';position:absolute;inset:4px;border-radius:50%;border:1px solid #e0fdee88;pointer-events:none}
.hub-face{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 35% 18%,#3a9e6c 0%,#174f33 40%,#091d13 85%);border:2px solid #90f9c4;box-shadow:inset 0 3px 7px #fff3,inset 0 -7px 12px #0008;position:relative}
.hub-face:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#fff2 0%,transparent 42%,transparent 65%,#53f6a518);pointer-events:none}
.hub-face img{display:block;width:82%;height:auto;max-height:58%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 2px 3px #0007)}
@media(max-width:600px){.hub{width:24%;height:auto;padding:7px}
.hub-face{border-width:1px}}
body{background:radial-gradient(ellipse at 24% 48%,#1bb46855 0%,transparent 45%),radial-gradient(ellipse at 86% 22%,#41b47b35 0%,transparent 42%),linear-gradient(#09261870,#092618a6),url('background.png') center/cover fixed,#0c2318}
.hero h1{color:#fff;text-shadow:0 3px 25px #51f6a430}
.hero h1 em{color:#92f9c6;text-shadow:0 0 30px #3df59970}
.hero>.eyebrow{color:#bdfbdc;letter-spacing:3px}
.hero>.eyebrow span{background:#7df8bb;box-shadow:0 0 12px #71f8b5}
.intro{color:#d8f8e8!important}
.wheel-shell{position:relative;background:linear-gradient(145deg,#d2fde8,#78e6af 20%,#1c7c4c 48%,#7af8b9 72%,#2a8c5b);box-shadow:0 0 0 2px #d6fdea70,0 0 0 7px #2ba06633,0 0 65px #2ff49265,0 20px 45px #0008!important}
.wheel-shell:after{content:'';position:absolute;inset:1px;border:3px dotted #e6fef2;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 5px #7ff8bc);opacity:.9}
.pointer{filter:drop-shadow(0 0 9px #bafbdb) drop-shadow(0 5px 6px #0d3a23);z-index:5}
.result-card{background:radial-gradient(ellipse at 50% 0%,#35a76e50,transparent 58%),linear-gradient(145deg,#224f39ee,#133022f5)!important;border:1px solid #71f8b57a!important;box-shadow:0 12px 45px #0004,inset 0 1px 0 #cafce340,0 0 36px #3beb931c!important;border-radius:18px!important}
.card-top{color:#bcfbdc}
.result-card h2{color:#fff}
.result-card #status{color:#bcfbdc;letter-spacing:2px}
.reward-icon{color:#aafbd3!important;filter:drop-shadow(0 5px 20px #45f59d88)}
.code-row input{background:#0b2a1b99;border-color:#7cbf9e4d;color:#fff}
.code-row input::placeholder{color:#a9d4be}
.code-row input:focus{outline:2px solid #8af9c2;outline-offset:2px}
.code-row button{background:linear-gradient(135deg,#4ae397,#37b174);border:1px solid #8bf9c255;box-shadow:inset 0 1px 0 #fff2}
.spin-button:not(:disabled),.claim-button{background:linear-gradient(105deg,#20f38a 0%,#3cf599 55%,#5cf6a9 100%)!important;box-shadow:0 7px 0 #1a7246,0 12px 28px #14f38455,inset 0 1px 0 #c7fce29c!important;border:1px solid #9bfacb99!important;transition:filter .2s,transform .2s}
.spin-button:not(:disabled):hover,.claim-button:hover{filter:brightness(1.15);transform:translateY(-2px)}
.spin-button:not(:disabled):active,.claim-button:active{transform:translateY(3px);box-shadow:0 3px 0 #1a7246,0 6px 20px #14f38455!important}
.spin-button:disabled{background:#2d7d55!important;opacity:.65}
.wheel-legal{color:#a8cfbc}
.is-spinning .wheel-shell{box-shadow:0 0 0 2px #ccfce4,0 0 85px #32f493aa,0 20px 45px #0008!important}
@media(prefers-reduced-motion:reduce){.spin-button,.claim-button{transition:none!important;transform:none!important}}
.get-code-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;margin:22px 0;padding:18px;border:1px solid #77e2ad66;border-radius:14px;background:#17462f;}
.get-code-panel p{margin:0 0 5px;color:#f5fefa;font-size:15px;font-weight:650;line-height:1.4;}
.get-code-panel>div>span{color:#c3e9d6;font-size:13px;line-height:1.5;}
.get-code-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:44px;padding:11px 17px;border:1px solid #8ff9c4;border-radius:10px;background:#2dd682;color:#fff!important;text-decoration:none;font-size:14px;font-weight:700;transition:background .15s;}
.get-code-button:hover{background:#3fe693;}
.get-code-button:focus-visible{outline:3px solid #cbfce3;outline-offset:3px;}
@media(max-width:440px){.get-code-panel{flex-direction:column;align-items:stretch;padding:16px;}
.get-code-button{width:100%;}}
.prize-gallery{max-width:1100px;margin:38px auto 48px;padding-top:32px;border-top:1px solid #53f6a555;color:#fff;text-align:left}
.prize-gallery .gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.prize-gallery .gallery-eyebrow{margin:0 0 8px;color:#bbfbdb;font-size:12px;font-weight:700;letter-spacing:2px}
.prize-gallery h2{margin:0;font-size:40px;font-weight:600;line-height:1.15;letter-spacing:0}
.prize-gallery .gallery-intro{font-size:18px;color:#e4f4ec;margin:16px 0 8px;max-width:none}
.prize-gallery .gallery-notice{font-size:14px;color:#c8ddd2;line-height:1.5;margin:0 0 24px;max-width:720px}
.gallery-return{font-size:16px;color:#d6fdea;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.prize-gallery #prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0}
.prize-gallery .prize{margin:0;padding:0;min-width:0;border:1px solid #498969;border-radius:14px;background:#123423;overflow:hidden;display:flex;flex-direction:column;box-shadow:none;transform:none}
.prize-gallery .prize-art{display:grid;place-items:center;min-height:220px;background:radial-gradient(ellipse at 50% 30%,#1c774a,#05331c 85%);border-bottom:1px solid #498969;padding:12px}
.prize-gallery .prize-photo{width:196px;max-width:100%;aspect-ratio:1;background-size:500% 200%;background-repeat:no-repeat;clip-path:inset(3px round 8px);border-radius:8px}
.prize-gallery .prize-copy{padding:20px 20px 16px;flex:1}
.prize-gallery .prize h3{font-size:23px;font-weight:600;line-height:1.18;color:#fff;margin:0;overflow-wrap:anywhere}
.prize-gallery .prize p{font-size:16px;line-height:1.4;color:#e4f4ec;margin:12px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.prize-gallery .prize .prize-odds{padding:0 20px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.prize-gallery .prize small{font-size:14px;font-weight:600;color:#fff;background:#268c59;border-radius:30px;padding:7px 12px;line-height:1.3}
.prize-gallery .prize .unavailable{color:#e4f4ec;font-size:14px}
.prize-gallery .prize[data-unavailable="true"] small{background:#355445}
#gallery-status{color:#e4f4ec;font-size:16px;line-height:1.5}
#gallery-status:not(:empty){border:1px solid #649b80;border-radius:14px;background:#123423;padding:20px;margin:20px 0}
#gallery-status button{display:block;margin-top:12px;min-height:44px;border:1px solid #aafbd3;border-radius:30px;background:#0df280;color:white;padding:10px 22px;font:600 16px TildaSans,Arial}
.get-code-button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;background:#0df280!important;color:#fff!important;border:1px solid #85f9bf;border-radius:30px;padding:10px 22px!important;font-weight:700;text-decoration:none;transform:none!important}
.get-code-button:hover{background:#20b86c!important;transform:none!important}
.get-code-button:focus-visible,.gallery-return:focus-visible,#gallery-status button:focus-visible,.prize-gallery summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:1000px){.prize-gallery #prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.prize-gallery .gallery-heading{align-items:start;flex-direction:column;gap:8px}}
@media(max-width:600px){.prize-gallery{margin-top:24px;padding-top:24px}
.prize-gallery h2{font-size:32px}
.prize-gallery #prize-grid{grid-template-columns:1fr;gap:16px}
.prize-gallery .prize-art{min-height:216px}
.prize-gallery .prize h3{font-size:24px}
.prize-gallery .prize-copy{padding:18px 18px 12px}
.get-code-panel{flex-wrap:wrap;gap:14px}
.get-code-button{flex-shrink:0}
.gallery-return{font-size:16px}}
@media(prefers-reduced-motion:reduce){.get-code-button{transition:none}}
.wheel-config-status{color:#c0f0d8;font-size:13px;line-height:1.5;text-align:left;margin:0 0 16px}
.wheel-config-status:empty{display:none}
.wheel-config-status button{display:inline-block;margin:8px 0 0 10px;padding:8px 14px;border:1px solid #8ff9c470;border-radius:20px;background:#266546;color:#fff;font:inherit;cursor:pointer}
.wheel-config-status button:focus-visible{outline:2px solid #b9fbda;outline-offset:3px}
.wheel-actions{max-width:450px;margin:18px auto 0;position:relative;z-index:2}
.wheel-actions .spin-button,.wheel-actions .claim-button{min-height:52px;margin:0}
.wheel-actions p{font-size:14px;line-height:1.4;color:#d2f3e2;margin:10px 0 0}
.wheel-area{scroll-margin:16px}
@media(max-width:1000px){.game{grid-template-columns:1fr;gap:24px!important}
.wheel-area{padding:20px 0 0}
.wheel-shell{width:min(100%,450px,calc(100svh - 150px))}
.wheel-actions{margin-top:14px}
.hero{padding-bottom:16px}
.result-card .reward-icon,.result-card .card-top{display:none!important}
.result-card{padding:20px!important}
.result-card h2{font-size:24px!important}
.result-card #result-description{min-height:0;margin-bottom:16px}
.get-code-panel{margin:16px 0}
.wheel-actions .spin-button,.wheel-actions .claim-button{padding:13px 18px}
.wheel-actions p{margin-top:8px}}
.game{grid-template-columns:minmax(0,1fr)!important;max-width:1120px;margin-left:auto;margin-right:auto}
.wheel-area{width:100%!important;max-width:none!important;min-width:0;padding:20px 0!important;align-self:center}
.roulette-label{display:flex;justify-content:space-between;padding:0 20px 18px;color:#b1f0d0;font-size:12px;font-weight:700;letter-spacing:2px}
.roulette-window{position:relative;overflow:hidden;border:1px solid #4b8b6b;border-radius:22px;background:#0c2619;box-shadow:0 20px 60px #0005,inset 0 0 40px #0004}
.roulette-window canvas{display:block;width:100%;height:auto;max-width:none!important;border-radius:0!important}
.roulette-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#092115e8,transparent 20%,transparent 80%,#092115e8)}
.roulette-marker{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:3px;background:#effef6;box-shadow:0 0 15px #6cf7b2;transform:translateX(-50%);pointer-events:none}
.roulette-marker:before,.roulette-marker:after{content:'';position:absolute;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent}
.roulette-marker:before{top:0;border-top:14px solid #eefef6}
.roulette-marker:after{bottom:0;border-bottom:14px solid #eefef6}
.game .result-card{width:100%;max-width:620px;margin:10px auto 0;box-sizing:border-box}
.wheel-actions{max-width:480px;margin:16px auto!important}
.wheel-caption{margin-top:18px!important}
.is-spinning .roulette-window{border-color:#80f8bc}
@media(max-width:600px){.roulette-window{border-radius:15px}
.roulette-window canvas{width:800px!important;max-width:none!important;height:229px!important;position:relative;left:50%;transform:translateX(-50%)}
.roulette-label{font-size:9px;letter-spacing:1px;padding:0 6px 12px}
.hero h1{font-size:36px!important}
.game{gap:12px!important}
.wheel-area{padding:8px 0!important}
.wheel-actions{width:100%!important}
.roulette-window{width:100%}}
body.roulette-skin .prize-browse{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:14px;color:#bdfbdc;font-size:14px;font-weight:600;text-decoration:underline;text-decoration-color:#67b68f;text-underline-offset:5px}
body.roulette-skin .prize-browse span{font-size:20px;text-decoration:none}
body.roulette-skin .reward-catalog{max-width:1200px;margin:8px auto 0;padding-top:56px;padding-bottom:36px;scroll-margin-top:24px}
body.roulette-skin #roulette{scroll-margin-top:24px}
body.roulette-skin .reward-catalog__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px;padding-top:34px;border-top:1px solid #355a48;text-align:left}
body.roulette-skin .reward-catalog__eyebrow{margin:0 0 14px;color:#99eac2;font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.5}
body.roulette-skin .reward-catalog h2{margin:0;color:#f6fefa;font-size:clamp(32px,4vw,48px);font-weight:650;line-height:1.12;letter-spacing:-1.3px}
body.roulette-skin .reward-catalog__intro{margin:16px 0 0;color:#b8d8c8;font-size:16px;line-height:1.6}
body.roulette-skin .reward-catalog__back{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px;color:#c8fce2;font-size:14px;font-weight:600}
body.roulette-skin .reward-catalog__back span{font-size:23px;color:#93f9c6}
body.roulette-skin .reward-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.roulette-skin .reward-tile{min-width:0;overflow:hidden;border:1px solid #36614c;border-radius:18px;background:#183527;text-align:left;display:flex;flex-direction:column}
body.roulette-skin .reward-tile__visual{height:222px;position:relative;display:flex;align-items:center;justify-content:center;padding:24px 32px;background:radial-gradient(ellipse at 50% 58%,#3b795a66,transparent 70%),linear-gradient(145deg,#1e4a34,#153525);border-bottom:1px solid #36614c}
body.roulette-skin .reward-tile__number{position:absolute;top:19px;left:20px;color:#94c4ac;font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums}
body.roulette-skin .reward-tile__art{display:block;width:100%;max-width:232px;height:170px;overflow:visible;filter:drop-shadow(0 12px 16px #06170f4d)}
body.roulette-skin .reward-tile__copy{padding:25px 26px 28px;flex:1}
body.roulette-skin .reward-tile__tag{margin:0 0 12px;color:#9aebc2;font-size:10px;letter-spacing:1.6px;line-height:1.5;font-weight:700}
body.roulette-skin .reward-tile h3{margin:0;color:#f7fffb;font-size:23px;line-height:1.25;font-weight:650;letter-spacing:-.45px;overflow-wrap:break-word}
body.roulette-skin .reward-tile__description{margin:14px 0 0;color:#c2ded0;font-size:15px;line-height:1.65}
@media(max-width:1000px){body.roulette-skin .reward-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.roulette-skin .reward-catalog__heading{gap:20px}
body.roulette-skin .reward-tile__copy{padding:24px}}
@media(max-width:600px){body.roulette-skin .reward-catalog{padding-top:20px;padding-bottom:16px;scroll-margin-top:12px}
body.roulette-skin .reward-catalog__heading{display:block;padding-top:28px;margin-bottom:24px}
body.roulette-skin .reward-catalog h2{font-size:34px;letter-spacing:-1px}
body.roulette-skin .reward-catalog__intro{font-size:15px;margin-top:12px}
body.roulette-skin .reward-catalog__back{margin-top:12px}
body.roulette-skin .reward-catalog__grid{grid-template-columns:1fr;gap:18px}
body.roulette-skin .reward-tile__visual{height:214px}
body.roulette-skin .reward-tile__copy{padding:23px 24px 26px}
body.roulette-skin .reward-tile h3{font-size:24px}
body.roulette-skin .prize-browse{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.roulette-skin [data-tier="gold"]{--prize-glow:239,174,57;--prize-top:#49331c;--prize-base:#201d20;--prize-line:#8a6937;--prize-accent:#ffdb90}
body.roulette-skin [data-tier="silver"]{--prize-glow:202,221,211;--prize-top:#3a4e44;--prize-base:#1c2822;--prize-line:#7e9a8c;--prize-accent:#eefbf4}
body.roulette-skin [data-tier="bronze"]{--prize-glow:190,115,61;--prize-top:#4d3026;--prize-base:#261b19;--prize-line:#946447;--prize-accent:#f1bc96}
body.roulette-skin .reward-tile{background:var(--prize-base);border-color:var(--prize-line)}
body.roulette-skin .reward-tile__visual{background:radial-gradient(ellipse at 50% 55%,rgba(var(--prize-glow),.88) 0%,rgba(var(--prize-glow),.58) 28%,rgba(var(--prize-glow),.13) 61%,transparent 80%),linear-gradient(145deg,var(--prize-top),var(--prize-base));border-color:var(--prize-line)}
body.roulette-skin .reward-tile__art{position:relative;z-index:1}
body.roulette-skin .reward-tile__number{z-index:2;color:var(--prize-accent)}
body.roulette-skin .reward-tile__tier{position:absolute;z-index:2;top:17px;right:18px;padding:5px 8px;border:1px solid var(--prize-line);border-radius:20px;color:var(--prize-accent);background:var(--prize-base);font-size:9px;line-height:1;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}
body.roulette-skin .reward-tile__tag{color:var(--prize-accent)}
body.roulette-skin .reward-tiers{display:flex;gap:12px 24px;flex-wrap:wrap;margin:-8px 0 24px;color:#dcf1e6;font-size:12px;line-height:1.5}
body.roulette-skin .reward-tiers span{display:inline-flex;gap:8px;align-items:center}
body.roulette-skin .reward-tiers span:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--prize-accent);box-shadow:0 0 12px rgba(var(--prize-glow),.7)}
body.roulette-skin .roulette-window:after{background:linear-gradient(90deg,#09211588,transparent 7%,transparent 93%,#09211588)}