@font-face{font-family:CrabPlayful;src:url(game-ui.ttf) format('truetype');font-display:swap}html,body{width:100%;height:100%;background:#275764}#status{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(100vw,56.25vh);height:min(100vh,177.77778vw);background:#fdc567 url(load-worlds.png) left top/200% 200%;z-index:10;font-family:CrabPlayful,system-ui,sans-serif;color:#fff3ce;text-shadow:2px 2px 1px #5f2908;gap:14px}#status-splash{display:none!important}.loading-brand{width:90%;max-width:570px;aspect-ratio:2;flex-shrink:0;background:url(load-brand.png) 0 0/200% 200%;filter:drop-shadow(0 5px 4px #72431b)}.loading-seafood{flex-shrink:0;width:100px;height:100px;background:url(load-seafood.png) 0 0/400% 500%;animation:bob .6s alternate infinite}#status-progress{appearance:none;-webkit-appearance:none;position:static;display:block;width:80%;height:44px;box-sizing:border-box;border:12px solid transparent;border-image:url(load-trough.png) 30 45 fill / 12px 18px stretch;padding:1px;background:none}#status-progress::-webkit-progress-bar{background:transparent}#status-progress::-webkit-progress-value{background:#12aee7 url(load-fill.png) center/cover;filter:hue-rotate(105deg);border-radius:8px}#load-retry{font-family:inherit;display:none;background:transparent url(load-retry.png) center/contain no-repeat;border:0;width:76%;height:88px;padding:0;color:#fff5c6;font-size:28px;font-weight:bold;cursor:pointer}#load-retry:hover{filter:brightness(1.12)}#load-retry:active{filter:brightness(.65)}#load-text{font-size:20px}#status-notice{font-family:inherit;background:transparent;border:12px solid transparent;border-image:url(load-trough.png) 30 45 fill / 12px 18px stretch;color:#ffe9bf}#status h2{margin:0;font-size:clamp(18px,5vw,25px);text-align:center}@keyframes bob{to{transform:translateY(-15px) rotate(-8deg)}}.loading-seafood{position:relative;width:88%;max-width:520px;height:170px;background:none;animation:none}.loading-seafood span{position:absolute;display:block;width:105px;height:105px;background-image:url(load-seafood.png);background-size:400% 500%;animation:bob .9s alternate infinite}.load-shrimp{left:0;top:35px;background-position:0 0}.loading-seafood .load-crab{left:25%;top:0;width:170px;height:170px;background:url(load-crab.png) center/contain no-repeat;animation-delay:-.3s}.load-shell{right:16%;top:18px;background-position:0 25%;animation-delay:-.5s!important}.load-octopus{right:0;top:65px;background-position:0 75%;animation-delay:-.7s!important}#status-progress::-webkit-progress-value{filter:none;background-color:#12aee7}#load-retry{width:65%;max-width:330px}#load-text{font-size:clamp(18px,4vw,24px)}.loading-seafood span{background-size:contain;background-position:center;background-repeat:no-repeat;top:35px;height:105px;width:22%}.loading-seafood .load-shrimp{left:0;background-image:url(load-shrimp.png)}.loading-seafood .load-crab{left:22%;top:0;width:36%;height:150px;background-image:url(load-crab.png)}.loading-seafood .load-shell{right:20%;top:20px;width:23%;background-image:url(load-shell.png)}.loading-seafood .load-octopus{right:0;top:50px;width:25%;background-image:url(load-octopus.png)}#status-progress::-webkit-progress-value{background:#12aee7 url(load-soup.png) left center/auto 100% repeat-x}#load-retry{background-image:url(load-fill.png);background-size:100% 100%;border:3px solid #a95709;border-radius:20px;box-shadow:0 3px 0 #5f2908,inset 0 0 0 2px #ffd478;height:64px}#status-progress,#load-retry{flex-shrink:0}#status{background-image:url(load-beach.png);background-size:cover;background-position:center}#load-retry{background-image:url(load-retry.png);background-size:contain;border:0;border-radius:0;box-shadow:none;height:64px;font-size:30px;font-weight:400;line-height:1}/* portrait-frame-r7 */html,body{background:#275764 url(load-beach.png) center/cover fixed}#canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #173c45}