*{box-sizing:border-box}body{margin:0;background:#11141b;color:#eee8dd;font:16px/1.5 system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#eadac0;color:#171820;border:0;border-radius:8px;padding:.55rem .85rem}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f5ad62;outline-offset:3px}a{color:#f5c17b}label{display:block;margin:1rem 0}input,select,textarea{display:block;width:100%;margin-top:.3rem;padding:.6rem;background:#252a35;color:#fff;border:1px solid #555c6a;border-radius:6px}textarea{resize:vertical}h1{line-height:1.2}small{color:#c6bdad}.player{height:100dvh;overflow:hidden}.player canvas{position:absolute;top:calc(3.7rem + env(safe-area-inset-top));left:env(safe-area-inset-left);width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100dvh - 3.7rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));touch-action:none;outline:none}.player header{height:calc(3.7rem + env(safe-area-inset-top));padding:calc(.5rem + env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) .5rem max(.7rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:.5rem}.player header span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player nav{display:flex;gap:.4rem;flex-shrink:0}.player nav button{font-size:.8rem}.player #status{position:absolute;bottom:calc(.5rem + env(safe-area-inset-bottom));left:1rem;right:1rem;pointer-events:none;font-size:.8rem;color:#c6bdad;text-align:center;margin:0}dialog{background:#171c26;color:#eee8dd;border:1px solid #535865;border-radius:14px;width:min(92vw,480px);max-height:85dvh;padding:1.5rem}dialog::backdrop{background:#05070bdd}dialog button{margin:.3rem .3rem .3rem 0}.author{max-width:720px;margin:3rem auto;padding:0 1.5rem}.author textarea{font-family:monospace}.author output{display:block;overflow-wrap:anywhere;margin:1rem 0}.error{color:#ffbaaa}#link-output a{display:block;margin:.7rem 0}

.player #xr-status:not(:empty){position:absolute;top:calc(4rem + env(safe-area-inset-top));left:1rem;right:1rem;margin:0;padding:.65rem 1rem;border:1px solid #b77c5c;border-radius:8px;background:#171c26;color:#ffbaaa;pointer-events:none}.xr-handedness input{display:inline-block;width:auto;margin:0 .5rem 0 0}