.member-avatar{transition:transform .45s var(--ease-spring)}.member-avatar__glow{background:linear-gradient(135deg, rgb(var(--rank-1)), rgb(var(--rank-2)));opacity:0;filter:blur(10px);transition:opacity .35s ease, inset .35s var(--ease-out);border-radius:999px;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.member-avatar__ring{-webkit-mask-composite:xor;-webkit-mask-composite:xor;opacity:.45;border-radius:999px;padding:2px;transition:opacity .3s;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.member-avatar__img{transition:transform .45s var(--ease-spring), filter .3s ease;border:3px solid #0000;position:relative}.member-avatar__img.is-member{border-color:#5865f2}.member-avatar__img.is-guest{border-color:#ef4444}@media (hover:hover){.member-avatar:hover{transform:translateY(-2px)scale(1.08)rotate(-3deg)}.member-avatar:hover .member-avatar__glow{opacity:.75;top:-8px;bottom:-8px;left:-8px;right:-8px}.member-avatar:hover .member-avatar__ring{opacity:1}.member-avatar:hover .member-avatar__img{filter:saturate(1.15)}[data-fx=quality] .member-avatar:hover .member-avatar__ring:before{animation:2.6s linear infinite ring-rotate}}.member-avatar:active{transform:scale(.96)}.submit-card{--res-ok:#10b981;--res-ok-2:#6ee7b7;--res-fail:#f43f5e;--res-fail-2:#fda4af}@supports (color:color-mix(in oklab, red, blue)){.submit-card{--res-ok:color-mix(in oklab, #10b981 88%, rgb(var(--a-500)));--res-ok-2:color-mix(in oklab, #6ee7b7 80%, rgb(var(--b-400)));--res-fail:color-mix(in oklab, #f43f5e 88%, rgb(var(--a-500)));--res-fail-2:color-mix(in oklab, #fda4af 80%, rgb(var(--b-400)))}}@property --edge-a{syntax:"<color>";inherits:true;initial-value:#0000}@property --edge-b{syntax:"<color>";inherits:true;initial-value:#0000}.submit-card .edge-ring{--edge-a:rgb(var(--a-400) / .9);--edge-b:rgb(var(--b-400));transition:--edge-a .6s,--edge-b .6s,opacity .6s}.submit-card .edge-ring:before{background:conic-gradient(transparent 0 52%, var(--edge-a) 70%, var(--edge-b) 84%, transparent 96%)}.submit-card[data-edge] .edge-ring{opacity:1}.submit-card[data-edge=ok] .edge-ring{--edge-a:var(--res-ok);--edge-b:var(--res-ok-2)}.submit-card[data-edge=fail] .edge-ring{--edge-a:var(--res-fail);--edge-b:var(--res-fail-2)}.submit-card{transition:border-color .6s,box-shadow .6s}.submit-card[data-edge=ok]{border-color:color-mix(in srgb, var(--res-ok) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--res-ok) 18%, transparent), 0 0 48px -12px color-mix(in srgb, var(--res-ok) 60%, transparent)}.submit-card[data-edge=fail]{border-color:color-mix(in srgb, var(--res-fail) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--res-fail) 18%, transparent), 0 0 48px -12px color-mix(in srgb, var(--res-fail) 60%, transparent)}.submit-left{font-variant-numeric:tabular-nums;color:#ffffff8c;opacity:0;pointer-events:none;font-size:.7rem;font-weight:600;line-height:1;transition:opacity .2s,transform .2s;position:absolute;bottom:.3rem;right:.6rem;transform:translateY(2px)}#submitBtn:hover .submit-left{opacity:1;transform:none}#submitBtn:focus-visible .submit-left{opacity:1;transform:none}.submit-left[data-low]{color:#fecdd3d9}.submit-result{z-index:5;border-radius:inherit;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#020617f0;outline:none;justify-content:center;align-items:center;padding:2rem 1.25rem;animation:.35s ease-out both submit-result-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.submit-result[hidden]{display:none}[data-fx=quality] .submit-result{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:radial-gradient(circle,#020617b3,#020617db)}.submit-result.is-leaving{pointer-events:none;animation:.3s ease-in both submit-result-out}.submit-result:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--a-400))}.submit-result__inner{text-align:center;flex-direction:column;align-items:center;max-width:22rem;display:flex}.submit-result__mark{fill:none;stroke-linecap:round;stroke-linejoin:round;--mark:var(--res-ok);--mark-2:var(--res-ok-2);width:9rem;height:9rem;margin-bottom:1rem;overflow:visible}.submit-result[data-kind=limited] .submit-result__mark{--mark:var(--res-fail);--mark-2:var(--res-fail-2)}.submit-result__mark *{transform-box:fill-box;transform-origin:50%}.submit-result__track{stroke:#ffffff1a;stroke-width:4px}.submit-result__ring{stroke:var(--mark-2);stroke-width:4px;stroke-dasharray:100;stroke-dashoffset:100px;transform:rotate(-90deg)}.submit-result__disc{fill:var(--mark);transform:scale(0)}[data-fx=quality] .submit-result__disc{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--mark) 70%, transparent))}.submit-result__ripple{stroke:var(--mark);stroke-width:3px;opacity:0}.submit-result__check,.submit-result__cross{stroke:#fff;stroke-width:8px;stroke-dasharray:100;stroke-dashoffset:100px;display:none}.submit-result__sparks line{stroke:var(--mark-2);stroke-width:4px;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;display:none}.submit-result[data-kind=ok] .submit-result__check,.submit-result[data-kind=ok] .submit-result__sparks line,.submit-result[data-kind=limited] .submit-result__cross{display:inline}.is-playing[data-kind=ok] .submit-result__ring{animation:.55s cubic-bezier(.65,0,.35,1) forwards submit-draw}.is-playing .submit-result__disc{animation:.6s cubic-bezier(.34,1.56,.64,1) .3s forwards submit-disc}.is-playing .submit-result__ripple{animation:.8s cubic-bezier(.2,.7,.3,1) .45s submit-ripple}.is-playing[data-kind=ok] .submit-result__check{animation:.38s cubic-bezier(.65,0,.35,1) .6s forwards submit-draw,.35s ease-out .95s submit-thump}.is-playing[data-kind=ok] .submit-result__sparks line{animation:.6s cubic-bezier(.2,.8,.3,1) .85s submit-spark}.is-playing[data-kind=limited] .submit-result__cross--a{animation:.28s cubic-bezier(.65,0,.35,1) .6s forwards submit-draw}.is-playing[data-kind=limited] .submit-result__cross--b{animation:.28s cubic-bezier(.65,0,.35,1) .78s forwards submit-draw}.is-playing[data-kind=limited] .submit-result__mark{animation:.45s ease-in-out 1.05s submit-shake}.submit-result[data-kind=limited] .submit-result__ring{transition:stroke-dashoffset .9s cubic-bezier(.65,0,.35,1)}.submit-result[data-kind=limited] .submit-result__ring.is-ticking{transition:stroke-dashoffset 1s linear}.submit-result__title{font-size:1.5rem;font-weight:800;line-height:1.2}.submit-result__sub{color:#e2e8f0d9;margin-top:.4rem;font-size:.95rem}.is-playing .submit-result__title{animation:.45s ease-out .7s both submit-text-in}.is-playing .submit-result__sub{animation:.45s ease-out .8s both submit-text-in}.is-playing .submit-result__clock{animation:.45s ease-out .9s both submit-text-in}.is-playing .submit-result__hint{animation:.45s ease-out 1.05s both submit-text-in}.submit-result__sub:empty,.submit-result__clock:empty,.submit-result__hint:empty{display:none}.submit-result__clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--res-fail-2);margin-top:.9rem;font-size:2.75rem;font-weight:800;line-height:1;display:flex}.submit-result__digit{text-align:center;min-width:.62em;display:inline-block}.submit-result__digit.is-new{animation:.35s cubic-bezier(.2,.8,.3,1) submit-digit}.submit-result__sep{opacity:.6;padding:0 .05em;display:inline-block}.submit-result__clock.is-done{color:var(--res-ok-2)}.submit-result__hint{color:#cbd5e1b3;margin-top:1.1rem;font-size:.8rem}@keyframes submit-result-in{0%{opacity:0}}@keyframes submit-result-out{to{opacity:0}}@keyframes submit-draw{to{stroke-dashoffset:0}}@keyframes submit-disc{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes submit-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@keyframes submit-thump{50%{transform:scale(1.12)}}@keyframes submit-spark{0%{stroke-dashoffset:100px;opacity:1}55%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-100px;opacity:0}}@keyframes submit-shake{15%,55%{transform:translate(-7px)rotate(-3deg)}35%,75%{transform:translate(7px)rotate(3deg)}}@keyframes submit-text-in{0%{opacity:0;transform:translateY(8px)}}@keyframes submit-digit{0%{opacity:0;transform:translateY(-55%)}}@media (prefers-reduced-motion:reduce){.submit-result,.submit-result.is-leaving,.submit-result *,.is-playing .submit-result__mark,.is-playing .submit-result__mark *{animation:none!important}.submit-result__disc{transform:none}.submit-result__check,.submit-result__cross,.submit-result[data-kind=ok] .submit-result__ring{stroke-dashoffset:0}.submit-result[data-kind=limited] .submit-result__ring,.submit-result[data-kind=limited] .submit-result__ring.is-ticking,.submit-card,.submit-card .edge-ring,.submit-left{transition:none}.submit-left{transform:none}}
