.md{--s:56px;--lc:#c9804e;width:var(--s);height:var(--s);isolation:isolate;border-radius:50%;flex:none;display:inline-block;position:relative}.md-rim{background:radial-gradient(circle, transparent 0 calc(var(--s) * .4 - 1px), #000000bf calc(var(--s) * .4 - 1px) calc(var(--s) * .4 + 1px), transparent calc(var(--s) * .4 + 1px)), conic-gradient(from 210deg, color-mix(in srgb, var(--lc) 45%, #000) 0deg, var(--lc) 60deg, color-mix(in srgb, var(--lc) 35%, #fff) 110deg, var(--lc) 160deg, color-mix(in srgb, var(--lc) 50%, #000) 240deg, var(--lc) 300deg, color-mix(in srgb, var(--lc) 45%, #000) 360deg);box-shadow:0 0 0 1px #000000d9, 0 calc(var(--s) * .04) calc(var(--s) * .08) #0000008c, inset 0 1px 0 #ffffff59;border-radius:50%;position:absolute;inset:0}.md-face{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--lc) 30%, #1a2230) 0, #0a0f16 72%);box-shadow:inset 0 calc(var(--s) * .04) calc(var(--s) * .06) #000000b3, inset 0 0 0 1px #ffffff0f;border-radius:50%;position:absolute;inset:10%;overflow:hidden}.md-sp{--bx:0;--by:0;--bw:96;--bh:96;--k:calc(var(--s) * .8 * .74 / max(var(--bw), var(--bh)));left:calc(50% - (var(--bx) + var(--bw) / 2) * var(--k));top:calc(50% - (var(--by) + var(--bh) / 2) * var(--k));width:calc(96 * var(--k));height:calc(96 * var(--k));max-width:none;image-rendering:pixelated;filter:drop-shadow(0 max(1px, calc(var(--s) * .02)) 0 #000c);position:absolute}.md.max .md-rim{box-shadow:0 0 0 1px #000000d9, 0 0 calc(var(--s) * .22) color-mix(in srgb, var(--lc) 55%, transparent), inset 0 1px 0 #ffffff59}.md.leg .md-rim{background:radial-gradient(circle, transparent 0 calc(var(--s) * .4 - 1px), #000c calc(var(--s) * .4 - 1px) calc(var(--s) * .4 + 1px), color-mix(in srgb, var(--lc) 80%, #000) calc(var(--s) * .4 + 1px) calc(var(--s) * .43), transparent calc(var(--s) * .43)), conic-gradient(from 0deg, #ffe27a, #ff9a3d, #ff4fb4, #9b6bff, #4fd8ff, #7dffb0, #ffe27a);box-shadow:0 0 0 1px #2a1800, 0 0 0 calc(max(2px, var(--s) * .035)) #f5c542, 0 0 0 calc(max(3px, var(--s) * .035) + 1px) #2a1800, 0 0 calc(var(--s) * .3) #ffc85066}.md.leg .md-face{background:radial-gradient(circle at 50% 38%,#3a2a52 0,#0b0814 72%)}.md-shine{pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute;inset:0;overflow:hidden}.md-shine:before{content:"";background:conic-gradient(from 0deg, transparent 0 300deg, #ffffffbf 330deg, transparent 360deg);-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--s) * .38), #000 calc(var(--s) * .4));-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--s) * .38), #000 calc(var(--s) * .4));mask:radial-gradient(circle, transparent 0 calc(var(--s) * .38), #000 calc(var(--s) * .4));opacity:.55;position:absolute;inset:-20%}@keyframes md-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){html[data-fx=full] .md-shine:before{animation:3.6s linear infinite md-spin}}.md-tag{color:#1d1200;height:18px;font:900 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);background:linear-gradient(90deg,#ffe27a,#f5a524 60%,#ff7b3d);align-items:center;padding:0 7px;display:inline-flex}.md-tag.sm{height:14px;padding:0 5px;font-size:8px}.md-star{z-index:2;width:max(14px, calc(var(--s) * .34));height:max(14px, calc(var(--s) * .34));color:#2a1800;font-size:max(9px, calc(var(--s) * .22));background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd23f 45%,#e08a00);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 1px #2a1800,0 1px 3px #000000b3}.rg{--rs:min(500px, calc(100vw - 40px));width:var(--rs);height:var(--rs);position:relative}.rg-glow{background:radial-gradient(circle,#2f8cff33 0,#2f8cff0f 45%,#0000 70%);border-radius:50%;position:absolute;inset:6%}.rg-track{inset:calc(var(--rs) * .11);border:calc(var(--rs) * .1) solid #050b14b8;margin:calc(var(--rs) * -.05);border-radius:50%;position:absolute;box-shadow:0 0 0 1px #78b4ff38,inset 0 0 0 1px #78b4ff38,inset 0 0 40px #2f8cff1f}.rg-ticks{inset:calc(var(--rs) * .005);background:repeating-conic-gradient(from -1deg, #f0a202bf 0 2deg, transparent 2deg 36deg);-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--rs) * .48), #000 calc(var(--rs) * .482));-webkit-mask:radial-gradient(circle, transparent 0 calc(var(--rs) * .48), #000 calc(var(--rs) * .482));mask:radial-gradient(circle, transparent 0 calc(var(--rs) * .48), #000 calc(var(--rs) * .482));opacity:.8;border-radius:50%;position:absolute}.rg-ball{width:calc(var(--rs) * .44);height:calc(var(--rs) * .44);margin:calc(var(--rs) * -.22);box-shadow:0 0 0 calc(var(--rs) * .008) #090d14, 0 0 0 calc(var(--rs) * .014) #78b4ff47, 0 12px 40px #000000b3, inset 0 calc(var(--rs) * .02) 0 #ffffff2e, inset 0 calc(var(--rs) * -.03) calc(var(--rs) * .04) #00000080;background:linear-gradient(#e04848 0,#a11d24 46%,#090d14 46% 54%,#1d2836 54%,#0e151f 100%);border-radius:50%;position:absolute;top:50%;left:50%}.rg-ball-in{background:radial-gradient(60% 40% at 34% 20%,#ffffff47,#0000 60%);border-radius:50%;position:absolute;inset:0}.rg-ball-c{width:52%;height:52%;box-shadow:0 0 0 calc(var(--rs) * .012) #090d14, 0 0 0 calc(var(--rs) * .02) #dfe7ef, 0 0 0 calc(var(--rs) * .026) #090d14;background:radial-gradient(circle at 50% 35%,#1b2635,#070b11 75%);border-radius:50%;align-content:center;place-items:center;gap:2px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rg-ball-c b{font:900 calc(var(--rs) * .075) / 1 var(--font-display);font-variant-numeric:tabular-nums}.rg-ball-c b small{color:var(--mu);font-size:.55em}.rg-ball-c span{color:var(--lc);font:800 calc(var(--rs) * .026) var(--font-display);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:4px;display:inline-flex}.rg-slot{width:calc(var(--rs) * .18);height:calc(var(--rs) * .18);margin:calc(var(--rs) * -.09);color:var(--mu);cursor:pointer;transform:rotate(var(--a)) translateX(calc(var(--rs) * .39)) rotate(calc(-1 * var(--a)));background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%}.rg-slot:disabled{cursor:default}.rg-slot:before{content:"";border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.rg-slot.on:before{border-color:var(--gold);box-shadow:0 0 0 3px #f0a2022e,0 0 18px #f0a20273}.rg-slot:focus-visible{outline:none}.rg-slot:focus-visible:before{border-color:#9fe0ff}.rg-slot .md{--s:calc(var(--rs) * .155)}.rg-fly{border-radius:50%;transition:transform .15s;display:grid}.rg-slot:hover .rg-fly{transform:scale(1.06)}.rg-sock{width:calc(var(--rs) * .14);height:calc(var(--rs) * .14);font:800 calc(var(--rs) * .035) var(--font-display);background:radial-gradient(circle,#2f8cff1a,#0006);border:1px dashed #9fe0ff59;border-radius:50%;place-items:center;display:grid}.rg-slot.on .rg-sock{color:var(--ink);border-style:solid;border-color:#f0a202b3}@keyframes rg-in{0%{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--rs) * -.39)) rotate(calc(-1 * var(--a))) scale(.2)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){html[data-fx=full] .rg.w .rg-fly{animation:.55s cubic-bezier(.2,.8,.25,1.12) both rg-in;animation-delay:calc(var(--i) * 45ms)}}.md-shine.is-anim-paused:before{animation-play-state:paused!important}