:root{color:#fff9d8;background:#000;font-family:Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{display:grid;place-items:center;overflow:hidden;background-color:#000;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px;background-position:center}#shell{width:min(50vw,960px);display:grid;gap:14px}#app{width:min(50vw,960px);aspect-ratio:16 / 9}#controls-panel{padding:12px 14px;color:#fff;background:#08111fe0;border:2px solid rgba(255,255,255,.22);box-shadow:0 12px 30px #00000059;font-size:14px;line-height:1.35}@media(max-width:1100px){#shell,#app{width:min(78vw,960px)}}@media(max-width:700px){#shell,#app{width:94vw}#controls-panel{font-size:13px}}canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges;border:4px solid #1f3f73;box-shadow:0 18px 40px #0d244447;background:#78d7ff}