@property --rorb-a{syntax:"<angle>";inherits:false;initial-value:0deg}.rorb{--gold:#c9a24a;--ring:var(--rorb-tone);vertical-align:middle;width:var(--rorb-size);height:var(--rorb-size);font-size:calc(var(--rorb-size) / 16);isolation:isolate;flex:none;display:inline-block;position:relative}.rorb-halo{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--rorb-tone) 34%, transparent) 0%, transparent 62%);border-radius:50%;position:absolute;inset:-6%}.rorb-halo:before{content:"";background:radial-gradient(circle at 18% 30%, color-mix(in srgb, var(--rorb-tone) 90%, white) 0 .12em, transparent .2em), radial-gradient(circle at 82% 22%, #fff 0 .08em, transparent .16em), radial-gradient(circle at 88% 70%, color-mix(in srgb, var(--rorb-tone) 90%, white) 0 .1em, transparent .18em), radial-gradient(circle at 12% 76%, #fff 0 .07em, transparent .14em), radial-gradient(circle at 50% 6%, color-mix(in srgb, var(--rorb-tone) 80%, white) 0 .09em, transparent .16em);opacity:.85;border-radius:50%;animation:18s linear infinite rorb-drift;position:absolute;inset:0}.rorb.is-premium .rorb-halo{background:radial-gradient(circle,#c9a24a6b 0%,#c9a24a1f 45%,#0000 66%)}.rorb-sphere{z-index:2;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rorb-tone) 30%, #111) 0%, #07070a 72%);box-shadow:0 0 0 max(1px, .06em) color-mix(in srgb, var(--rorb-tone) 70%, transparent), 0 0 1.1em color-mix(in srgb, var(--rorb-tone) 45%, transparent), 0 .5em 1em #000000a6;border-radius:50%;animation:6s ease-in-out infinite rorb-float;position:absolute;inset:17%;overflow:hidden}.rorb.is-premium .rorb-sphere{box-shadow:0 0 0 max(1px,.08em) #c9a24a,0 0 0 max(2px,.16em) #5c3d06e6,0 0 1.4em #c9a24a8c,0 .5em 1em #000000b3}.rorb-art{background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:9%;-webkit-mask-image:radial-gradient(circle,#000 52%,#0000 71%);mask-image:radial-gradient(circle,#000 52%,#0000 71%)}.rorb.is-premium .rorb-art{background-position:50% 38%;background-size:cover;inset:-6% -14%}.rorb-shade{pointer-events:none;background:radial-gradient(circle at 68% 78%, color-mix(in srgb, var(--rorb-tone) 38%, transparent) 0%, transparent 34%), radial-gradient(circle at 50% 50%, transparent 54%, #000000b8 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset -.35em -.45em .9em #0009,inset .12em .12em .35em #ffffff2e}.rorb-gloss{pointer-events:none;filter:blur(.03em);background:radial-gradient(at 50% 40%,#ffffffbf 0%,#fff3 45%,#0000 72%);border-radius:50%;width:52%;height:34%;position:absolute;top:7%;left:14%;transform:rotate(-24deg)}.rorb-gloss:after{content:"";filter:blur(.06em);background:#ffffff59;border-radius:50%;width:22%;height:22%;position:absolute;bottom:-150%;right:-40%}.rorb-shimmer{display:none}.rorb.is-premium .rorb-shimmer{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 38%,#d4a84a00 42%,#d4a84a8c 50%,#d4a84a00 58%,#0000 62%);animation:4.8s ease-in-out infinite rorb-sweep;display:block;position:absolute;inset:-20%;transform:translate(-70%)}.rorb-ring{pointer-events:none;background:conic-gradient(from var(--rorb-a), transparent 0deg 250deg, color-mix(in srgb, var(--ring) 60%, transparent) 300deg, #fff 336deg, var(--ring) 344deg, transparent 360deg), transparent;border-radius:50%;height:26%;animation:5.5s linear infinite rorb-orbit;position:absolute;top:38%;left:1%;right:1%;transform:rotate(-14deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - max(1.5px,.11em)),#000 calc(100% - max(1.5px,.11em)) 100%,#0000 100%);mask:radial-gradient(farthest-side,#0000 calc(100% - max(1.5px,.11em)),#000 calc(100% - max(1.5px,.11em)) 100%,#0000 100%)}.rorb-ring:before{content:"";border:max(1px, .07em) solid color-mix(in srgb, var(--ring) 70%, transparent);border-radius:50%;position:absolute;inset:0}.rorb-ring.is-back{z-index:1;opacity:.75}.rorb-ring.is-front{z-index:3;clip-path:inset(50% 0 0);filter:drop-shadow(0 0 .25em color-mix(in srgb, var(--ring) 80%, transparent))}.rorb-crown{z-index:4;filter:drop-shadow(0 .08em .12em #000c)drop-shadow(0 0 .35em #c9a24ab3);width:38%;position:absolute;top:1%;left:50%;translate:-50%}.rorb-floor{z-index:0;background:radial-gradient(ellipse, color-mix(in srgb, var(--rorb-tone) 45%, transparent), transparent 70%);border-radius:50%;height:8%;position:absolute;bottom:3%;left:26%;right:26%}.rorb.is-premium .rorb-floor{background:radial-gradient(#c9a24a8c,#0000 70%)}.rorb.is-sm .rorb-halo:before,.rorb.is-sm .rorb-floor{display:none}.rorb.is-sm .rorb-sphere{animation:none;inset:14%}.rorb.is-sm .rorb-ring{animation-duration:9s}.rorb.is-sm .rorb-crown{width:46%;top:-8%}.rorb.is-sm .rorb-gloss:after{display:none}@keyframes rorb-orbit{to{--rorb-a:360deg}}@keyframes rorb-float{0%,to{translate:0}50%{translate:0 -.12em}}@keyframes rorb-drift{to{rotate:360deg}}@keyframes rorb-sweep{0%,35%{transform:translate(-70%)}75%,to{transform:translate(70%)}}@media (prefers-reduced-motion:reduce){.rorb-sphere,.rorb-ring,.rorb-halo:before,.rorb.is-premium .rorb-shimmer{animation:none!important}.rorb-ring{--rorb-a:40deg}}.rorb.is-premium{--ring:var(--rorb-tone)}.rorb-ring:before{border-width:max(1.25px,.12em);border-color:color-mix(in srgb, var(--ring) 85%, transparent);box-shadow:0 0 .35em color-mix(in srgb, var(--ring) 55%, transparent)}.rorb.is-premium .rorb-ring:before{border-color:color-mix(in srgb, var(--ring) 85%, transparent)}.rorb-ring.is-back{opacity:.9}.rorb-ring{-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - max(2px,.2em)),#000 calc(100% - max(2px,.2em)) 100%,#0000 100%);mask:radial-gradient(farthest-side,#0000 calc(100% - max(2px,.2em)),#000 calc(100% - max(2px,.2em)) 100%,#0000 100%)}.rorb-ring:before{border-width:max(1.5px,.18em)}.rorb.is-sm .rorb-ring:before{border-width:1.5px}.rorb{content-visibility:auto;contain-intrinsic-size:var(--rorb-size) var(--rorb-size)}.rorb-art img{object-fit:contain;width:100%;height:100%;display:block}.rorb.is-premium .rorb-art img{object-fit:cover;object-position:50% 38%}
@property --pem-a{syntax:"<angle>";inherits:false;initial-value:0deg}.pem{--trim:#c9d2dc;--hot:255, 150, 60;--core:255, 214, 140;--tint:170, 120, 255;--fx:.55;--plume:.35;vertical-align:middle;width:var(--pem-size);height:var(--pem-size);perspective:700px;isolation:isolate;flex:none;display:inline-block;position:relative}.pem[data-level="1"]{--tint:168, 110, 255;--hot:255, 150, 90;--core:240, 220, 255}.pem[data-level="2"]{--tint:255, 96, 24;--hot:255, 120, 30;--core:255, 196, 110}.pem[data-level="3"]{--tint:80, 120, 255;--hot:255, 160, 80;--core:190, 210, 255}.pem[data-level="4"]{--tint:255, 236, 200;--hot:255, 190, 90;--core:255, 250, 235}.pem[data-level="5"]{--tint:230, 170, 50;--hot:255, 150, 40;--core:255, 226, 150}.pem.is-premium{--trim:#c9a24a;--fx:1;--plume:.75}.pem.is-plus{--hot:200, 215, 235;--fx:.55;--plume:.3}.pem-halo{z-index:0;background:radial-gradient(circle at 50% 55%, rgba(var(--tint), calc(.38 * var(--fx))) 0%, rgba(var(--hot), calc(.22 * var(--fx))) 32%, transparent 64%);border-radius:50%;animation:3.6s ease-in-out infinite pem-pulse;position:absolute;inset:-10%}.pem-glow{z-index:0;background:radial-gradient(circle, rgba(var(--core), calc(.3 * var(--fx))) 0%, transparent 70%);border-radius:50%;position:absolute;inset:14%}.pem-turn{z-index:2;transform-style:preserve-3d;will-change:transform;animation:7s ease-in-out infinite pem-turn;position:absolute;inset:0}.pem-turn img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 1px var(--trim)) drop-shadow(0 0 calc(var(--pem-size) / 16) rgba(var(--hot), calc(.55 * var(--fx)))) drop-shadow(0 calc(var(--pem-size) / 40) calc(var(--pem-size) / 22) #000000bf);display:block;transform:translateZ(0)}.pem.is-plus .pem-turn img{filter:saturate(.85) drop-shadow(0 0 1px var(--trim)) drop-shadow(0 0 calc(var(--pem-size) / 18) #d2e1f559) drop-shadow(0 calc(var(--pem-size) / 40) calc(var(--pem-size) / 22) #000000bf)}.pem-shine{pointer-events:none;-webkit-mask:var(--pem-img) center / contain no-repeat;-webkit-mask:var(--pem-img) center / contain no-repeat;mask:var(--pem-img) center / contain no-repeat;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 46%,#ffffff38 50%,#0000 54%) 0 0/260% 100% no-repeat;animation:6s ease-in-out infinite pem-sweep;position:absolute;inset:0;transform:translateZ(1px)}.pem.is-premium .pem-shine{background-image:linear-gradient(110deg,#0000 45%,#c9a24a6b 50%,#0000 55%);animation-duration:3.8s}.pem-fx{z-index:3;pointer-events:none;animation:7s ease-in-out infinite pem-par;position:absolute;inset:-6% -6% 0}.pem-fire{z-index:1;pointer-events:none;animation:7s ease-in-out infinite reverse pem-par;position:absolute;inset:-18% -6% 0}.pem-plume{transform-origin:50% 100%;background:radial-gradient(60% 90% at 50% 100%, rgba(var(--hot), calc(.7 * var(--plume))) 0%, rgba(var(--tint), calc(.35 * var(--plume))) 45%, transparent 72%);mix-blend-mode:screen;opacity:.9;border-radius:50% 50% 40% 40%/70% 70% 30% 30%;height:92%;animation:2.4s ease-in-out infinite pem-flame;position:absolute;bottom:8%;left:16%;right:16%}.pem-plume.is-b{height:100%;animation-duration:3.1s;animation-delay:-1.2s;left:30%;right:30%}.pem-ember{width:calc(var(--pem-size) / 70 + 1.5px);height:calc(var(--pem-size) / 70 + 1.5px);background:rgb(var(--core));box-shadow:0 0 6px 1px rgba(var(--hot), .9);opacity:0;border-radius:50%;animation:3.4s linear infinite pem-rise;position:absolute;bottom:14%}.pem.is-plus .pem-ember{background:#eef3fa;box-shadow:0 0 5px #d2e1f5cc}.pem-ember:first-child{animation-delay:-.2s;left:30%}.pem-ember:nth-child(2){animation-duration:3.9s;animation-delay:-1.4s;left:64%}.pem-ember:nth-child(3){animation-delay:-2.5s;left:46%}.pem-ember:nth-child(4){animation-duration:4s;animation-delay:-1.1s;left:62%}.pem-ember:nth-child(5){animation-delay:-2.1s;left:46%}.pem-ember:nth-child(6){animation-duration:3.8s;animation-delay:-2.8s;left:72%}.pem-ember:nth-child(7){animation-duration:4.4s;animation-delay:-1.6s;left:22%}.pem-ember:nth-child(8){animation-delay:-.7s;left:55%}.pem-ember:nth-child(9){animation-duration:3s;animation-delay:-3s;left:38%}.pem-ember:nth-child(10){animation-duration:4.2s;animation-delay:-1.9s;left:80%}.pem-ember:nth-child(11){animation-delay:-2.4s;left:14%}.pem-ember:nth-child(12){animation-duration:4.6s;animation-delay:-3.3s;left:50%}.pem-floor{z-index:1;background:radial-gradient(closest-side, rgba(var(--hot), calc(.35 * var(--fx))), #00000080 60%, transparent);border-radius:50%;height:7%;position:absolute;bottom:-3%;left:20%;right:20%}.pem.is-sm .pem-turn,.pem.is-sm .pem-halo{animation:none}.pem.is-sm .pem-floor{display:none}@keyframes pem-turn{0%,to{transform:rotateY(-22deg)rotateX(4deg)translateY(0)}50%{transform:rotateY(22deg)rotateX(-3deg)translateY(-3%)}}@keyframes pem-par{0%,to{transform:translate(3%)}50%{transform:translate(-3%)}}@keyframes pem-sweep{0%,45%{background-position:130% 0}to{background-position:-130% 0}}@keyframes pem-pulse{0%,to{opacity:.75;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes pem-flame{0%,to{opacity:.75;transform:scaleY(.9)skew(0)}30%{opacity:1;transform:scale(.94,1.04)skew(2deg)}65%{opacity:.85;transform:scale(1.04,.96)skew(-2deg)}}@keyframes pem-rise{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1}70%{opacity:.7}to{transform:translate(8px, calc(var(--pem-size) * -.85)) scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.pem-turn,.pem-shine,.pem-halo,.pem-fx,.pem-fire,.pem-plume{animation:none!important}.pem-ember{display:none}}