:root{color:#eef1f4;font-synthesis:none;background:#020305;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:#020305;margin:0;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#loading{z-index:10;letter-spacing:2px;color:#8f98a2;background:#020305;place-items:center;font-size:11px;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading i{background:#ffffff14;width:140px;height:1px;position:relative;overflow:hidden}#loading i:after{content:"";background:#ff4a3a;width:40%;animation:1.1s ease-in-out infinite load;position:absolute;inset:0}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}body:has(#loading:not(.done)) footer{opacity:0}footer{transition:opacity .6s .2s}.touch{display:none}@media (width<=700px),(pointer:coarse){body.manual .touch{touch-action:none;grid-template-columns:repeat(3,46px);gap:7px;display:grid;position:fixed;bottom:16px;left:16px}.touch button{background:#141a22dd;border-radius:10px;width:46px;height:46px}.touch [data-key=KeyA]{grid-row:2}.touch [data-key=KeyW]{grid-area:1/2}.touch [data-key=KeyD]{grid-area:2/3}.touch [data-key=KeyS]{grid-area:2/2}.touch [data-key=Space]{grid-column:1/4;width:auto}}button{cursor:pointer;color:#d8dee5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f1499;border:1px solid #fff2;border-radius:3px;padding:9px 13px;font-family:inherit;font-size:10px}button:hover{color:#fff;border-color:#ff4a3a}button:focus-visible{outline-offset:3px;outline:2px solid #ff4a3a}button span{color:#9aa3ad;margin-left:8px}.primary{color:#111;background:#e9ecee;border-color:#e9ecee}.primary:hover{color:#000;background:#fff}.primary.active{color:#fff;background:#ff4a3a;border-color:#ff4a3a}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:22px;left:28px;right:28px}.keys{color:#8f98a2;text-shadow:0 1px 6px #000;font-size:10px}.keys b{color:#ff5a48;letter-spacing:2px;margin-right:12px}.camera{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}@media (width<=700px){footer{bottom:14px;left:14px;right:14px}.camera span{display:none}.keys{width:100%}body.manual .touch{bottom:110px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:none) and (pointer:coarse){.keys{display:none}}