.viewport{touch-action:none}.hud>summary{cursor:pointer;padding:10px 0}@media (min-width: 701px){.hud>summary{display:none}}@media (max-width: 700px){.hud{padding:0 12px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;right:8px}.hud-content{max-height:35dvh;overflow-y:auto;padding-bottom:12px}.control{min-height:40px}}

.hud {max-height:calc(100dvh - 2rem);overflow:auto}.stats{flex-wrap:wrap}button{font:inherit;color:#f4ece1;background:#32251d;border:1px solid #76563c;border-radius:6px;padding:9px 12px;cursor:pointer;margin-top:8px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f2bb7f;outline-offset:3px}.buttons{display:flex;flex-wrap:wrap;gap:6px}.hud>summary{display:block}.hud h1{font-size:1.6rem}.error{padding:24px;text-align:center}

.viewer-status{position:fixed;top:40%;left:50%;transform:translateX(-50%);max-width:90vw;padding:16px;background:#201913;color:#fff;border-radius:8px;text-align:center;z-index:10}.viewer-status[hidden]{display:none}

.explanation{margin-top:12px}.explanation summary{cursor:pointer;color:#f2bb7f}.explanation .copy{margin-top:10px}