.error-screen{--error-ink:#402100;--error-paper:#fff0bd;z-index:60;background:var(--error-paper);color:var(--error-ink);image-rendering:pixelated;place-items:safe center;font-family:DNF Bit Bit v2,IBM Plex Mono,Space Grotesk,monospace;display:grid;position:fixed;inset:0;overflow:hidden}.error-screen--absolute{z-index:30;position:absolute}.error-screen__backdrop{position:absolute;inset:0}.error-screen__body{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex;position:relative}.error-screen__mascot-wrap{flex-direction:column;align-items:center;display:flex}.error-screen__mascot{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 92%;width:144px;height:120px;animation:2.4s ease-in-out infinite error-screen-rock}.error-screen__shadow{background:#40210038;border-radius:50%;width:104px;height:12px;animation:2.4s ease-in-out infinite error-screen-shadow-sway}.error-screen__title{margin:8px 0 0;font-size:1.75rem;font-weight:400;line-height:1.3}.error-screen__description{opacity:.85;margin:0;font-size:1.125rem;line-height:1.5}.error-screen__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.error-screen__button{border:2px solid var(--error-ink);background:var(--error-paper);min-height:48px;color:var(--error-ink);cursor:pointer;border-radius:12px;padding:0 26px;font-family:inherit;font-size:1.125rem;line-height:1;transition:transform .12s ease-out;box-shadow:3px 3px #4021004d}.error-screen__button--primary{background:var(--error-ink);color:var(--error-paper)}.error-screen__button:hover{transform:translateY(-2px)}.error-screen__button:active{transform:translateY(1px);box-shadow:2px 2px #4021004d}.error-screen__button:focus-visible{outline-offset:2px;outline:3px solid #2f6fed}@keyframes error-screen-rock{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes error-screen-shadow-sway{0%,to{transform:translate(-6px)scaleX(.92)}50%{transform:translate(6px)scaleX(.92)}}@media (height<=480px){.error-screen__body{gap:6px}.error-screen__mascot{width:108px;height:90px}.error-screen__title{font-size:1.375rem}.error-screen__description{font-size:1rem}}@media (prefers-reduced-motion:reduce){.error-screen__mascot,.error-screen__shadow{animation:none}.error-screen__button{transition:none}}.loading-screen{--loading-ink:#402100;--loading-dot-dim:#a3978a;z-index:45;color:var(--loading-ink);image-rendering:pixelated;background:#fff0bd;place-items:safe center;font-family:DNF Bit Bit v2,IBM Plex Mono,Space Grotesk,monospace;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen--absolute{position:absolute}.loading-screen--elevated{z-index:55}.loading-screen--leaving{opacity:0;pointer-events:none;transition:opacity .18s ease-out}.loading-screen__backdrop{position:absolute;inset:0}.loading-screen__body{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.loading-screen__character-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.loading-screen__sprite-box{width:256px;height:256px;image-rendering:pixelated;overflow:hidden}.loading-screen__sprite-sheet{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:400%;max-width:none;height:auto;animation:.8s steps(4,end) infinite loading-screen-walk;position:relative}.loading-screen__shadow{background:#40210038;border-radius:50%;width:128px;height:12px;animation:.8s steps(4,end) infinite loading-screen-shadow-pulse;position:relative;top:-70px}.loading-screen__dots{justify-content:center;align-items:center;gap:8px;min-height:12px;display:flex;position:relative;top:-60px}.loading-screen__dot{background:var(--loading-dot-dim);width:10px;height:10px;animation:.9s step-end infinite loading-screen-dot-pulse;box-shadow:1px 1px #4021004d}.loading-screen__dot:first-child{animation-delay:0s}.loading-screen__dot:nth-child(2){animation-delay:.3s}.loading-screen__dot:nth-child(3){animation-delay:.6s}.loading-screen__label{color:var(--loading-ink);text-transform:uppercase;letter-spacing:.02em;align-items:center;margin:0;font-size:1.875rem;font-weight:400;line-height:1;display:flex;position:relative;top:-40px;left:16px}.loading-screen__dot-fade{opacity:0;animation:1.5s infinite smooth-dot;display:inline-block}.loading-screen__dot-fade:first-child{animation-delay:0s}.loading-screen__dot-fade:nth-child(2){animation-delay:.3s}.loading-screen__dot-fade:nth-child(3){animation-delay:.6s}@keyframes smooth-dot{0%,20%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}80%,to{opacity:0;transform:translateY(0)}}@keyframes loading-screen-walk{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes loading-screen-shadow-pulse{0%,to{opacity:.22;transform:scaleX(1)}50%{opacity:.12;transform:scaleX(.72)}}@keyframes loading-screen-dot-pulse{0%{background:var(--loading-ink);transform:translateY(-4px)}50%{background:var(--loading-dot-dim);transform:translateY(0)}to{background:var(--loading-dot-dim);transform:translateY(0)}}@media (height<=480px){.loading-screen__body{gap:6px}.loading-screen__sprite-box{width:160px;height:160px}.loading-screen__shadow{width:80px;height:8px}.loading-screen__label{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.loading-screen__sprite-sheet,.loading-screen__shadow,.loading-screen__dot{animation:none}.loading-screen__dot{background:var(--loading-ink);opacity:.72}.loading-screen--leaving{transition:none}}
