:root{color:#eff3e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#183b39;--cream:#eff3e8;--copper:#df945e;background:#183b39;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #f4bf75}button svg{width:21px;height:21px;display:block}.game-shell{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.scene-host{position:absolute;inset:0}.scene-host canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.screen-shade{pointer-events:none;background:linear-gradient(#132a273d,#0000 22% 82%,#132a2733);position:absolute;inset:0}.scene-header{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:absolute;top:29px;left:36px;right:32px}.scene-name{text-shadow:0 2px 12px #23453c,0 1px 2px #23453c}.brand{letter-spacing:.07em;align-items:center;gap:9px;font-family:Arial Black,Arial,sans-serif;font-size:13px;font-weight:900;display:flex}.brand-signal{background:#f3bd78;width:5px;height:5px;box-shadow:7px 0 #f3bd78}.scene-name h1{letter-spacing:.08em;margin:10px 0 11px;font-size:clamp(25px,2.3vw,36px);font-weight:700;line-height:1.2}.scene-name p{color:#f0eee0;align-items:center;gap:9px;margin:0;font-size:12px;display:flex}.location-dot{background:#b9d685;width:6px;height:6px;display:inline-block;transform:rotate(45deg)}.label-divider{opacity:.5}.view-tools{pointer-events:auto;gap:7px;display:flex}.view-tools button{background:#193733c4;border:1px solid #eff3e847;border-radius:6px;place-content:center;width:43px;height:43px;transition:background .15s,transform .15s;display:grid;box-shadow:0 2px #0a201e40}.view-tools button:hover{background:#345f53;transform:translateY(-2px)}.view-tools button[aria-pressed=true]{color:#f6ca8f;background:#263e32f0;border-color:#d9ac70}.controls-panel{background:#17332fe3;border:1px solid #c6d6b152;border-left:3px solid #dca269;border-radius:2px 10px 10px 2px;width:270px;padding:18px 20px 19px;position:absolute;bottom:77px;left:36px;box-shadow:0 6px 22px #142f2529}.controls-heading{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.controls-heading button{color:#bfd1bf;background:0 0;border:0;margin-right:-5px;padding:3px}.controls-heading button svg{width:17px;height:17px}.controls-panel p{color:#bdcdbb;white-space:nowrap;margin:7px 0 17px;font-size:11px;line-height:1.8}.control-row{justify-content:space-between;align-items:center;gap:14px;min-height:31px;font-size:12px;display:flex}.control-row>span:last-child{color:#d5dfcc}.key-group{gap:3px;display:flex}kbd{background:#7d99851f;border:1px solid #7d9985;border-bottom-width:2px;border-radius:3px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-family:inherit;font-size:11px;line-height:1;display:inline-flex}.wide-key{min-width:51px}.mouse-key{color:#e4e8db;padding:3px 0;font-size:11px}.fps-panel{background:#17332fe3;border:1px solid #c6d6b152;border-radius:6px;min-width:150px;padding:14px 17px;position:absolute;top:91px;right:32px}.fps-value{align-items:baseline;gap:8px;display:flex}.fps-value strong{font-variant-numeric:tabular-nums;color:#e6d4a0;font:700 31px/1.15 Arial,sans-serif}.fps-value span{color:#d5dfcc;font-size:11px}.fps-detail{color:#bacdbb;font-variant-numeric:tabular-nums;flex-direction:column;gap:5px;margin-top:8px;font-size:10px;display:flex}.scene-footer{color:#e3e9dc;text-shadow:0 1px 5px #294a40;pointer-events:none;align-items:center;gap:13px;font-size:11px;display:flex;position:absolute;bottom:25px;left:36px;right:32px}.scene-footer>span:first-child{color:#f5d8ad}.footer-line{opacity:.6;background:#a9baa1;width:28px;height:1px}.scene-footer kbd{background:#193733b3;min-width:18px;height:18px;margin:0 3px;font-size:10px}.scene-notice{color:#eff3e8;background:#20483c;border-radius:5px;padding:11px 20px;font-size:13px;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #183b3930}.loading-screen,.error-screen{z-index:4;background:#183b39;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-screen p{color:#d4ddc6;margin-top:26px;font-size:14px}.loading-crystal{clip-path:polygon(50% 0,100% 32%,100% 75%,50% 100%,0 75%,0 32%);background:#68c8bd;width:24px;height:35px;animation:1.6s ease-in-out infinite float;box-shadow:inset -11px 0 #3f9d94}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.error-screen>div{text-align:center;max-width:460px;padding:30px}.error-screen h2{font-size:22px}.error-screen p{color:#d3dfd0;font-size:14px;line-height:1.8}.error-screen button{color:#183b39;background:#e2ac75;border:0;border-radius:4px;margin-top:14px;padding:11px 24px;font-weight:700}@media (min-width:1900px){.scene-header{top:36px;left:46px;right:42px}.controls-panel{bottom:85px;left:46px}.scene-footer{bottom:31px;left:46px}}@media (max-width:680px){.scene-header{gap:10px;top:17px;left:18px;right:16px}.brand{font-size:10px}.scene-name h1{margin:8px 0;font-size:23px}.scene-name p{font-size:10px}.view-tools{gap:4px}.view-tools button{width:34px;height:36px}.view-tools button svg{width:17px;height:17px}.controls-panel{width:245px;padding:14px 16px;bottom:63px;left:18px}.controls-panel p{font-size:10px}.scene-footer{bottom:20px;left:18px}.fps-panel{top:67px;right:16px}}@media (max-height:550px){.controls-panel{width:245px;padding:10px 15px;bottom:50px}.controls-panel p{display:none}.control-row{min-height:26px}.controls-heading{margin-bottom:7px}.scene-footer{bottom:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}