html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020707;color:#bff;font:14px monospace}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;inset:12px 12px auto;display:flex;justify-content:space-between;gap:16px;padding:9px 12px;border:1px solid #088;background:#001012cc}header span{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#reticle{position:fixed;left:50%;top:50%;translate:-50% -50%;color:#8ff;font-size:25px;text-shadow:0 0 8px #0ff}#prompt,#story{position:fixed;left:50%;translate:-50% 0;width:min(86vw,720px);text-align:center;padding:8px 12px;background:#001012d9}#prompt{bottom:105px;color:#ffe073}#story{top:58px}#fatal{position:fixed;z-index:20;left:50%;top:50%;translate:-50% -50%;width:min(82vw,680px);padding:18px;border:2px solid #f55;background:#210b0bf2;color:#fff;white-space:pre-wrap}#fatal button{display:block;margin-top:14px;padding:8px 12px;border-color:#f88}#boot-status{position:fixed;z-index:10;left:50%;top:50%;translate:-50% -50%;padding:12px 16px;border:1px solid #088;background:#001012ee;color:#bff}#boot-status[hidden]{display:none}#exit{position:fixed;right:12px;bottom:12px}.embedded #exit,.embedded #story{display:none}#touch{position:fixed;left:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,52px);gap:5px}button{min-height:40px;border:1px solid #099;background:#06252aee;color:#dff;font:700 14px monospace}#interact{grid-column:1/4}@media(hover:hover)and (pointer:fine){#touch{opacity:.32}}