:root{--hud-bg: #12102a;--hud-edge: #f0a52c;--hud-text: #fbf3df;--hud-dim: #c9c2e8;--hud-key: #2f8abd}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000}#view{display:block;width:100vw;height:100vh;image-rendering:pixelated}#concept{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;image-rendering:pixelated;display:none;pointer-events:none}#concept.on{display:block}#hud{position:fixed;left:16px;bottom:16px;padding:12px 16px 10px;font-family:Pixelify Sans,monospace;font-size:17px;line-height:1.45;color:var(--hud-text);background:var(--hud-bg);border:3px solid var(--hud-edge);box-shadow:6px 6px #000;-webkit-user-select:none;user-select:none}#hud.hidden{display:none}.hud-title{font-weight:600;font-size:20px;letter-spacing:1px;color:var(--hud-edge)}.hud-title span{color:var(--hud-dim);font-weight:400;font-size:17px;letter-spacing:0}#hud-scene{color:var(--hud-dim);margin-bottom:4px}#hud ul{list-style:none;margin:0;padding:0}kbd{font-family:inherit;color:#fff;background:var(--hud-key);padding:0 5px;box-shadow:0 2px #0b2a45}#loading{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 40%,#241e52,#0e0c22 70%);font-family:Pixelify Sans,monospace;color:var(--hud-text);transition:opacity .4s steps(4)}#loading.fade{opacity:0}#loading.hidden{display:none}.load-card{width:min(960px,100%,(100vh - 120px) * 16 / 9);width:min(960px,100%,(100dvh - 120px) * 16 / 9);display:flex;flex-direction:column;gap:14px}.load-title{font-weight:600;font-size:22px;letter-spacing:2px;color:var(--hud-edge)}.load-title span{color:var(--hud-dim);font-weight:400;font-size:18px;letter-spacing:0}.load-frame{border:4px solid var(--hud-edge);box-shadow:8px 8px #000;background:#12102a;line-height:0}.load-frame canvas{width:100%;aspect-ratio:16 / 9;image-rendering:pixelated}.load-bar{display:grid;grid-template-columns:repeat(32,1fr);gap:3px;height:18px}.load-bar i{background:#2a2552;box-shadow:inset 0 -3px #1a1638}.load-bar i.on{background:var(--hud-edge);box-shadow:inset 0 -3px #b8741a,inset 0 3px #ffd27a}.load-row{display:flex;justify-content:space-between;gap:16px;font-size:19px}.load-label:after{content:"_";animation:blink .8s steps(1) infinite}.load-percent{color:var(--hud-edge);font-weight:600;min-width:4ch;text-align:right}@keyframes blink{50%{opacity:0}}#view{touch-action:none}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}.touch-only{display:none}body.touch .touch-only{display:block}body.touch .desk-only{display:none}.hud-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hud-buttons button,#hud-show{font-family:Pixelify Sans,monospace;font-size:16px;color:var(--hud-text);background:#2a2552;border:2px solid var(--hud-edge);padding:4px 10px;box-shadow:3px 3px #000;cursor:pointer}.hud-buttons button:active,#hud-show:active{transform:translate(2px,2px);box-shadow:1px 1px #000}#hud-show{position:fixed;left:16px;bottom:16px;display:none;min-width:44px;min-height:44px}#hud.hidden~#hud-show{display:block}#stick{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border:3px solid rgba(251,243,223,.55);border-radius:50%;pointer-events:none;display:none}#stick.on{display:block}#stick i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#f0a52cbf;transform:translate(var(--dx, 0),var(--dy, 0))}#rotate-hint{position:fixed;top:16px;left:16px;right:16px;padding:10px 14px;font-family:Pixelify Sans,monospace;font-size:17px;color:var(--hud-text);background:var(--hud-bg);border:3px solid var(--hud-edge);text-align:center;display:none;pointer-events:none}@media(orientation:portrait){body.touch #rotate-hint{display:block}}@media(max-height:500px){.load-card{gap:8px}.load-bar{height:12px}#loading{padding:8px 16px}}@media(max-width:700px),(max-height:500px){#hud{left:10px;bottom:10px;padding:8px 10px 6px;font-size:15px;max-width:calc(100vw - 20px)}.hud-title{font-size:17px}.hud-buttons button{font-size:15px;padding:6px 10px}.load-title{font-size:18px}.load-row{font-size:16px}}#gl-error{position:fixed;inset:16px;z-index:20;overflow:auto;padding:14px 16px;font-family:Pixelify Sans,monospace;font-size:16px;line-height:1.4;color:var(--hud-text);background:var(--hud-bg);border:3px solid #e0506a;white-space:pre-wrap;-webkit-user-select:text;user-select:text}#gl-error[hidden]{display:none}#gl-error b{color:#ff8aa0}#fs-btn{position:fixed;top:12px;right:12px;min-width:44px;min-height:44px;font-size:22px;line-height:1;color:var(--hud-text);background:#2a2552;border:2px solid var(--hud-edge);box-shadow:3px 3px #000;cursor:pointer;display:none}body.touch #fs-btn{display:block}body.no-fs #fs-btn,body.no-fs .fs-only{display:none}body.is-fs #fs-btn{opacity:.55}.touch-only-inline{display:none}body.touch .touch-only-inline{display:inline-block}