:root{color:#ece8d8;font-synthesis:none;background:#26343a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#26343a;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}button{font:inherit}#app{touch-action:none;background:#26343a;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}#world{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:crosshair;display:block}#hud{z-index:1;pointer-events:none;color:#ece8d8;letter-spacing:.08em;text-shadow:1px 1px #26343a;font-size:8px;line-height:1.45;position:absolute;inset:0}.readout{opacity:.88;border-left:1px solid;min-width:92px;padding:5px 7px;display:grid;position:absolute}.readout:before,.readout:after{content:"";border-top:1px solid;width:10px;position:absolute;left:0}.readout:before{top:0}.readout:after{bottom:0}.readout.right{text-align:right;border-left:0;border-right:1px solid}.readout.right:before,.readout.right:after{left:auto;right:0}.top-left{top:max(8px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left))}.top-right{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}.bottom-left{bottom:max(8px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left))}.bottom-right{bottom:max(8px, env(safe-area-inset-bottom));right:max(10px, env(safe-area-inset-right))}.resolution-control{left:50%;bottom:max(8px, env(safe-area-inset-bottom));color:#ece8d8;text-align:center;pointer-events:auto;background:#26343ab8;gap:3px;width:140px;padding:4px 6px;display:grid;position:absolute;transform:translate(-50%)}.resolution-control input{accent-color:#b59a3f;touch-action:manipulation;width:100%;margin:0}.crosshair{opacity:.55;width:24px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i{background:currentColor;position:absolute}.crosshair i:first-child,.crosshair i:nth-child(2){width:7px;height:1px;top:8px}.crosshair i:first-child{left:0}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:1px;height:5px;left:12px}.crosshair i:nth-child(3){top:0}.crosshair i:nth-child(4){bottom:0}.pitch-marks{opacity:.3;gap:7px;display:grid;position:absolute;top:calc(50% - 12px);left:calc(50% + 29px)}.pitch-marks i{border-top:1px solid;width:6px;display:block}.pitch-marks i:nth-child(2){width:10px}.touch-indicator,.look-indicator{opacity:0;pointer-events:none;border:1px solid #ece8d859;width:64px;height:64px;margin:-32px;transition:opacity .25s linear;position:absolute}.touch-indicator.active,.look-indicator.active{opacity:1;transition:none}.touch-indicator:before,.look-indicator:before{content:"+";color:#ece8d880;font-size:14px;position:absolute;top:20px;left:27px}.touch-indicator i{background:#26343a;border:1px solid #ece8d8;width:8px;height:8px;position:absolute;top:27px;left:27px}.look-indicator{width:28px;height:28px;margin:-14px;transform:rotate(45deg)}.overlay{z-index:10;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);text-align:center;color:#ece8d8;letter-spacing:.2em;background:#26343aed;place-content:center;gap:8px;font-size:9px;display:grid;position:absolute;inset:0}.overlay[hidden],#enter[hidden]{display:none}.overlay p,.overlay pre{margin:0}.overlay span{color:#bec3bb;font-size:8px}.overlay button{color:#ece8d8;letter-spacing:.2em;background:0 0;border:1px solid #ece8d8;border-radius:0;margin-top:12px;padding:8px 20px}.overlay button:focus-visible{outline-offset:3px;outline:2px solid #b59a3f}#error{z-index:30}#error-message{white-space:pre-wrap;color:#bec3bb;text-align:left;max-width:80vw;max-height:45vh;font-size:8px;overflow:auto}#debug{top:max(8px, env(safe-area-inset-top));color:#ece8d8;white-space:pre;text-align:center;background:#26343acc;margin:0;padding:4px 6px;position:absolute;left:50%;transform:translate(-50%)}@media (orientation:portrait){.top-left{display:none}.readout.top-right{left:max(10px, env(safe-area-inset-left));text-align:left;border-left:1px solid;border-right:0;right:auto}.readout.top-right:before,.readout.top-right:after{left:0;right:auto}#signal{white-space:nowrap;width:54px;overflow:hidden}#hud:not(.debug) .bottom-left,.pitch-marks i:not(:nth-child(2)){display:none}#debug{top:calc(max(8px, env(safe-area-inset-top)) + 58px)}}