.roulette{--gold:#e5cf73;background:#f6f6f8;border-radius:clamp(24px,4vw,56px) clamp(24px,4vw,56px) 30px 30px;width:100%;max-width:1304px;margin:0 auto;overflow:hidden;box-shadow:0 12px 32px #20202d04;container-type:inline-size}.roulette__stage{aspect-ratio:1.615;background:#101113;position:relative;overflow:hidden}.roulette__badge{z-index:1;color:#c2c2c7;letter-spacing:.015em;background:#050608;border:1px solid #ffffff08;border-radius:100px;align-items:center;gap:1.2cqw;padding:.65cqw 1.8cqw;font-size:clamp(9px,1.6cqw,21px);font-weight:650;line-height:1.5;display:flex;position:absolute;top:3.3%;left:2.5%;box-shadow:0 0 4px #ffffff06}.roulette__badge span{background:#2c713b;border-radius:50%;width:1.1cqw;min-width:6px;height:1.1cqw;min-height:6px}.roulette__wheel{width:66%;height:88%;position:absolute;top:6%;left:17%;container-type:size}.roulette__wheel svg{width:100%;height:100%;display:block;overflow:visible}.roulette__rotor,.roulette__knob{transform-origin:400px 400px}.roulette__knob[data-pumping]{animation:.26s ease-in-out 3 roulette-pump}@keyframes roulette-pump{50%{filter:brightness(.8);transform:scale(.84)}}@media (prefers-reduced-motion:reduce){.roulette__knob[data-pumping]{animation:none}}.roulette__hub{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:calc(min(100cqw,100cqh)/2.32558);padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette__hub:focus-visible{outline-offset:3px;outline:3px solid #e5cf73}.roulette__hub:disabled{cursor:default}.roulette__fullscreen{z-index:2;color:#cccdd1;cursor:pointer;background:#050608;border:1px solid #ffffff08;border-radius:50%;place-items:center;width:clamp(36px,5.5cqw,72px);height:clamp(36px,5.5cqw,72px);padding:1.6cqw;display:grid;position:absolute;top:3.3%;right:2.5%}.roulette__fullscreen svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:100%;min-width:17px;height:100%;min-height:17px}.roulette__fullscreen:hover{background:#252629}.roulette__fullscreen:focus-visible{outline-offset:3px;outline:3px solid #e5cf73}.roulette:fullscreen{border-radius:0;flex-direction:column;max-width:none;height:100dvh;display:flex}.roulette:fullscreen .roulette__stage{aspect-ratio:auto;flex:1;min-height:0}:is(.roulette:fullscreen .roulette__stats,.roulette:fullscreen .roulette__duration){display:none}.roulette__stats{text-align:center;border-top:1px solid #d6d6d9;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:1.65cqw 0 1.5cqw;display:grid}.roulette__stats>div{min-width:0;padding:0 6px}.roulette__stats>div+div{border-left:1px solid #e8e8ed}.roulette__stats dt{color:#55565b;margin:0 0 .35cqw;font-size:clamp(10px,1.65cqw,22px);font-weight:600}.roulette__stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(12px,1.85cqw,25px);font-weight:700}.roulette__duration{--thumb:22px;border-top:1px solid #d6d6d9;align-items:center;gap:2.4cqw;padding:38px 4% 16px;display:flex}.roulette__duration-label{color:#55565b;white-space:nowrap;font-size:clamp(10px,1.65cqw,22px);font-weight:600}.roulette__duration-value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;min-width:7ch;font-size:clamp(12px,1.85cqw,25px);font-weight:700}.roulette__duration-slider{height:var(--thumb);flex:1;position:relative}.roulette__duration-track{top:50%;left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);background:#d6d6d9;border-radius:3px;height:6px;position:absolute;transform:translateY(-50%)}.roulette__duration-fill{border-radius:inherit;background:var(--gold);position:absolute;top:0;bottom:0}.roulette__duration-input{pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.roulette__duration-input::-webkit-slider-runnable-track{height:var(--thumb);background:0 0}.roulette__duration-input::-moz-range-track{background:0 0}.roulette__duration-input::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);border:3px solid var(--gold);cursor:grab;pointer-events:auto;-webkit-appearance:none;background:#101113;border-radius:50%}.roulette__duration-input::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:3px solid var(--gold);cursor:grab;pointer-events:auto;background:#101113;border-radius:50%}.roulette__duration-input:active::-webkit-slider-thumb{cursor:grabbing}.roulette__duration-input:active::-moz-range-thumb{cursor:grabbing}.roulette__duration-input:focus{outline:none}.roulette__duration-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #f6f6f8, 0 0 0 6px var(--gold)}.roulette__duration-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #f6f6f8, 0 0 0 6px var(--gold)}.roulette__duration-bubble{z-index:3;bottom:calc(100% + 8px);left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p) / 100);color:#f6f6f8;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;background:#050608;border-radius:100px;padding:3px 9px;font-size:13px;font-weight:700;transition:opacity .12s,transform .12s;position:absolute;transform:translate(-50%,4px)}.roulette__duration-bubble[data-active],.roulette__duration-input:focus-visible+.roulette__duration-bubble{opacity:1;transform:translate(-50%)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.roulette{border-bottom-right-radius:22px;border-bottom-left-radius:22px}.roulette__stage{aspect-ratio:1.2}.roulette__wheel{width:88%;height:80%;top:14%;left:6%}.roulette__badge{padding:4px 10px;top:4%;left:4%}.roulette__stats{padding:14px 0}.roulette__duration{flex-wrap:wrap;justify-content:space-between;row-gap:36px;padding:14px 5% 18px}.roulette__duration-slider{flex-basis:100%;order:1}}:root{color:#101113;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#fff;font-family:Avenir Next,Avenir,Century Gothic,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{padding:18px clamp(12px,3.4vw,50px) 30px}@media (width<=560px){main{padding-top:12px}}