:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eff4f7;background:#0d1117}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}.app{height:100dvh}.stage{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1d2833,#0a0d12 75%)}#render,#markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#render canvas{display:block;width:100%;height:100%}.stage.mirrored #render,.stage.mirrored #markers,.stage.mirrored .xr-feed{transform:scaleX(-1)}.stage-message{position:absolute;left:50%;top:50%;width:min(80%,320px);transform:translate(-50%,-50%);text-align:center;font-size:1rem;line-height:1.5;color:#c9d7e0;text-shadow:0 2px 6px #000}.stats{position:absolute;left:10px;top:10px;right:58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat{padding:6px 9px;border:1px solid #ffffff26;border-radius:8px;background:#101821d9}.stat span{display:block;color:#7f95a4;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.stat strong{font-size:1rem;font-variant-numeric:tabular-nums}.stat.bad strong{color:#f0a06a}.gear{position:absolute;right:10px;top:10px;width:40px;height:36px;padding:0;border:1px solid #ffffff26;border-radius:8px;background:#101821d9;color:#e6f3fa;font-size:1rem}.stage-status{position:absolute;left:10px;bottom:74px;padding:6px 10px;border:1px solid #ffffff26;border-radius:8px;background:#101821d9;color:#e6f3fa;font-size:.78rem}.actions{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.panel{position:absolute;top:0;right:0;bottom:0;width:min(360px,94vw);padding:14px;overflow-y:auto;background:#0e151bd9;backdrop-filter:blur(14px);border-left:1px solid #ffffff1f;transform:translate(103%);transition:transform .22s ease;display:flex;flex-direction:column;gap:12px}.panel.open{transform:translate(0)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-head strong{font-size:.95rem}.panel .close{width:30px;height:30px;padding:0;border-radius:8px}button{border:1px solid #47616d;border-radius:9px;padding:9px 12px;color:#ecf5f6;background:#24333dd9;font:inherit;font-size:.86rem;cursor:pointer}button:hover:not(:disabled){background:#31515b}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{border-color:#72cec5;background:#31515b}.actions .primary{background:#5cc6bd;border-color:#5cc6bd;color:#0d2225;font-weight:700}.actions .primary:hover{background:#7adcd3}.diagnostics{border:1px solid #47616d;border-radius:9px;padding:10px}.diagnostics summary{cursor:pointer;color:#81d4d0;font-weight:600;font-size:.88rem}.diagnostics-content{display:flex;flex-direction:column;gap:12px;padding-top:12px}.diagnostics-content label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.82rem}.diagnostics-content .checkbox{justify-content:flex-start;align-items:center;gap:8px}.diagnostics-content input[type=range]{width:100%;accent-color:#72cec5}.diagnostics-content output{color:#81d4d0;font-variant-numeric:tabular-nums}.diagnostics-content select{border:1px solid #47616d;border-radius:7px;padding:6px;color:#eff4f7;background:#24333d;font:inherit;font-size:.82rem}.checkbox input{accent-color:#72cec5}.mask-status{color:#a9bac7;font-size:.72rem;line-height:1.4}.text-button{align-self:flex-start;border:0;padding:0;color:#81d4d0;background:none;font-size:.82rem}@media(max-width:760px){.panel{width:100%;border-left:0}}