:root{color-scheme:dark;--bg:#171a1c;--line:#ffffff1c;--muted:#a6a9a7;--yellow:#f2cf51;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f3ed;overflow:hidden}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-size:20px;letter-spacing:-.5px;gap:13px}.mark{display:grid;place-items:center;width:38px;height:38px;background:var(--yellow);color:#25271e;font-size:29px;font-weight:700;letter-spacing:-3px;padding-right:4px;border-radius:9px}.slash{color:#737771}.subtitle{font-size:13px;letter-spacing:.1px;color:#b0b4b0}.header-actions{display:flex;gap:26px;font-size:13px}.header-actions span{color:#c9cbbf;margin-left:9px}.header-actions button:hover{color:var(--yellow)}main{height:calc(100dvh - 82px);position:relative}canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.scene-caption{position:absolute;top:35px;left:38px;pointer-events:none;text-shadow:0 2px 14px #0004}h1{margin:0;font-size:clamp(23px,2.1vw,34px);line-height:1.15;font-weight:400;letter-spacing:-1px}.scene-caption p{color:var(--muted);font-size:12px;margin-top:16px}.bottom-bar{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px}nav,.tools{display:flex;padding:5px;background:#212624ed;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 8px 36px #0003;backdrop-filter:blur(12px)}nav button{padding:12px 21px;border-radius:8px;font-size:12px;white-space:nowrap;color:#b4b8b4}nav button.active{background:var(--yellow);color:#25271e;font-weight:600}nav button:not(.active):hover,.tools button:hover{background:#ffffff12;color:#fff}.tools{gap:3px}.tools button{width:40px;height:40px;border-radius:8px;font-size:22px}.viewer-foot{height:44px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:10px;color:var(--muted);letter-spacing:.4px;background:#171a1cdd}.viewer-foot>span:first-child{display:flex;align-items:center;gap:8px}.viewer-foot i{width:5px;height:5px;background:var(--yellow);border-radius:50%}.viewer-foot>span:last-child{font-size:9px;letter-spacing:1.5px}.panel{position:absolute;right:25px;top:20px;width:292px;background:#202522f5;backdrop-filter:blur(18px);padding:22px;border:1px solid #ffffff26;border-radius:14px;box-shadow:0 10px 40px #0005}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.panel h2{font-weight:500;font-size:15px;margin:0}.panel-head button{font-size:25px;color:#aaa}.panel label{display:flex;justify-content:space-between;font-size:12px;align-items:center}.panel output{color:var(--yellow);font-variant-numeric:tabular-nums}.panel input[type=range]{width:100%;margin:15px 0 24px;accent-color:var(--yellow)}.panel .check{justify-content:flex-start;gap:10px;margin:14px 0;font-size:13px}.check input{accent-color:var(--yellow);width:15px;height:15px}.panel-note{font-size:11px;color:var(--muted);line-height:1.65;margin:23px 0}.panel a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 2px;margin-top:12px;font-size:12px}.panel a:hover{color:var(--yellow)}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--bg);z-index:10;transition:opacity .4s}.loading-mark{font-size:78px;color:var(--yellow);font-weight:600;letter-spacing:-8px}#loading p{font-size:13px;color:var(--muted)}.load-track{height:2px;width:140px;background:#ffffff15;margin-top:10px;overflow:hidden}.load-track span{display:block;width:45%;height:100%;background:var(--yellow);animation:load 1.2s infinite ease-in-out}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(320%)}}#loading.done{opacity:0;pointer-events:none}#toast{position:absolute;left:50%;top:24px;transform:translateX(-50%);background:#222b25ee;border:1px solid #fff3;border-radius:9px;padding:12px 18px;font-size:12px;max-width:80%;z-index:20}dialog{width:min(1120px,94vw);max-height:90dvh;border:1px solid #ffffff25;border-radius:16px;padding:28px;background:#202422;color:#f4f3ed}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.gallery-head{display:flex;justify-content:space-between;margin-bottom:24px}.gallery-head h2{font-size:23px;font-weight:400;letter-spacing:-.7px;margin:0}.gallery-head p{font-size:12px;color:var(--muted)}.gallery-head button{font-size:30px;align-self:start}#gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#gallery figure{margin:0}#gallery img{width:100%;border-radius:6px;display:block}#gallery figcaption{font-size:11px;color:var(--muted);padding:9px 0}#gallery figure:last-child{grid-column:1/-1}#gallery figure:last-child img{max-height:420px;object-fit:contain}[hidden]{display:none!important}@media(max-width:650px){header{height:64px;padding:0 18px}.subtitle,.slash{display:none}.header-actions{gap:12px;font-size:11px}.header-actions span{margin-left:3px}main{height:calc(100dvh - 64px)}.scene-caption{top:23px;left:20px}h1{font-size:23px}.scene-caption p{font-size:10px;margin-top:10px}.bottom-bar{bottom:68px;gap:9px;width:calc(100% - 28px);justify-content:center}nav button{font-size:10px;padding:12px 10px}.tools button{width:30px;height:36px;font-size:20px}.viewer-foot{padding:0 18px}.gesture{display:none}.viewer-foot>span:last-child{font-size:8px;letter-spacing:.5px}.panel{right:14px;top:14px;width:min(292px,calc(100% - 28px))}#gallery{grid-template-columns:1fr}dialog{padding:20px}}
#viewer[data-view="entrance"] .scene-caption,#viewer[data-view="workstation"] .scene-caption{display:none}