:root{font-synthesis:none;color:#ffffffde;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:400;line-height:1.5}body{background:#000;margin:0;overflow:hidden}#app canvas{image-rendering:pixelated;display:block}[hidden]{display:none}#startup-dialog[open]{z-index:1;box-sizing:border-box;width:min(38rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:inherit;text-align:left;background:#000000e6;border:1px solid #ffffff4d;border-radius:6px;flex-direction:column;gap:1rem;margin:0;padding:24px;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}#startup-dialog>*{flex-shrink:0}#tracking-status{text-align:center;flex-shrink:0;grid-auto-flow:column;justify-content:center;align-items:center;gap:.5rem;min-height:40px;font-style:italic;display:grid}#startup-retry{cursor:pointer;font:inherit;flex-shrink:0;align-self:center;padding:.5rem 1rem}#dialog-title{text-align:center;outline:none;margin:0;font-size:clamp(1.25rem,4vw,2rem);font-weight:600;line-height:1}#tracking-spinner{box-sizing:border-box;border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:24px;height:24px}@keyframes tracking-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){#tracking-spinner{animation:1s linear infinite tracking-spin}}#startup-dialog p{margin:0}#startup-dialog a{color:inherit;text-underline-offset:3px}#control-panel{scrollbar-width:none;z-index:2;width:min(340px,100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;bottom:8px;right:8px;overflow:auto}#control-panel::-webkit-scrollbar{display:none}#control-panel>.tp-rotv:not(.tp-v-hidden){max-height:inherit;flex-direction:column;display:flex}#control-panel>.tp-rotv>.tp-rotv_b{flex-shrink:0}#control-panel>.tp-rotv>.tp-rotv_c{min-height:0;overflow:auto}#camera-preview-frame{box-sizing:border-box;aspect-ratio:4/3;background:#3c3e43;border:1px solid #ffffff4d;border-radius:4px;flex-shrink:0;width:calc(100% - 16px);margin:8px;position:relative;overflow:hidden}#camera-preview,#camera-placeholder{width:100%;height:100%;position:absolute;inset:0}#camera-placeholder{color:#ffffff73}#camera-placeholder:not([hidden]){place-items:center;display:grid}#camera-icon{width:36px;height:36px}#camera-help{pointer-events:none;color:#ffffffbf;text-align:center;font-size:11px;line-height:1.4;position:absolute;inset:0}#camera-help-message{margin:0;position:absolute;top:calc(25% - 9px);left:16px;right:16px;transform:translateY(-50%)}#camera-permission-link{pointer-events:auto;color:inherit;text-underline-offset:2px;position:absolute;top:calc(75% + 9px);left:16px;right:16px;transform:translateY(-50%)}#camera-permission-link svg{vertical-align:-1px;width:12px;height:12px;margin-left:3px}@media (width<=700px),(height<=600px){body:has(#startup-dialog[open]){box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100dvh;padding:8px;display:grid}body:has(#startup-dialog[open]) #app{position:fixed;inset:0}#startup-dialog[open]{grid-area:1/1;align-self:center;width:100%;max-height:100%;padding:20px;position:relative;inset:auto;transform:none}body:has(#startup-dialog[open]) #control-panel{grid-area:2/1;justify-self:center;width:min(100%,clamp(200px,36dvh,300px));max-height:max(240px,40dvh);position:relative;bottom:auto;right:auto}}@media (height<=600px) and (orientation:landscape){#control-panel{width:clamp(200px,32vw,300px)}body:has(#startup-dialog[open]){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(200px,32vw,300px)}body:has(#startup-dialog[open]) #control-panel{grid-area:1/2;align-self:center;width:100%;max-height:calc(100dvh - 16px)}}