*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a0913;color:#eee;font-family:Georgia,serif}body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px}#shell{position:relative;width:min(100%,1440px);aspect-ratio:16/9;border:4px solid #9f7b72;box-shadow:0 0 0 3px #2a1e35,0 30px 100px #000,inset 0 0 40px #000}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#15172a}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#15121d;font-size:22px;pointer-events:none}#help{font:14px/1.5 system-ui,sans-serif;color:#ad9db7;text-align:center;max-width:1000px}@media(max-width:600px){#help{font-size:11px}body{gap:8px}}