:root{color-scheme:dark;--gold:#ffb66d;--muted:#a8a3a6}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#111016;color:#f0e8e0;font:13px/1.7 system-ui,Segoe UI,sans-serif}button{cursor:pointer;font:inherit;border:1px solid #ffffff20;border-radius:5px;background:#17151cb8;color:#e8ddd2;padding:9px 15px}button:hover{border-color:#ffac5c}button:focus-visible{outline:2px solid #ffc78e}button:disabled{opacity:.5}#view{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#08060966,transparent 42%)}header{padding:27px 35px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;font-weight:600}.brand>span{font-size:38px;color:var(--gold);line-height:1}.brand small{display:block;color:#898080;font-size:8px;letter-spacing:2px}.primary{background:#f7ba80;color:#21170f;border-color:#f7ba80}header>div:last-child{display:flex;gap:8px;pointer-events:auto}#title{position:absolute;left:35px;top:140px}.eyebrow{font-size:9px;letter-spacing:2px;color:#caa992}h1{font:normal 72px/1.03 Georgia,serif;letter-spacing:-2px;margin:25px 0}h1 em{font-weight:400;color:#f5bd85}#title>p:last-child{color:#a79b94;font-size:12px}#status{position:absolute;left:35px;bottom:128px;width:280px;padding:17px 20px;border:1px solid #ffffff14;border-radius:7px;background:#14111bba;backdrop-filter:blur(12px)}#state{font-size:9px;letter-spacing:2px;color:var(--gold)}#instruction{font-size:11px;color:#c9bdb4;min-height:37px;margin:10px 0}.meter{height:2px;background:#ffffff15}.meter div{height:100%;width:0%;background:#ffa65e;transition:width .08s}footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 35px;border-top:1px solid #ffffff0d;font-size:8px;letter-spacing:1.3px;background:#0c0a1155}footer>div{display:flex;align-items:center;gap:16px}footer button{pointer-events:auto;font-size:10px;padding:6px 12px}footer kbd{font:9px system-ui;margin-left:9px;color:#cfa776}.live{width:5px;height:5px;border-radius:50%;background:#f5b477;box-shadow:0 0 10px #ff9b43}#occlusion{color:#877e84}#fps{font:9px monospace;color:#837b82}#hint{position:absolute;bottom:95px;left:50%;transform:translateX(-30%);text-align:center;color:#dcc6b2;font-size:9px;letter-spacing:1.4px;line-height:2;text-shadow:0 1px 4px #000}#hint span{color:#ffc587;padding:0 8px}#hint small{color:#aa9392;font-size:9px;letter-spacing:.5px}#settings{position:fixed;right:25px;top:92px;width:290px;padding:22px;background:#19151fee;backdrop-filter:blur(18px);border:1px solid #ffffff20;border-radius:10px;max-height:calc(100dvh - 180px);overflow-y:auto}.row{display:flex;align-items:center;justify-content:space-between}.row h2{font:26px Georgia;margin:0}.row button{border:0;background:none;font-size:25px;padding:0}#settings>p{font-size:10px;color:#a998a0}label{display:block;margin:14px 0;font-size:10px;color:#d9c8bb}label span{display:flex;justify-content:space-between}label output{color:#ffb777}input[type=range]{width:100%;accent-color:#ffb777;display:block;margin-top:7px}select{display:block;width:100%;padding:8px;margin-top:7px;background:#241d2b;border:1px solid #ffffff20;color:#d8c5b7;border-radius:4px}#defaults{font-size:10px;width:100%}dialog{max-width:590px;width:calc(100% - 30px);background:#1b1621;color:#c5b4b7;border:1px solid #ffffff20;border-radius:12px;padding:35px;font-size:12px}dialog::backdrop{background:#07050ad0;backdrop-filter:blur(8px)}dialog h2{font:34px Georgia;color:#ecd8c1}dialog b{color:#e3c4a4}#dismiss{position:absolute;top:7px;right:12px;border:0;background:none;font-size:23px}#error{position:fixed;inset:30%;background:#271822;padding:30px;border:1px solid #ff9b43}#error[hidden],#settings[hidden]{display:none}.xr #ui,.xr #settings{display:none}@media(max-width:760px){header{padding:18px}.brand{font-size:9px;letter-spacing:1px}.brand small{font-size:6px}.brand>span{font-size:28px}header button{font-size:10px;padding:8px 9px}#helpButton{display:none}#title{left:18px;top:100px}h1{font-size:48px;margin:14px 0}#title .eyebrow{font-size:7px}#title>p:last-child{font-size:10px}#status{left:18px;bottom:110px;width:220px}#hint{left:18px;bottom:66px;transform:none;text-align:left;font-size:7px}#hint small{font-size:7px}footer{padding:15px 18px}footer>div{gap:8px}footer button{font-size:9px;padding:5px 7px}#occlusion,#fps{display:none}#settings{right:12px;top:80px;width:270px}}