:root{color-scheme:dark;--bg:#020d22;--panel:#041b36;--line:#0879ad;--cyan:#05d5ff;--text:#e4f5ff;--muted:#9ab4ce;--green:#00dfad;--red:#ff575b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#073261 0,transparent 60%),#020d22;color:var(--text);font:14px/1.5 "Microsoft YaHei","Noto Sans CJK SC",sans-serif}button,input{font:inherit}button{cursor:pointer;color:var(--text);border:1px solid #14618b;background:linear-gradient(140deg,#082f55,#061b35);border-radius:5px;padding:9px 10px;transition:background .15s,border-color .15s}button:hover{border-color:var(--cyan);background:#095080}button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}button:disabled{opacity:.36;cursor:not-allowed}button.active,.primary{background:linear-gradient(125deg,#006ab7,#0089ed);border-color:#00d5ff;box-shadow:inset 0 0 14px #00aaff33,0 0 10px #00afff22}.green{background:linear-gradient(135deg,#087e71,#064d51);border-color:#00dcb5}.danger{color:#ffb7b7;border-color:#8e383e;background:#3e1b30}.symbols{display:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 22px;border-bottom:2px solid #009bd2;box-shadow:0 4px 20px #0078b733;background:linear-gradient(100deg,#032750bb,#020d22)}.brand{display:flex;align-items:center;gap:18px}.brand>svg{color:var(--cyan);width:90px;height:58px;stroke-width:1.4}.brand strong{font-size:36px;white-space:nowrap;letter-spacing:2px}.brand>span{font-size:18px;font-weight:600;letter-spacing:1px}.connection{white-space:nowrap;font-size:12px;color:#ffcf76}.connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffbb4a;margin-right:7px}main{display:grid;grid-template-columns:286px minmax(400px,1fr) 280px;gap:12px;padding:12px;max-width:2100px;margin:auto}.left,.right{display:flex;flex-direction:column;gap:12px}.panel{background:linear-gradient(130deg,#062644eb,#03152bed);border:1px solid var(--line);border-radius:6px;box-shadow:inset 0 0 16px #008cff08;overflow:hidden}.panel h2{margin:0;min-height:42px;padding:8px 12px 8px 18px;border-bottom:1px solid #10537c;background:linear-gradient(90deg,#073052,#02182c);font-size:18px;letter-spacing:1px;position:relative;display:flex;justify-content:space-between;align-items:center}.panel h2:before{content:"";position:absolute;left:7px;top:12px;width:4px;height:18px;background:var(--cyan);box-shadow:0 0 6px #05baff}.fold{border:0;background:none;font-size:20px;padding:0 3px;line-height:1;color:var(--cyan)}.content{padding:12px}.caption,h3{font-size:14px;font-weight:600;margin:10px 0 8px;display:block}h3 small{font-size:11px;font-weight:400;color:var(--muted);margin-left:5px}.mode-switch,.two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-switch button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-weight:600;padding:10px 4px}.mode-switch svg{height:26px;width:32px}.flight-actions{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:7px}.flight-actions button{padding:9px 3px;font-size:12px;display:flex;align-items:center;flex-direction:column;gap:9px}.keys{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.keys>span{display:flex;gap:9px;align-items:center;color:#bed6e9;font-size:13px}kbd{display:inline-block;min-width:31px;padding:1px 6px;text-align:center;background:#103a62;border:1px solid #2078a5;box-shadow:0 2px 0 #05101c;border-radius:4px;font-family:inherit;color:#ebf7ff}kbd.pressed{background:#0b9fe0;color:white;box-shadow:0 0 12px #08bfff}.hint{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 0}.mouse-note{margin-top:12px;padding:9px;background:#03152b;border-left:2px solid #078bc3;font-size:12px}.mouse-note small{color:#88a6c4;font-size:11px}.layers .content{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.layers input{accent-color:#009bff;margin-right:6px}.middle{display:flex;flex-direction:column;gap:9px;min-width:0}.viewport{position:relative;min-height:520px;flex:1;border:2px solid #08a8ed;border-radius:6px;overflow:hidden;background:#052c49;box-shadow:0 0 14px #00aaff25;aspect-ratio:1.35}.viewport>img{position:absolute;width:173%;height:127%;max-width:none;left:-36.2%;top:-10.8%;object-fit:fill}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#00142d44,transparent 30%,transparent 80%,#00132677);pointer-events:none}.scene-badge{position:absolute;left:14px;top:12px;background:#001328e8;border:1px solid #3384aa;color:#b9d6e9;padding:5px 10px;border-radius:4px;font-size:11px}.compass{position:absolute;left:16px;top:54px;text-align:center;color:#d6efff;font-size:11px}.dial{width:76px;height:76px;position:relative;border:1px solid var(--cyan);border-radius:50%;margin:7px 8px;background:#012644aa}.axis{position:absolute;line-height:1;font-size:10px}.top{top:4px;left:30px}.right.axis{right:1px;top:32px;display:block}.bottom{bottom:3px;left:30px}.left.axis{left:1px;top:32px;display:block}#needle{position:absolute;left:29px;top:19px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:30px solid #edfaff;transform-origin:8px 19px;filter:drop-shadow(0 0 4px #00aaff)}.hud{position:absolute;right:13px;top:14px;display:flex;gap:12px;background:#032748e6;border:1px solid #1887b6;border-radius:5px;padding:10px 13px;box-shadow:0 0 15px #00bfff22;max-width:55%}.hud svg{color:#c4f2ff;width:44px;height:44px;border:1px solid #00bfed;border-radius:50%;padding:8px}.hud strong{font-size:13px}.hud strong small{color:#8fbad1;font-weight:400;margin-left:8px}.hud p{margin:3px 0 0;font-size:11px;color:#b5d2e9}.hud b{font-weight:400}.hud p span{margin-left:14px}.navigation{position:absolute;right:10px;top:36%;display:flex;flex-direction:column;gap:0}.navigation button{display:flex;align-items:center;flex-direction:column;border-radius:0;background:#053761dd;padding:8px 6px;width:55px;font-size:22px}.navigation button:first-child{border-radius:5px 5px 0 0}.navigation button:last-child{border-radius:0 0 5px 5px}.navigation span{font-size:11px}.scene-bottom{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:space-between;color:#bcd4e6;font-size:11px}.camera-bar{display:flex;align-items:center;padding-right:8px;gap:8px}.camera-bar h2{width:125px;border:0;font-size:16px;white-space:nowrap}.camera-bar>div{display:flex;gap:6px;flex:1}.camera-bar button{flex:1;padding:6px;font-size:13px}.replay h2{font-size:16px;min-height:34px}.replay h2 span{color:#8faec7;font-size:11px;font-weight:400;letter-spacing:0}.replay-row{display:flex;align-items:center;gap:10px;padding:12px}.replay-row>button{background:none;border:0;font-size:19px;padding:3px}.replay-row button.round{border:2px solid #00bfff;border-radius:50%;width:41px;height:41px;box-shadow:0 0 8px #0af;color:white;padding:0}.replay-row>span{font-size:12px;white-space:nowrap}input[type=range]{accent-color:#00bfff;min-width:40px;width:100%}.speeds{display:flex;gap:3px;white-space:nowrap}.speeds button{padding:6px 9px;font-size:12px}.values>div{padding:9px 0;border-bottom:1px solid #114064;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b5cce1;font-size:13px}.values>div:last-child{border:0}.values b{font-weight:500;color:#e9f4ff;text-align:right}.values .cyan{color:#00e6c5}.values .amber{color:#e3b96e;font-size:11px}.notice{border:1px solid #1d5e80;background:#06263c;padding:11px;text-align:center;color:#9abbd1;border-radius:4px}.notice.warning{background:#4a1b24;border-color:#f25055;color:#ff7779;font-size:17px;font-weight:700;animation:warning-pulse 1.4s ease-in-out infinite}.wide{width:100%;margin-top:9px}.footnote{margin-top:auto;color:#6689a9;font-size:11px;padding:0 8px;text-align:center}.area-tag{padding:6px;background:#05213b;border:1px solid #1f6087;font-size:12px}.area-tag span{float:right;color:#8eb6cd}#selector{display:block;width:100%;margin:9px 0;border:1px solid #0874a6;cursor:crosshair}.z-entry{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px}.z-entry input{background:#031b30;border:1px solid #187bad;border-radius:4px;color:#fff;min-width:60px;padding:6px;width:100%}.coordinates{font-size:11px;color:#8fb2cf;border-top:1px solid #155176;margin-top:12px;padding-top:8px}.coordinates b{float:right;color:#d2ecff;font-weight:400}.minimap{position:absolute;bottom:34px;left:14px;border:1px solid #0dcfff;border-radius:5px;background:#03233eeb;width:252px;padding:7px}.minimap>div{font-weight:600;font-size:12px;display:flex;justify-content:space-between}.minimap small{color:#a0bed4;font-size:10px}.minimap button{padding:0 4px;border:0;background:none;font-size:15px}.minimap canvas{width:100%;height:144px;display:block}#profile{width:100%;height:115px;display:block}.result{color:#7fa0bc!important;font-size:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#092e49;border:1px solid var(--cyan);box-shadow:0 10px 40px #0008;border-radius:5px;max-width:80vw;z-index:50}.end-overlay{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 50%,#581928df,#160816f7);backdrop-filter:blur(6px);display:grid;place-items:center;border:8px solid #f34a50;box-shadow:inset 0 0 120px #e6263580}.end-box{text-align:center;max-width:650px;padding:30px}.end-icon{display:inline-grid;place-items:center;width:100px;height:100px;font-size:70px;font-weight:700;border:4px solid #ff696d;border-radius:50%;color:#ff737a;box-shadow:0 0 40px #ff273b55}.end-box h1{font-size:42px;margin:14px 0;color:#fff}.eyebrow{color:#e9a0a9;font-size:13px}.end-reason{color:#ffb4b8;font-size:24px}.end-box>p:not(.end-reason){color:#e2bfc6}.end-box button{margin:16px 6px 0;padding:12px 24px}.end-box .primary{background:#a72639;border-color:#ff7a88}.collapsed>.content{display:none}[hidden]{display:none!important}@keyframes warning-pulse{50%{box-shadow:0 0 18px #ff414755}}@media(min-width:1650px){main{grid-template-columns:310px minmax(400px,1fr) 306px}body{font-size:15px}.viewport{min-height:620px}.flight-actions button{font-size:13px}.content{padding:14px}}@media(max-width:1150px){header{padding:8px 12px;min-height:66px}.brand>svg{width:58px;height:45px}.brand strong{font-size:26px}.brand>span{font-size:12px;max-width:300px}.connection{font-size:10px}main{grid-template-columns:240px minmax(300px,1fr) 230px;gap:8px;padding:8px}.content{padding:9px}.panel h2{font-size:16px}.hud{top:47px;max-width:65%;padding:7px}.hud svg{display:none}.keys{gap:6px}.replay-row{gap:5px;padding:8px}.speeds button{padding:5px}.camera-bar h2{width:95px;font-size:14px}.camera-bar button{font-size:11px}.compass{top:65px}.viewport{min-height:560px}.replay-row>span{font-size:10px}}@media(max-width:850px){header{flex-wrap:wrap;gap:4px}.brand{gap:8px}.brand>span{display:none}.connection{margin-left:auto}main{grid-template-columns:225px minmax(280px,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.right>#manual-info,.right>#auto-info{display:contents}.footnote{display:none}.viewport{min-height:600px}.hud{max-width:70%}.camera-bar h2{display:none}.replay-row{flex-wrap:wrap}#timeline{order:2;flex-basis:60%}.scene-bottom>span:last-child{display:none}.scene-badge{font-size:9px}.hud p{font-size:10px}.end-box h1{font-size:32px}}@media(max-width:560px){main{display:flex;flex-direction:column}.middle{order:-1}.viewport{min-height:430px;aspect-ratio:1}.left .content{padding:12px}.left .keys{grid-template-columns:repeat(4,1fr)}.mode-switch button{flex-direction:row;padding:10px}.right{display:flex}.hud{max-width:70%}.brand strong{font-size:24px}.end-box{padding:18px}.end-box h1{font-size:28px}.end-overlay{border-width:4px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}