:root{--roulette-orange:#f26a21;--roulette-orange-2:#ff8a45;--roulette-dark:#0b0b0c;--roulette-panel:#151516;--roulette-cream:#fff5ec}
#roulette-dialog{width:min(980px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #ffffff24;border-radius:28px;background:#0d0d0f;color:#fff;overflow:auto;box-shadow:0 30px 100px #000b;font:400 16px/1.45 Inter,sans-serif}
#roulette-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}
.roulette-shell{position:relative;display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(350px,.95fr);min-height:620px;background:radial-gradient(circle at 22% 35%,#f26a2130,transparent 34%),linear-gradient(145deg,#09090a,#171719)}
.roulette-close{position:absolute;z-index:10;top:18px;right:18px;width:42px;height:42px;border:1px solid #ffffff20;border-radius:50%;background:#0008;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.roulette-close:hover{background:#ffffff12}
.roulette-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 34px 38px;border-right:1px solid #ffffff12}
.roulette-brand{width:240px;max-height:96px;object-fit:contain;margin:-18px 0 18px}
.roulette-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#ff9c66;text-transform:uppercase}
.roulette-wheel-wrap{position:relative;width:min(390px,78vw);aspect-ratio:1;margin:18px auto 22px}
.roulette-pointer{position:absolute;z-index:5;left:50%;top:-12px;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #fff;filter:drop-shadow(0 5px 8px #0008)}
.roulette-wheel{position:absolute;inset:0;border-radius:50%;border:8px solid #f4f1ed;box-shadow:0 0 0 4px #f26a21,0 18px 50px #000a;transition:transform 4.8s cubic-bezier(.16,.74,.18,1);background:conic-gradient(from 0deg,#f26a21 0 60deg,#121214 60deg 120deg,#ff8a45 120deg 180deg,#242426 180deg 240deg,#f26a21 240deg 300deg,#111113 300deg 360deg)}
.roulette-center{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:118px;height:118px;border:6px solid #fff;border-radius:50%;background:#050505;box-shadow:0 8px 28px #000a,0 0 0 4px #f26a21}
.roulette-center img{width:92%;height:92%;object-fit:contain;display:block}
.roulette-label{position:absolute;z-index:2;left:50%;top:50%;width:108px;margin-left:-54px;margin-top:-13px;text-align:center;font-size:12px;font-weight:900;line-height:1.08;text-transform:uppercase;text-shadow:0 1px 3px #000a;transform:rotate(calc(var(--i)*60deg + 30deg)) translateY(-142px) rotate(calc(var(--i)*-60deg - 30deg));transform-origin:54px 13px}
.roulette-label:nth-of-type(even){color:#fff}
.roulette-label small{display:block;font-size:9px;font-weight:700;margin-top:3px}
.roulette-trust{display:flex;gap:8px;align-items:center;font-size:12px;color:#cfcac7}
.roulette-trust i{width:8px;height:8px;border-radius:50%;background:#f26a21;box-shadow:0 0 0 4px #f26a2120}
.roulette-content{display:flex;align-items:center;padding:64px 46px}
.roulette-content-inner{width:100%}
.roulette-content h2{font:800 clamp(30px,4vw,46px)/1.02 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin:10px 0 14px}
.roulette-content h2 span{color:#f26a21}
.roulette-subtitle{margin:0 0 24px;color:#c9c5c2;font-size:16px}
.roulette-form label:not(.roulette-consent){display:block;margin:13px 0 6px;font-size:13px;font-weight:700}
.roulette-form input[type="text"],.roulette-form input[type="email"],.roulette-form input[type="tel"]{box-sizing:border-box;width:100%;height:48px;border:1px solid #ffffff25;border-radius:11px;background:#ffffff0b;color:#fff;padding:0 14px;font:500 16px Inter,sans-serif}
.roulette-form input::placeholder{color:#aaa3a0}
.roulette-form input:focus{outline:2px solid #f26a21;outline-offset:2px;border-color:transparent}
.roulette-consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#bdb8b5;font-size:12px;line-height:1.4;cursor:pointer}
.roulette-consent input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:#f26a21}
.roulette-submit,.roulette-redeem{width:100%;min-height:52px;border:0;border-radius:13px;background:linear-gradient(90deg,#f26a21,#ff8f50);color:#fff;font:800 15px Inter,sans-serif;cursor:pointer;box-shadow:0 12px 30px #f26a2130}
.roulette-submit:hover,.roulette-redeem:hover{filter:brightness(1.06)}
.roulette-submit:disabled{opacity:.65;cursor:wait}
.roulette-feedback{min-height:20px;margin:10px 0 0;color:#ffb18a;font-size:13px}
.roulette-note{margin:10px 0 0;text-align:center;color:#918c89;font-size:11px}
.roulette-result{text-align:left}
.roulette-result-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f26a211d;border:1px solid #f26a2155;color:#ff9a61;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.roulette-result h3{font:800 clamp(30px,4vw,44px)/1.03 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin:18px 0 12px}
.roulette-result h3 span{color:#f26a21}
.roulette-result p{color:#c9c5c2;margin:0 0 20px}
.roulette-result .roulette-redeem{display:flex;align-items:center;justify-content:center;text-decoration:none}
.roulette-secondary{display:block;width:100%;margin-top:10px;border:0;background:transparent;color:#aaa3a0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.roulette-lock{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:#05050570;backdrop-filter:blur(1px);z-index:4;transition:opacity .25s}
.roulette-lock span{padding:9px 14px;border-radius:999px;background:#080808d9;border:1px solid #ffffff25;color:#fff;font-size:12px;font-weight:800}
.roulette-ready .roulette-lock{opacity:0;pointer-events:none}
@media(max-width:820px){#roulette-dialog{width:min(560px,calc(100vw - 18px));border-radius:22px}.roulette-shell{grid-template-columns:1fr;min-height:0}.roulette-visual{padding:38px 18px 24px;border-right:0;border-bottom:1px solid #ffffff12}.roulette-brand{width:190px;max-height:78px;margin:-12px 0 8px}.roulette-wheel-wrap{width:min(300px,74vw);margin:10px auto 12px}.roulette-label{transform:rotate(calc(var(--i)*60deg + 30deg)) translateY(-105px) rotate(calc(var(--i)*-60deg - 30deg));font-size:10px}.roulette-center{width:92px;height:92px;border-width:5px}.roulette-center img{width:94%;height:94%}.roulette-content{padding:30px 24px 34px}.roulette-content h2{font-size:31px}.roulette-subtitle{font-size:14px}.roulette-trust{display:none}}
@media(max-width:420px){.roulette-wheel-wrap{width:min(270px,78vw)}.roulette-label{width:90px;margin-left:-45px;transform-origin:45px 13px;transform:rotate(calc(var(--i)*60deg + 30deg)) translateY(-94px) rotate(calc(var(--i)*-60deg - 30deg));font-size:9px}.roulette-content{padding:28px 18px 28px}}