:root{color-scheme:dark;--ink:#f2f0ea;--muted:#aaa99f;--panel:rgba(24,27,25,.92);--line:rgba(255,255,255,.12);--accent:#c8a86b;--green:#78906d}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101512;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}button,input{font:inherit}#scene{display:block;width:100%;height:100%;touch-action:none}.titlebar{position:fixed;z-index:4;left:28px;right:28px;top:20px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 18px #000}.titlebar small{color:var(--accent);letter-spacing:.16em}.titlebar h1{font-size:20px;margin:5px 0;font-weight:600}.status{align-self:flex-start;font-size:12px;color:#d8d8d1;display:flex;align-items:center;gap:8px}.status span:first-child{width:7px;height:7px;border-radius:50%;background:#d6a64c;box-shadow:0 0 12px #d6a64c}.status.ready span:first-child{background:#87b37d;box-shadow:0 0 12px #87b37d}.panel{position:fixed;z-index:5;top:92px;left:28px;width:278px;max-height:calc(100vh - 142px);overflow:auto;padding:8px 18px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);backdrop-filter:blur(16px);box-shadow:0 20px 70px rgba(0,0,0,.35);transition:transform .25s ease,opacity .25s ease}.panel.closed{transform:translateX(-330px);opacity:0;pointer-events:none}.panel section{padding:13px 0;border-bottom:1px solid var(--line)}.panel section:last-child{border:0}.panel h2{font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:600;margin:0 0 10px}.panel button{color:#ddd;background:#333832;border:1px solid #4d534b;border-radius:7px;padding:8px 7px;cursor:pointer;transition:.18s}.panel button:hover,.panel button.active{background:#7b6a49;border-color:#b9a06c;color:#fff}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.segmented button{font-size:11px;padding:8px 2px}.grid-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid-buttons button{font-size:12px}.panel label{display:inline-flex;align-items:center;gap:6px;width:50%;font-size:12px;color:#ddd;margin:4px 0}.panel input{accent-color:var(--accent)}.height-card strong{font:300 34px/1 Georgia,serif;color:var(--accent);margin-right:8px}.height-card span{font-size:11px;color:var(--muted)}.height-card p,.hint{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0 0}.panel .primary{width:100%;background:#806c45;border-color:#b0925b;font-weight:600}.object-card{position:fixed;z-index:4;right:28px;bottom:58px;background:rgba(22,25,23,.9);border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-width:190px;backdrop-filter:blur(10px)}.object-card span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em}.object-card strong{display:block;margin-top:5px;font-size:12px;color:#eee}.compass{position:fixed;z-index:3;right:30px;top:88px;display:grid;justify-items:center;text-shadow:0 2px 9px #000}.compass span{font:600 12px Georgia,serif}.compass i{display:block;width:1px;height:37px;background:linear-gradient(var(--accent) 55%,#eee 55%);position:relative}.compass i:before{content:"";position:absolute;left:-4px;top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:9px solid var(--accent)}.compass small{font-size:9px;color:#cfcfc7;margin-top:6px}.loader{position:fixed;z-index:8;left:0;bottom:0;width:100%;height:3px;background:#333}.loader div{height:100%;width:0;background:var(--accent);transition:width .2s}.loader.done{opacity:0;transition:opacity .5s}.panel-toggle{display:none;position:fixed;z-index:7;left:14px;bottom:44px;width:42px;height:42px;border-radius:50%;background:#2a2e2a;color:#fff;border:1px solid #555}footer{position:fixed;z-index:3;left:28px;bottom:18px;color:#aaa;font-size:9px;letter-spacing:.08em;text-shadow:0 1px 8px #000;pointer-events:none}#VRButton{border-radius:7px!important;background:rgba(28,32,29,.88)!important;border:1px solid #b0925b!important}
@media(max-width:720px){.titlebar{left:14px;right:14px;top:12px}.titlebar h1{font-size:15px}.titlebar .status{display:none}.panel{left:14px;top:68px;width:260px;max-height:calc(100vh - 125px)}.panel-toggle{display:block}.compass{right:16px;top:66px}.object-card{right:14px;bottom:50px;max-width:70vw}footer{left:68px;right:12px;bottom:13px}.panel-toggle{display:block}}
.object-card{min-width:260px;max-width:390px;padding:12px 15px;background:rgba(22,25,23,.92)}.object-card strong{font-size:15px;line-height:1.45;color:#fff}.object-card .object-meta{display:flex;gap:8px;align-items:center;margin-top:8px}.object-card .object-meta b{font-size:11px;color:#e2c98e}.object-card .object-meta i{font-size:10px;color:#bdc5bc;font-style:normal}.object-card p{font-size:11px;line-height:1.55;color:#dde1dc;margin:8px 0}.object-card small{font-size:9px;color:#7f8981;word-break:break-all}