.error-container{background-color:var(--bg);width:100%;min-height:100dvh;color:var(--fg);justify-content:center;align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.error-container:before{content:"";background-image:radial-gradient(circle, var(--dot-color) 1px, transparent 1.15px);pointer-events:none;background-size:20px 20px;position:absolute;inset:0}.error-container:after{content:"";background:radial-gradient(60% 55% at 18% 20%, var(--ambient-glow-a), transparent 70%), radial-gradient(50% 45% at 82% 14%, var(--ambient-glow-b), transparent 70%), radial-gradient(55% 50% at 50% 92%, var(--ambient-glow-c), transparent 72%);pointer-events:none;position:absolute;inset:0}.error-container>*{z-index:1;position:relative}.error-animated-text{text-align:center;justify-content:center;align-items:center;font-family:Catamaran,sans-serif;font-size:max(100px,12vw);font-weight:800;line-height:.7;display:flex}.error-animated-text>span{line-height:.7;position:relative}.error-animated-text>span:first-of-type{color:var(--oops-1);animation:6s ease-in-out infinite colordancing}.error-animated-text>span:nth-of-type(3){color:var(--oops-3);animation:6s ease-in-out infinite colordancing2}.error-animated-text>span:nth-of-type(2){background:0 0;border-radius:50%;width:clamp(10vw,100px,12vw);height:clamp(10vw,100px,12vw);display:inline-block;position:relative;overflow:hidden}.error-animated-text>span:nth-of-type(2):before,.error-animated-text>span:nth-of-type(2):after{content:"";border-radius:50%;width:100%;height:100%;animation:6s ease-in-out infinite shadowsdancing;position:absolute;top:0;left:0}.error-animated-text>span:nth-of-type(2):after{transform:rotate(45deg)}@keyframes colordancing{0%,to{color:var(--oops-1)}25%{color:var(--oops-2)}50%{color:var(--oops-3)}75%{color:var(--oops-4)}}@keyframes colordancing2{0%,to{color:var(--oops-3)}25%{color:var(--oops-4)}50%{color:var(--oops-1)}75%{color:var(--oops-2)}}@keyframes shadowsdancing{0%,to{box-shadow:inset 2.1vw 0 0 var(--oops-1), inset 0 2.1vw 0 var(--oops-2), inset -2.1vw 0 0 var(--oops-3), inset 0 -2.1vw 0 var(--oops-4)}25%{box-shadow:inset 2.1vw 0 0 var(--oops-2), inset 0 2.1vw 0 var(--oops-3), inset -2.1vw 0 0 var(--oops-4), inset 0 -2.1vw 0 var(--oops-1)}50%{box-shadow:inset 2.1vw 0 0 var(--oops-3), inset 0 2.1vw 0 var(--oops-4), inset -2.1vw 0 0 var(--oops-1), inset 0 -2.1vw 0 var(--oops-2)}75%{box-shadow:inset 2.1vw 0 0 var(--oops-4), inset 0 2.1vw 0 var(--oops-1), inset -2.1vw 0 0 var(--oops-2), inset 0 -2.1vw 0 var(--oops-3)}}.blinking-caret{background-color:var(--primary);width:2px;height:1rem;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.error-animated-text>span,.error-animated-text>span:nth-of-type(2):before,.error-animated-text>span:nth-of-type(2):after,.blinking-caret{animation:none}.error-animated-text>span:nth-of-type(2):before{box-shadow:inset 2.1vw 0 0 var(--oops-1), inset 0 2.1vw 0 var(--oops-2), inset -2.1vw 0 0 var(--oops-3), inset 0 -2.1vw 0 var(--oops-4)}}.error-container:before{background-image: radial-gradient(circle, var(--dot-color) 1px, transparent 1.15px),  linear-gradient(to right, var(--grid-strong) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-strong) 1px, transparent 1px),  linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px),  repeating-linear-gradient(45deg, var(--hatch) 0 1px, transparent 1px 9px), var(--watermark);background-position:0 0,0 0,0 0,0 0,0 0,0 0,50% 46%;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,no-repeat;background-size:24px 24px,120px 120px,120px 120px,24px 24px,24px 24px,auto,min(58vmin,520px) min(58vmin,520px)}.error-container:after{background: radial-gradient(120% 90% at 50% 45%, transparent 35%, color-mix(in srgb, var(--bg) 70%, transparent) 100%), radial-gradient(42% 38% at 18% 22%, var(--ambient-glow-a), transparent 70%), radial-gradient(38% 34% at 82% 16%, var(--ambient-glow-b), transparent 70%), radial-gradient(46% 40% at 50% 92%, var(--ambient-glow-c), transparent 72%), radial-gradient(30% 26% at 70% 60%, var(--ambient-glow-a), transparent 72%);animation:26s ease-in-out infinite alternate ambient-drift}@keyframes ambient-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(1.5%,-1.2%)scale(1.04)}to{transform:translate(-1.2%,1.5%)scale(1.02)}}@media (prefers-reduced-motion:reduce){.error-container:after{animation:none}}
