.osu-error-state{position:relative;max-width:520px;margin:3rem auto;border-radius:20px;overflow:hidden;isolation:isolate}.osu-error-state__glow{position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,102,171,.4),rgba(0,204,255,.3) 50%,rgba(255,102,171,.4));background-size:200% 200%;animation:osu-error-border-shift 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}@media(prefers-reduced-motion:reduce){.osu-error-state__glow{animation:none}}.osu-error-state__particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.osu-error-state__particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,102,171,.3);animation:osu-error-float 6s ease-in-out infinite}.osu-error-state__particle:first-child{left:15%;top:20%;animation-delay:0s;animation-duration:5s}.osu-error-state__particle:nth-child(2){left:75%;top:40%;animation-delay:1.5s;animation-duration:7s;background:rgba(0,204,255,.3)}.osu-error-state__particle:nth-child(3){left:50%;top:70%;animation-delay:3s;animation-duration:6s}.osu-error-state__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem 2rem;background:rgba(10,10,15,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;text-align:center}.osu-error-state__icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.osu-error-state__icon-ring{position:absolute;inset:0;border-radius:50%;border-color:rgba(255,102,171,.5) rgba(0,204,255,.3) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:2px;animation:osu-error-ring-spin 3s linear infinite}.osu-error-state__icon{font-size:1.8rem;color:#ff66ab;filter:drop-shadow(0 0 12px rgba(255,102,171,.4));animation:osu-error-icon-pulse 2s ease-in-out infinite}.osu-error-state__title{font-size:1.3rem;font-weight:800;margin:0;letter-spacing:-.01em;background:linear-gradient(135deg,#fff,rgba(255,102,171,.9));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.osu-error-state__message{font-size:.85rem;color:hsla(0,0%,100%,.55);margin:0;line-height:1.6;max-width:380px}.osu-error-state__status{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:20px;background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.15);font-size:.75rem;color:rgba(255,170,0,.8)}.osu-error-state__status-dot{width:6px;height:6px;border-radius:50%;background:#fa0;animation:osu-error-dot-blink 1.5s ease-in-out infinite}.osu-error-state__status-icon{font-size:.7rem;opacity:.7}.osu-error-state__status-text{font-weight:600;letter-spacing:.02em}.osu-error-state__hint{font-size:.75rem;color:hsla(0,0%,100%,.3);margin:0;max-width:360px;line-height:1.5}.osu-error-state__actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.osu-error-state__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:700;border-radius:28px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.osu-error-state__btn--primary{background:linear-gradient(135deg,#ff66ab,#00ccff);border:none;color:#fff;box-shadow:0 4px 20px rgba(255,102,171,.25)}.osu-error-state__btn--primary .osu-error-state__btn-icon{transition:transform .3s ease}.osu-error-state__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,102,171,.35),0 0 0 1px rgba(255,102,171,.2)}.osu-error-state__btn--primary:hover .osu-error-state__btn-icon{transform:rotate(180deg)}.osu-error-state__btn--primary:active{transform:translateY(0);box-shadow:0 2px 12px rgba(255,102,171,.2)}.osu-error-state__btn--secondary{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.5)}.osu-error-state__btn--secondary:hover{border-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.04);transform:translateY(-1px)}.osu-error-state__countdown{font-size:.75rem;font-weight:400;opacity:.7;margin-left:.1rem}@media(prefers-reduced-motion:reduce){.osu-error-state__glow,.osu-error-state__icon,.osu-error-state__icon-ring,.osu-error-state__particle,.osu-error-state__status-dot{animation:none!important}.osu-error-state__btn,.osu-error-state__btn--primary .osu-error-state__btn-icon{transition:none}.osu-error-state__btn--primary:active,.osu-error-state__btn--primary:hover{transform:none;box-shadow:0 4px 20px rgba(255,102,171,.25)}.osu-error-state__btn--primary:active .osu-error-state__btn-icon,.osu-error-state__btn--primary:hover .osu-error-state__btn-icon,.osu-error-state__btn--secondary:hover{transform:none}}@keyframes osu-error-border-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes osu-error-float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-15px) scale(1.5);opacity:.6}}@keyframes osu-error-ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes osu-error-icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(255,102,171,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(255,102,171,.6))}}@keyframes osu-error-dot-blink{0%,to{opacity:1}50%{opacity:.3}}