@font-face{font-family:GamejamPixel;src:url('PressStart2P-Regular.ttf') format('truetype');font-display:swap}
#loading{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:32px 26px;overflow:auto;background:#f3efdf;color:#262521;isolation:isolate}
#loading::before,#loading::after{content:'';position:fixed;width:430px;height:325px;background:url('Abstract-Checkerboard-Pattern.png') center/contain no-repeat;z-index:-1;pointer-events:none}
#loading::before{left:-125px;top:-15px}
#loading::after{right:-100px;bottom:-65px;transform:rotate(180deg)}
.load-window{width:min(620px,100%);border:2px solid #262521;background:#fffdf5;box-shadow:7px 7px 0 #b3ac94,9px 9px 0 #262521;text-align:left;position:relative}
.load-titlebar{display:flex;align-items:center;gap:13px;min-height:36px;padding:9px 12px;border-bottom:2px solid #262521;background:#0954eb;color:white;font:12px monospace;letter-spacing:.6px}
.load-dots{display:flex;gap:6px;flex-shrink:0}
.load-dots i{width:10px;height:10px;border:1px solid #262521;border-radius:50%;background:#ee8b9f}
.load-dots i:nth-child(2){background:#f9c84e}.load-dots i:nth-child(3){background:#7cbaa9}
.load-controls{margin-left:auto;white-space:nowrap;letter-spacing:3px}
.load-body{padding:28px 34px 23px;background:url('Orange-Halftone-Background.png') right top/100% 80px no-repeat;background-blend-mode:screen;background-color:#fffdf5}
.load-brand{display:flex;align-items:center;gap:18px}
.load-brand img{width:75px;height:auto;image-rendering:pixelated}
.load-brand p{font:18px/1.6 GamejamPixel,monospace;letter-spacing:1px;margin:0;color:#c54e63;text-shadow:2px 2px #ffc57f}
#loading h1{font:clamp(17px,3.2vw,25px)/1.65 GamejamPixel,monospace;margin:25px 0 12px;overflow-wrap:anywhere;color:#c54e63;text-shadow:2px 2px #f3ba85}
.load-subtitle{margin:0 0 24px;font:15px/1.5 Arial,sans-serif}
.load-label{display:flex;align-items:center;gap:8px;margin-bottom:9px;font:bold 11px/1.5 monospace;letter-spacing:.7px}
.load-label img{width:23px;height:18px;object-fit:contain;image-rendering:pixelated}
#loading progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:34px;margin:0;border:3px solid #262521;border-radius:0;padding:3px;background:#fff1a0;accent-color:#ff971c;box-shadow:inset 1px 1px #fffdf5}
#loading progress::-webkit-progress-bar{background:#fff1a0}
#loading progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#ff971c 0 22px,#fff1a0 22px 27px)}
#loading progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,#ff971c 0 22px,#fff1a0 22px 27px)}
#loading #status{margin:12px 0 0;font:13px/1.5 Arial,sans-serif;text-align:center}
.load-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding-top:14px;border-top:1px solid #b8b09a;font:11px/1.5 monospace}
.load-footer img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}
#error{z-index:40;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 40px));border:2px solid #262521;border-radius:0;background:#fffdf5;color:#262521;box-shadow:7px 7px 0 #b3ac94;font:16px/1.6 Arial,sans-serif}
#error button{border:2px solid #262521;border-radius:0;background:#f9c84e;color:#262521;font-weight:bold;box-shadow:3px 3px 0 #b3ac94}
@media(max-width:480px){#loading{padding:22px 20px}.load-body{padding:23px 20px 20px}.load-titlebar{font-size:10px;gap:9px}.load-controls{letter-spacing:1px}.load-brand img{width:63px}.load-brand p{font-size:16px}#loading h1{margin-top:23px}.load-subtitle{font-size:14px}.load-footer{font-size:10px}}
@media(max-height:500px) and (min-width:600px){#loading{padding:16px 26px}.load-window{width:min(680px,100%)}.load-body{padding:15px 26px}.load-brand{position:absolute;right:28px;top:53px;gap:10px}.load-brand img{width:45px}.load-brand p{font-size:11px}#loading h1{max-width:65%;font-size:18px;margin:2px 0 8px}.load-subtitle{margin-bottom:13px;font-size:13px}.load-footer{margin-top:13px;padding-top:9px}.load-titlebar{min-height:30px;padding:6px 12px}}