:root{--bg:#090c1aed;--line:#78aadc38;--tx:#d8dcea;--dim:#8a93b0;--amb:#f0b44a;--cy:#5fd8e4}*{box-sizing:border-box}html,body{height:100%;color:var(--tx);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#04050c;margin:0;font:13px/1.45 Noto Sans CJK SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}canvas#view{image-rendering:pixelated;cursor:grab;touch-action:none;position:fixed;inset:0}canvas#view.drag{cursor:grabbing}canvas#overlay,#ui{pointer-events:none;position:fixed;inset:0}.panel{background:var(--bg);border:1px solid var(--line);pointer-events:auto;position:absolute;box-shadow:0 0 0 1px #00000080,0 6px 24px #00000059}#top{align-items:center;gap:18px;padding:9px 14px 10px;display:flex;top:14px;left:14px}#top .ship{letter-spacing:2px;color:#eef1fa;font-size:15px;font-weight:700}#top .ship small{letter-spacing:1px;color:var(--dim);font-size:11px;font-weight:400;display:block}#top .clock{border-left:1px solid var(--line);padding-left:16px}#top .clock .date{color:var(--dim);font-size:11px}#top .clock .time{color:var(--amb);font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:20px;font-weight:700}#top .clock .time i{color:var(--cy);margin-left:6px;font-size:13px;font-style:normal}#top .stats{border-left:1px solid var(--line);color:var(--dim);padding-left:16px;font-size:12px}#top .stats b{color:var(--tx);font-weight:600}#speed{gap:4px;padding:6px;display:flex;top:14px;right:14px}#speed button,.zoom button{color:var(--tx);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;min-width:40px;padding:5px 11px;font-weight:600}#speed button:hover,.zoom button:hover{border-color:var(--line)}#speed button.on{color:var(--amb);background:#f0b44a29;border-color:#f0b44a99}#log{width:380px;max-height:236px;padding:8px 12px 10px;bottom:14px;left:14px;overflow:hidden}#log h3,#side h3{letter-spacing:2px;color:var(--dim);cursor:pointer;justify-content:space-between;margin:0 0 6px;font-size:11px;font-weight:600;display:flex}#log ul{margin:0;padding:0;list-style:none}#log li{color:#c4c9da;gap:8px;padding:2px 0;font-size:12px;display:flex}#log li span.t{color:var(--dim);font-variant-numeric:tabular-nums;flex:none}#log li.fault{color:#ff8a7a}#log li.fix{color:#9be07a}#log li.party{color:#ffa8d0}#log li.event{color:#9fe6ff}#log li.harvest{color:#c8f090}#log li.med{color:#9fe0d0}#log li.shift{color:#f0c878}#log.collapsed ul{display:none}#side{width:300px;max-height:calc(100% - 140px);padding:12px 14px 14px;display:none;top:64px;right:14px;overflow:auto}#side.show{display:block}#side .x{cursor:pointer;color:var(--dim);padding:2px 6px;font-size:16px;position:absolute;top:6px;right:8px}#side .head{align-items:center;gap:12px;margin-bottom:10px;display:flex}#side canvas.portrait{width:64px;height:80px;image-rendering:pixelated;border:1px solid var(--line);background:linear-gradient(#1a2140,#0d1124)}#side .name{color:#f2f4fb;font-size:18px;font-weight:700}#side .job{color:var(--dim);font-size:12px}#side .chip{vertical-align:middle;width:8px;height:8px;margin-right:6px;display:inline-block}#side .tags{margin-top:4px}#side .tag{border:1px solid var(--line);color:#b8c0d8;margin:2px 4px 0 0;padding:0 6px;font-size:11px;display:inline-block}#side .row{color:var(--dim);justify-content:space-between;margin:3px 0;font-size:12px;display:flex}#side .row b{color:var(--tx);text-align:right;font-weight:500}#side .doing{border-left:2px solid var(--cy);background:#5fd8e414;margin:8px 0;padding:7px 9px;font-size:13px}#side .bar{color:var(--dim);grid-template-columns:44px 1fr;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:grid}#side .bar div{background:#ffffff12;height:6px;position:relative}#side .bar div i{position:absolute;top:0;bottom:0;left:0}#side .bio{color:#b8bfd4;border-top:1px solid var(--line);margin-top:10px;padding-top:8px;font-size:12px;line-height:1.6}#side .follow{color:var(--amb);letter-spacing:1px;margin-top:8px;font-size:11px}#side ul.occ{margin:6px 0 0;padding:0;list-style:none}#side ul.occ li{cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}#side ul.occ li:hover{color:var(--amb)}#side ul.occ li span{color:var(--dim)}.zoom{align-items:center;gap:4px;padding:6px;display:flex;bottom:14px;right:14px}.zoom .hint{color:var(--dim);padding:0 8px;font-size:11px}@media (width<=760px){#log{width:calc(100% - 28px);max-height:120px;bottom:64px}#side{width:calc(100% - 28px);max-height:50%;top:auto;bottom:64px}#top .stats,.zoom .hint{display:none}}#speed .sep{background:var(--line);width:1px;margin:3px 4px}#speed button.ppl,#speed button.snd{color:#b8c0d8;min-width:0;font-weight:500}#speed button.snd.on{color:var(--cy);border-color:#5fd8e480}#log{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090c1a9e;width:360px;max-height:none;padding:7px 11px 8px;transition:background .2s}#log:hover{background:#090c1ae0}#log h3{margin-bottom:4px}#log h3 .m{letter-spacing:0;color:#6a7392;font-weight:500}#log.collapsed h3{margin:0}#log li:nth-child(n+4){opacity:.72}#log.expanded li{opacity:1!important}#log.expanded ul{pointer-events:auto;max-height:46vh;overflow:auto}#log li{padding:1px 0;font-size:12px}#minimap{background:#090c1ab3;padding:5px;line-height:0;bottom:62px;right:14px}#minimap canvas{cursor:crosshair;image-rendering:auto;touch-action:none}#people{flex-direction:column;width:290px;max-height:calc(100% - 250px);padding:10px 10px 6px;display:none;top:76px;left:14px}#people.show{display:flex}#people h3{letter-spacing:2px;color:var(--dim);justify-content:space-between;margin:0 0 6px;font-size:11px;font-weight:600;display:flex}#people h3 .x{cursor:pointer;letter-spacing:0;padding:0 4px;font-size:15px}#people input{border:1px solid var(--line);color:var(--tx);font:inherit;background:#ffffff0d;outline:none;margin-bottom:6px;padding:5px 8px;font-size:12px}#people input:focus{border-color:#f0b44a99}#people ul{flex:1;margin:0;padding:0;list-style:none;overflow:auto}#people li{cursor:pointer;border-bottom:1px solid #ffffff0a;grid-template-rows:auto auto;grid-template-columns:10px 56px 1fr;column-gap:6px;padding:4px;font-size:12px;display:grid}#people li:hover{background:#f0b44a14}#people li.sel{background:#f0b44a29}#people li .chip{width:8px;height:8px;margin-top:5px}#people li b{color:#eef1fa;font-weight:600}#people li em{color:var(--dim);font-size:11px;font-style:normal}#people li .d{color:#9aa3c0;white-space:nowrap;text-overflow:ellipsis;grid-column:2/4;font-size:11px;overflow:hidden}#people li.dep{cursor:default;color:var(--amb);letter-spacing:2px;background:0 0;padding:8px 4px 3px;font-size:11px;display:block}#side h3.sec{letter-spacing:2px;color:var(--dim);cursor:default;margin:12px 0 4px;font-size:11px;font-weight:600}#side .talk{color:#cfe6f0;margin:8px 0 0;font-size:12px}#side .talk a,#side [data-id]{cursor:pointer}#side .talk a{color:var(--amb)}#side ul.rel,#side ul.mem{margin:0;padding:0;list-style:none}#side ul.rel li{grid-template-columns:10px 52px 1fr 60px;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:grid}#side ul.rel li:hover b{color:var(--amb)}#side ul.rel li .chip{width:8px;height:8px;margin:0}#side ul.rel li b{font-weight:600}#side ul.rel li em{color:var(--dim);font-size:11px;font-style:normal}#side ul.rel .aff{background:#ffffff12;height:4px;position:relative}#side ul.rel .aff i{position:absolute;top:0;bottom:0;left:0}#side ul.mem li{color:#b8bfd4;padding:2px 0;font-size:12px}#side ul.mem li .t{color:#6a7392;font-variant-numeric:tabular-nums;margin-right:6px;font-size:11px}.toast{border:1px solid var(--line);color:#cfe6f0;letter-spacing:1px;pointer-events:none;background:#090c1ad9;padding:7px 16px;font-size:12px;transition:opacity 1s;position:absolute;top:18px;left:50%;transform:translate(-50%)}.toast.out{opacity:0}@media (width>=761px){#ui.ppl-open #log{display:none}}@media (width<=760px){#top{gap:10px;padding:6px 10px;top:8px;left:8px;right:8px}#top .ship small,#top .clock .date{display:none}#top .ship{letter-spacing:1px;font-size:13px}#top .clock{padding-left:10px}#top .clock .time{font-size:16px}#speed{padding:3px;inset:auto auto 8px 8px}#speed button{min-width:32px;padding:6px 8px}.zoom{padding:3px;bottom:8px;right:8px}.zoom button{min-width:32px;padding:6px 9px}#log{width:auto;bottom:56px;left:8px;right:8px}#log.expanded ul{max-height:30vh}#minimap{display:none}#side{z-index:2;width:auto;max-height:46%;inset:auto 8px 56px}#people{z-index:3;width:auto;max-height:calc(100% - 120px);top:54px;left:8px;right:8px}.toast{white-space:nowrap;font-size:11px;top:56px}}#side{max-height:calc(100% - 210px)}@media (width<=760px){#ui.side-open #log{display:none}#side{max-height:46%}}