.demo-practice{margin:18px 0 24px;padding:18px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#260f58,#3a176d 58%,#12162d)}.demo-practice__copy{max-width:820px;margin-bottom:16px}.demo-practice__eyebrow,.demo-practice__label,.demo-practice__note{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.demo-practice__eyebrow{color:#65fa71}.demo-practice__copy h3{margin:4px 0 8px;color:#fff;font-size:26px}.demo-practice__copy h3:after{content:none!important}.demo-practice__copy p{margin:0;color:rgba(255,255,255,.82)}.demo-practice__layout{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:16px}.demo-practice__wheel-box,.demo-practice__panel{border-radius:8px;background:rgba(255,255,255,.08)}.demo-practice__wheel-box{position:relative;display:grid;place-items:center;min-height:360px;padding:28px;overflow:hidden}.demo-practice__pointer{position:absolute;top:18px;left:50%;z-index:2;width:0;height:0;transform:translateX(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #ffcf58}.demo-practice__wheel{width:min(280px,72vw);aspect-ratio:1;border-radius:50%;border:10px solid #ffcf58;background:radial-gradient(circle at center,#1a0a3a 0 25%,transparent 26%),conic-gradient(#ffd445 0 39%,#3a8eff 39% 63%,#ff5e5e 63% 76%,#b386ff 76% 84%,#21bf55 84% 88%,#ff8a00 88% 92%,#00b7c7 92% 98%,#ff4fa3 98% 100%);display:grid;place-items:center;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.demo-practice__wheel-center{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#fff,#ffe9a8);color:#220b43;font-weight:900;text-align:center}.demo-practice__status{position:absolute;left:18px;right:18px;bottom:16px;margin:0;color:rgba(255,255,255,.86);text-align:center;font-size:13px;font-weight:700}.demo-practice__panel{padding:16px;display:grid;gap:14px}.demo-practice__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.demo-practice__metrics div{padding:10px;border-radius:8px;background:rgba(255,255,255,.1)}.demo-practice__metrics dt{color:rgba(255,255,255,.66);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.demo-practice__metrics dd{margin:3px 0 0;color:#fff;font-size:20px;font-weight:900}.demo-practice__controls,.demo-practice__actions{display:flex;flex-wrap:wrap;gap:8px}.demo-practice__label{flex-basis:100%;color:rgba(255,255,255,.68)}.demo-practice__bet,.demo-practice__chip,.demo-practice__reset,.demo-practice__spin{min-height:40px;padding:9px 12px;border-radius:8px;font-weight:800}.demo-practice__bet,.demo-practice__chip,.demo-practice__reset{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}.demo-practice__bet.is-active,.demo-practice__chip.is-active{color:#120a28;background:#65fa71;border-color:#65fa71}.demo-practice__spin{flex:1 1 190px;color:#170a2e;background:linear-gradient(180deg,#ffe489,#ffb25b)}.demo-practice__spin:disabled{opacity:.55;cursor:not-allowed}.demo-practice__history{padding:12px;border-radius:8px;background:rgba(0,0,0,.18)}.demo-practice__history ol{margin:8px 0 0;padding-left:20px;color:rgba(255,255,255,.86)}.demo-practice__note{margin-top:14px;color:rgba(255,255,255,.68)}@media (max-width:820px){.demo-practice{padding:16px}.demo-practice__layout{grid-template-columns:1fr}.demo-practice__wheel-box{min-height:320px}.demo-practice__metrics{grid-template-columns:1fr}}