:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf4f1;background:#071017;color-scheme:dark;--green:#22d98a;--panel:#0d171f;--line:#22323d;--muted:#92a0a8;--gold:#d7b56a}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 72% 22%,#153427 0,#09140f 24%,#060b0d 60%,#030608 100%)}button,input{font:inherit}.roulette-main{max-width:1280px;margin:0 auto;padding:32px 22px 64px}.roulette-copy{max-width:760px;margin-bottom:22px}.eyebrow,.control-label{display:block;color:var(--green);font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.roulette-copy h1{font-size:clamp(38px,5vw,62px);line-height:.93;letter-spacing:-.05em;margin:10px 0 12px}.roulette-copy p{color:var(--muted);line-height:1.6;margin:0}.roulette-layout{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:20px;align-items:stretch}.roulette-controls,.roulette-stage{border:1px solid #26372f;border-radius:16px;background:linear-gradient(180deg,rgba(15,27,22,.98),rgba(7,14,12,.98));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)}.roulette-controls{padding:22px}.roulette-controls>label{display:block;font-size:12px;font-weight:850;color:#d6dfda;margin-bottom:8px}.stake-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto auto;gap:6px;margin-bottom:20px}.currency-chip,.stake-row input,.stake-row button{height:41px;border-radius:8px;border:1px solid #304238;background:#0b1511;color:#edf5f2}.currency-chip{display:grid;place-items:center;background:#0b2b1d;border-color:#1e6848}.currency-chip img{width:21px;height:21px;image-rendering:pixelated}.stake-row input{min-width:0;padding:0 10px;font-weight:900}.stake-row button{padding:0 10px;font-size:10px;font-weight:900;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.stake-row button:hover:not(:disabled){transform:translateY(-1px);border-color:#55705e;background:#142019}.outside-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:9px 0 18px}.outside-grid button,.number-grid button{border:1px solid #304137;background:#121b16;color:#eef5f2;cursor:pointer;font-weight:900;transition:transform .13s ease,filter .13s ease,border-color .13s ease,box-shadow .13s ease}.outside-grid button{min-height:43px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.outside-grid button small{font-size:10px;color:#9caab1}.outside-grid .red-bet{background:linear-gradient(180deg,#5b1920,#3f1116);border-color:#7c2d34}.outside-grid .black-bet{background:linear-gradient(180deg,#15191d,#080b0d);border-color:#353d42}.outside-grid button:hover:not(:disabled),.number-grid button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12)}.outside-grid button.selected,.number-grid button.selected{outline:2px solid #40e79b;outline-offset:1px;box-shadow:0 0 0 4px rgba(34,217,138,.1),0 7px 18px rgba(0,0,0,.2);border-color:#52e2a0}.number-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:9px 0 16px}.number-grid button{height:35px;border-radius:6px;font-size:11px}.number-grid button.red{background:linear-gradient(180deg,#5d1921,#3d1116);border-color:#6f2930}.number-grid button.black{background:linear-gradient(180deg,#151a1d,#070a0c);border-color:#343d42}.number-grid button.green{grid-column:span 6;background:linear-gradient(180deg,#12794f,#0b4931);border-color:#21966a}.selected-bet{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #31483b;border-radius:8px;background:#0a1510;color:#b7c8bf;font-size:12px;font-weight:850;margin-bottom:8px}.selected-bet.bet-pop{animation:betPop .25s ease}.spin-button{width:100%;height:48px;border:1px solid #38da91;border-radius:9px;background:linear-gradient(180deg,#32e59a,#1fbd78);color:#042116;font-weight:1000;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.26),0 10px 28px rgba(33,205,132,.16);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.spin-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:inset 0 1px rgba(255,255,255,.26),0 14px 32px rgba(33,205,132,.22)}.spin-button:disabled{opacity:.42;cursor:not-allowed}.rules{font-size:10px;line-height:1.55;color:#75847c;margin:12px 2px 0}.roulette-stage{min-height:620px;display:grid;place-items:center;padding:34px 28px 100px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 44%,rgba(37,104,66,.25),transparent 43%),linear-gradient(180deg,#0b1712,#08110d)}.roulette-stage::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 78%,transparent);pointer-events:none}.roulette-stage::after{content:"";position:absolute;left:8%;right:8%;bottom:74px;height:22%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.62),transparent 68%);filter:blur(12px);transform:perspective(500px) rotateX(66deg)}.roulette-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.roulette-ambient i{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(70,226,154,.12),transparent 68%);filter:blur(8px);animation:ambientFloat 7s ease-in-out infinite alternate}.roulette-ambient i:nth-child(1){left:-7%;top:8%}.roulette-ambient i:nth-child(2){right:-5%;top:18%;animation-delay:-2s}.roulette-ambient i:nth-child(3){left:18%;bottom:2%;width:110px;height:110px;animation-delay:-4s}.roulette-ambient i:nth-child(4){right:20%;bottom:-3%;width:120px;height:120px;animation-delay:-1s}.roulette-ambient i:nth-child(5){left:48%;top:-8%;width:100px;height:100px;animation-delay:-3s}.roulette-ambient i:nth-child(6){right:42%;top:44%;width:70px;height:70px;animation-delay:-5s}.wheel-wrap{width:min(68vw,500px);aspect-ratio:1;position:relative;filter:drop-shadow(0 28px 28px rgba(0,0,0,.52));transform:perspective(900px) rotateX(5deg);transition:transform .45s ease,filter .45s ease}.roulette-stage.is-spinning .wheel-wrap{transform:perspective(900px) rotateX(8deg) scale(1.015);filter:drop-shadow(0 36px 34px rgba(0,0,0,.62))}.wheel-wrap::before{content:"";position:absolute;inset:-16px;border-radius:50%;z-index:-1;background:conic-gradient(from 20deg,#6c4e25,#d7b56a,#6e5027,#e6cd8b,#6c4e25,#cda65a,#6c4e25);box-shadow:inset 0 0 0 4px #2c2114,inset 0 0 22px #0008,0 0 0 2px #b9904e55}.wheel-wrap::after{content:"";position:absolute;inset:-28px;border-radius:50%;z-index:-2;border:1px solid #56705e55;box-shadow:0 0 0 10px #07100c99,0 0 44px #32d88c10}.pointer{position:absolute;z-index:20;left:50%;top:-25px;transform:translateX(-50%);width:36px;height:52px;filter:drop-shadow(0 7px 8px #000b);transform-origin:50% 14%}.pointer::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7cf,#d2a94c 44%,#6f4d1d 78%);border:2px solid #eed690;box-shadow:inset 0 -3px 5px #69481d,0 0 14px #d8bd6b44}.pointer::after{content:"";position:absolute;left:50%;top:18px;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:28px solid #f4dd9c;filter:drop-shadow(0 2px 1px #69491f)}.roulette-stage.is-spinning .pointer{animation:pointerTick .095s ease-in-out infinite alternate}.roulette-wheel{position:absolute;inset:0;border-radius:50%;transition:transform var(--spin-duration,5200ms) cubic-bezier(.08,.69,.06,1);box-shadow:0 25px 70px #000a,inset 0 0 0 11px #151c19,inset 0 0 0 17px #d0ad63,inset 0 0 0 22px #2a2116;will-change:transform}.roulette-wheel::before{content:"";position:absolute;inset:13px;border-radius:50%;z-index:1;border:2px solid #e6ca8355;box-shadow:inset 0 0 18px #0008,0 0 16px #0006;pointer-events:none}.roulette-wheel::after{content:"";position:absolute;inset:30%;border-radius:50%;z-index:3;background:radial-gradient(circle,#17251e 0 35%,#0b120f 67%,#060907 100%);border:5px solid #785b2c;box-shadow:inset 0 0 0 4px #d0ad63,inset 0 0 28px #000b,0 6px 20px #0008;pointer-events:none}.wheel-ring{position:absolute;inset:24px;border-radius:50%;box-shadow:inset 0 0 0 8px #050806,inset 0 0 0 10px #d8b86a55,0 0 18px #0008}.wheel-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -4.8648deg,rgba(245,223,166,.82) 0 .65deg,transparent .65deg 9.7297deg);mask:radial-gradient(circle,transparent 0 70%,#000 70.5% 100%);opacity:.45;pointer-events:none}.wheel-ring::after{content:"";position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle,#1c2a23,#101813 64%,#090d0b);box-shadow:inset 0 0 0 6px #b58b45,inset 0 0 0 10px #382817,inset 0 0 30px #000b}.wheel-numbers{position:absolute;inset:0;z-index:6;pointer-events:none}.wheel-numbers span{position:absolute;display:grid;place-items:center;width:25px;height:18px;border-radius:3px;font-size:10px;font-weight:1000;color:#f6eee0;text-shadow:0 1px 2px #000;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.wheel-numbers span.red{background:#8f1d28}.wheel-numbers span.black{background:#0c1114}.wheel-numbers span.green{background:#0e724a}.wheel-numbers span.winner{z-index:20;filter:brightness(1.6);box-shadow:0 0 0 2px #fff2b9,0 0 16px #ffe58b,0 0 32px #4ee7a0;animation:pocketWinner .65s ease-in-out 2}.wheel-center{position:absolute;inset:38%;z-index:8;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#f3d78e,#a97b37 42%,#533816 78%);border:4px solid #f1d58d;box-shadow:0 7px 24px #000a,inset 0 -7px 14px #5b3b14}.wheel-center::after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid #fff3c766;box-shadow:inset 0 0 12px #fff3c733}.wheel-center img{width:54%;height:54%;object-fit:contain;filter:drop-shadow(0 3px 3px #0008)}.ball{position:absolute;z-index:15;left:50%;top:50%;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#f5ecd6 50%,#a99978 100%);border:1px solid #fff;box-shadow:0 3px 8px #000b,0 0 0 2px #ffffff22,0 0 12px #fff8d788;transform:translate(-50%,-50%) translateY(-210px);will-change:transform}.roulette-wheel.spinning .ball{box-shadow:0 3px 8px #000b,0 0 0 2px #ffffff33,0 0 18px #fff6c8,0 0 34px #ffffff66}.ball.settled{animation:ballSettle .62s cubic-bezier(.17,.84,.22,1)}.roulette-stage.wheel-landed .wheel-wrap{animation:wheelImpact .55s cubic-bezier(.17,.84,.22,1)}.roulette-callout{position:absolute;left:50%;top:48%;z-index:30;transform:translate(-50%,-50%) scale(.78);min-width:150px;padding:11px 18px 12px;border:1px solid #ffffff22;border-radius:10px;background:rgba(5,10,8,.84);backdrop-filter:blur(10px);text-align:center;opacity:0;pointer-events:none;box-shadow:0 18px 50px #0008}.roulette-callout span{display:block;font-size:7px;font-weight:950;letter-spacing:.18em;color:#9aaca2}.roulette-callout strong{display:block;font-size:45px;line-height:.9;margin:5px 0 4px}.roulette-callout small{font-size:8px;font-weight:950;letter-spacing:.12em}.roulette-callout.red strong{color:#ff6d78}.roulette-callout.black strong{color:#f3f1e8}.roulette-callout.green strong{color:#42e99a}.roulette-callout.show{animation:resultReveal 1.7s cubic-bezier(.16,.84,.22,1) both}.roulette-stage.result-win{box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 0 80px rgba(49,223,145,.08)}.roulette-history{position:absolute;left:24px;top:22px;z-index:25;display:flex;align-items:center;gap:8px}.roulette-history>span{font-size:7px;font-weight:950;letter-spacing:.15em;color:#6f8378}.roulette-history>div{display:flex;gap:4px}.roulette-history i{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:950;color:#fff;border:1px solid #ffffff15;box-shadow:0 4px 9px #0005}.roulette-history i.red{background:#8d1c27}.roulette-history i.black{background:#11171b}.roulette-history i.green{background:#0f7049}.result-panel{position:absolute;left:24px;right:24px;bottom:20px;z-index:30;display:flex;align-items:center;gap:12px;border-top:1px solid #294034;padding-top:16px}.result-panel>span{font-size:9px;letter-spacing:.14em;color:#75877e;text-transform:uppercase}.result-panel strong{font-size:30px;min-width:48px}.result-panel strong.red{color:#ff6975}.result-panel strong.black{color:#f2f2ea}.result-panel strong.green{color:#36e292}.result-panel p{margin:0 0 0 auto;text-align:right;color:#aab8b0;font-size:12px}.header-profile{cursor:pointer}@keyframes pointerTick{from{transform:translateX(-50%) rotate(-2.5deg)}to{transform:translateX(-50%) rotate(2.5deg)}}@keyframes ballSettle{0%{filter:brightness(1.8)}45%{filter:brightness(1.25)}100%{filter:none}}@keyframes wheelImpact{0%{transform:perspective(900px) rotateX(8deg) scale(1.02)}45%{transform:perspective(900px) rotateX(4deg) scale(.993)}100%{transform:perspective(900px) rotateX(5deg) scale(1)}}@keyframes pocketWinner{50%{transform:translate(-50%,-50%) scale(1.28)}}@keyframes resultReveal{0%{opacity:0;transform:translate(-50%,-45%) scale(.72)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}28%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-55%) scale(.96)}}@keyframes betPop{50%{transform:scale(1.025);border-color:#49d997}}@keyframes ambientFloat{from{transform:translate(-8px,-6px) scale(.9);opacity:.4}to{transform:translate(12px,10px) scale(1.13);opacity:.85}}@media(max-width:900px){.roulette-layout{grid-template-columns:1fr}.roulette-stage{min-height:560px}.wheel-wrap{width:min(84vw,440px)}}@media(max-width:560px){.roulette-main{padding:24px 12px 42px}.roulette-controls{padding:15px}.stake-row{grid-template-columns:32px minmax(0,1fr) auto auto}.stake-row #maxBet{grid-column:3/5}.number-grid{grid-template-columns:repeat(4,1fr)}.number-grid button.green{grid-column:span 4}.roulette-stage{min-height:465px;padding:22px 12px 90px}.wheel-wrap{width:min(78vw,330px)}.wheel-numbers span{width:19px;height:15px;font-size:7px}.pointer{top:-22px;transform:translateX(-50%) scale(.82)}.roulette-history{left:12px;top:12px}.roulette-history i:nth-child(n+6){display:none}.result-panel{left:14px;right:14px;bottom:12px;align-items:flex-start;flex-wrap:wrap}.result-panel p{width:100%;text-align:left;margin:0}.roulette-callout{top:46%}}@media(prefers-reduced-motion:reduce){.roulette-ambient i,.roulette-stage.is-spinning .pointer,.wheel-numbers span.winner,.ball.settled,.roulette-stage.wheel-landed .wheel-wrap{animation:none!important}.wheel-wrap,.roulette-wheel{transition-duration:.15s!important}}