:root{color-scheme:dark;--ink:#edf1ed;--muted:#aebdc2;--line:#cfe3e126;--accent:#d5e9de;--glass:#101d27ed}*{box-sizing:border-box}body{margin:0;background:#11222f;color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif;overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:#b9d5db0b;border:1px solid var(--line);border-radius:5px;cursor:pointer;padding:10px 13px;transition:background .2s,border-color .2s}button:hover{background:#b9d5db23;border-color:#d5e9de8f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d9efc4;outline-offset:4px}a{color:inherit;text-decoration:none}#world,#world canvas,.shade{position:fixed;inset:0;width:100%;height:100%}.shade{pointer-events:none;background:linear-gradient(#0b152333,transparent 22%,transparent 74%,#06121c99)}header{position:fixed;top:30px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:28px;color:#d5e9de}.brand span{font-size:20px;letter-spacing:5px;font-weight:600}.brand small{border-left:1px solid var(--line);padding-left:14px;font-size:11px;letter-spacing:2px;font-weight:400;color:var(--muted)}nav{display:flex;gap:13px;align-items:center;font-size:12px}nav a{margin-right:10px;color:#d2dfe2}nav button{background:#14232c66;backdrop-filter:blur(16px)}.title{position:fixed;top:135px;left:52px;pointer-events:none;text-shadow:0 2px 22px #0006}.eyebrow{font-size:10px;letter-spacing:3px;color:#d0dbdca6}.title h1{font-family:'Noto Serif SC','SimSun',serif;font-weight:400;font-size:62px;letter-spacing:9px;margin:20px 0 15px}.title>p:not(.eyebrow){font-family:'Noto Serif SC','SimSun',serif;font-size:14px;letter-spacing:4px;color:#c5d1d5}.title>span{display:block;margin-top:25px;font-size:10px;letter-spacing:2px;color:#b1c4cb}.telemetry{position:fixed;bottom:106px;left:50px;display:flex;gap:38px;align-items:end;pointer-events:none;text-shadow:0 1px 9px #0009}.telemetry>div{display:flex;flex-direction:column;gap:12px}.telemetry small{font-size:10px;letter-spacing:2px;color:#c3d4d9}.telemetry strong{font-size:27px;font-weight:400;font-variant-numeric:tabular-nums}.telemetry strong span{font-size:11px;color:#bdcdd0}.telemetry .state{border-left:1px solid var(--line);padding-left:28px;margin-left:2px;gap:15px}.state>span{font-size:12px;letter-spacing:2px}footer{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:18px 38px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#07141c55);font-size:11px;z-index:2}.keys,.view-buttons{display:flex;align-items:center;gap:17px}.keys{color:#bacbd2}kbd{display:inline-block;font-family:inherit;font-size:10px;border:1px solid #cfdfdc35;padding:4px 5px;border-radius:3px;letter-spacing:1px;margin-right:4px;color:#e5eeed}.view-buttons{gap:7px}.view-buttons button{font-size:11px;padding:9px 12px}.view-buttons kbd{margin:0 0 0 7px;border:0;padding:0;color:#9eafb4}#settings{position:fixed;top:88px;right:30px;bottom:92px;width:335px;padding:25px;background:var(--glass);border:1px solid var(--line);box-shadow:0 20px 80px #0003;border-radius:8px;overflow:auto;z-index:5;backdrop-filter:blur(25px);scrollbar-width:thin;scrollbar-color:#547079 transparent}#settings[hidden]{display:none}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel-heading small,dialog>small{font-size:9px;letter-spacing:3px;color:#a4bec4}.panel-heading h2{font-family:'Noto Serif SC','SimSun',serif;font-size:24px;font-weight:400;letter-spacing:2px;margin:10px 0 28px}.panel-heading button{border:0;background:none;padding:0;font-size:25px;color:#9eb1b7}fieldset{border:0;border-top:1px solid var(--line);padding:18px 0;margin:0}legend{font-size:11px;letter-spacing:2px;padding:0 10px 0 0}label{font-size:11px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:15px 0;color:#d0dce0}label span,label output{margin-left:auto;color:#8fa7ae;font-size:10px}input[type=number],select{width:97px;margin-left:auto;background:#06151f55;border:1px solid var(--line);border-radius:3px;color:var(--ink);padding:7px 8px;font-size:12px}input[type=range]{width:100%;height:3px;accent-color:#c2dfcf;margin:7px 0}input[type=color]{width:44px;height:26px;margin-left:auto;border:1px solid var(--line);border-radius:4px;padding:2px;background:transparent}.hint{font-size:10px;line-height:1.8;color:#98aeb5;margin:0 0 14px}.primary{width:100%;background:#cfe4d6;color:#152d31;border-color:#cfe4d6;font-size:12px;margin:7px 0 13px;padding:12px}.primary:hover{background:#e0efe5;color:#152d31}.styles{display:flex;gap:5px;margin:8px 0 20px}.styles button{font-size:10px;padding:9px 8px;flex:1}.styles button.active{color:#d7f2dc;border-color:#c4e4d680;background:#9bd2b21a}.file-actions{display:flex;gap:7px}.file-actions button{flex:1;font-size:10px;padding:9px 4px}#settings-message{font-size:11px;color:#c6dacd;line-height:1.7;min-height:20px}#toast{position:fixed;top:92px;left:50%;transform:translateX(-50%);background:#0e2330df;border:1px solid var(--line);padding:11px 20px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .2s;z-index:12;pointer-events:none}#warning{position:fixed;top:105px;left:50%;transform:translateX(-50%);color:#ffddb8;font-size:12px;letter-spacing:2px;text-shadow:0 2px 7px #000;pointer-events:none}#boat-marker{position:fixed;font-size:10px;letter-spacing:1px;color:#f5e6b5;text-shadow:0 1px 5px #000;pointer-events:none;transform:translate(-50%,-100%);padding-bottom:13px}#boat-marker i{position:absolute;bottom:0;left:50%;width:7px;height:7px;border:1px solid #f5e6b5;border-radius:50%;box-shadow:0 0 12px #f5e6b5}.first-person .title{opacity:.35}.first-person .title h1{font-size:38px}dialog{background:#132633f5;color:var(--ink);border:1px solid #cde3da35;border-radius:8px;padding:35px;width:460px;max-width:90vw;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#07152180;backdrop-filter:blur(7px)}dialog h2{font-family:'Noto Serif SC','SimSun',serif;font-size:31px;font-weight:400;letter-spacing:3px}dialog p{font-size:12px;line-height:2;color:#beccd2}dialog>a{display:block;text-align:center;font-size:12px;color:#b7c9cd;padding:8px}#loading{position:fixed;inset:0;background:#112330;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d1e0df;letter-spacing:3px}#loading small{font-size:10px;letter-spacing:1px;color:#7f9aa4}.loading-ring{width:46px;height:46px;border:1px solid #c7dbd52b;border-top-color:#c7dbd5;border-radius:50%;animation:turn 1.6s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:1200px){.keys{gap:9px}.keys span:last-child{display:none}.telemetry{gap:25px}.title{top:120px}}@media(max-width:760px){header{top:20px;left:20px;right:20px}.brand small,nav>a{display:none}.brand span{font-size:15px}.title{left:24px;top:115px}.title h1{font-size:42px}.eyebrow{font-size:8px;letter-spacing:2px}.title>p:not(.eyebrow){font-size:12px}.telemetry{left:24px;bottom:140px;gap:20px}.telemetry strong{font-size:20px}.telemetry .state{display:none}footer{padding:12px 18px 20px;flex-direction:column;align-items:stretch;gap:12px}.keys{justify-content:center;font-size:9px}.view-buttons{justify-content:center}.view-buttons button{font-size:10px;padding:9px 7px}#settings{right:15px;left:15px;top:76px;bottom:125px;width:auto}.title>span{font-size:9px}#warning{top:85px;white-space:nowrap;font-size:10px}}

label[hidden]{display:none}