@font-face{font-family:Shentox;src:url('assets/shentox.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#070d12;--panel:#0c141bf5;--line:#31424d;--text:#d7e0e4;--muted:#81929e;--accent:#a4cbdc;--accent-rgb:164,203,220;--font:Shentox,'Arial Narrow','Segoe UI',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);font:14px var(--font);color:var(--text)}button,input{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}button:disabled{cursor:default;opacity:.4}button svg{pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.25}button:hover{color:#fff}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#app{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;border:1px solid #30404a;background:#080f14}.windowbar{height:37px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#18232dcf,#111a23ee);border-bottom:1px solid #34434e;padding:0 10px 0 13px;box-shadow:0 2px 10px #0005}.window-title{display:flex;gap:9px;align-items:center;font-size:15px;letter-spacing:.03em}.window-title svg{width:18px;height:18px;color:#a7bfcc}.window-tools{display:flex;align-items:center;gap:6px}.character-state{color:#7f909c;font-size:12px;margin-right:12px}.icon-button{width:28px;height:27px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:#93a5b1;border:1px solid transparent}.icon-button:hover{background:#a6c5d017;border-color:#70869766}.icon-button svg{width:17px;height:17px}.viewport{position:absolute;inset:37px 0 27px;overflow:hidden;cursor:grab;touch-action:none;outline:none;background-color:#080f14;background-image:linear-gradient(#23303b26 1px,transparent 1px),linear-gradient(90deg,#23303b26 1px,transparent 1px),linear-gradient(#2b3a441f 1px,transparent 1px),linear-gradient(90deg,#2b3a441f 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}.viewport:active{cursor:grabbing}.viewport:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #02070c7d}.watermark{position:absolute;width:105vmin;height:105vmin;top:50%;left:55%;transform:translate(-50%,-50%);background-position:center;background-size:contain;background-repeat:no-repeat;filter:grayscale(1);opacity:.035;pointer-events:none}.world{position:absolute;inset:0 auto auto 0;transform-origin:0 0;will-change:transform;z-index:1}.connections{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.connections .route-shadow{stroke:#607a8955;stroke-width:5;fill:none}.connections .route{stroke:#94b5c680;stroke-width:1.1;fill:none}.connections .route-highlight{stroke:#c9eaf7;stroke-width:2;filter:drop-shadow(0 0 4px #9acfe788)}.ship-group{position:absolute;--tile:96px;padding-left:40px;color:#cdd8de;isolation:isolate}.group-label{position:absolute;left:40px;top:-25px;margin:0;white-space:nowrap;font-size:15px;font-weight:500;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 1px 3px #000;line-height:22px}.group-line{position:absolute;left:0;right:0;top:-5px;height:3px;border-top:1px solid #79909d66;border-bottom:1px solid #79909d28}.group-skill{position:absolute;left:0;top:0;width:34px;height:47px;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px}.class-icon{height:34px;width:34px;padding:5px;background:#081017;border:1px solid #526a7980;position:relative}.class-icon:before,.class-icon:after{content:'';position:absolute;width:3px;height:3px;border-color:#a4c3d2;border-style:solid}.class-icon:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.class-icon:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.class-icon img{width:100%;height:100%;object-fit:contain;opacity:.85}.skill-blocks{display:flex;gap:2px;padding:0 1px;justify-content:center}.skill-blocks i{display:block;width:5px;height:5px;background:#29434f;border:1px solid #7399ad77}.group-skill:hover .class-icon{border-color:#bfedff;background:#20333f}.group-skill:hover .skill-blocks i{background:#7399ad}.ship-grid{display:grid;grid-template-columns:repeat(var(--cols,3),var(--tile));gap:3px;position:relative;padding-bottom:8px;border-bottom:1px solid #66828f55}.ship-tile{position:relative;width:var(--tile);height:var(--tile);padding:0;border:1px solid #6e849719;background:linear-gradient(135deg,#121d2550,#0a101555);display:block;overflow:visible;cursor:pointer;transition:border-color .12s,background .12s;isolation:isolate}.ship-tile:before,.ship-tile:after{content:'';position:absolute;z-index:3;inset:4px;pointer-events:none;background:linear-gradient(#647e8c,#647e8c) left top/5px 1px no-repeat,linear-gradient(#647e8c,#647e8c) left top/1px 5px no-repeat,linear-gradient(#647e8c,#647e8c) right top/5px 1px no-repeat,linear-gradient(#647e8c,#647e8c) right top/1px 5px no-repeat,linear-gradient(#647e8c,#647e8c) left bottom/5px 1px no-repeat,linear-gradient(#647e8c,#647e8c) left bottom/1px 5px no-repeat,linear-gradient(#647e8c,#647e8c) right bottom/5px 1px no-repeat,linear-gradient(#647e8c,#647e8c) right bottom/1px 5px no-repeat;opacity:.42}.ship-tile:after{background:none;inset:0;box-shadow:inset 0 0 18px #03090e}.ship-tile>img{width:88px;height:76px;object-fit:cover;margin-top:-3px;opacity:.85;mix-blend-mode:screen;filter:saturate(.45) contrast(1.45) brightness(.95);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 25%,transparent 74%);mask-image:radial-gradient(ellipse at 50% 45%,#000 25%,transparent 74%);pointer-events:none}.ship-tile:hover{border-color:#a6d4e3a8;background:#49718535}.ship-tile:hover>img{opacity:1;filter:saturate(.85) contrast(1.35) brightness(1.2)}.ship-tile:hover:before,.ship-tile.selected:before{opacity:1}.ship-tile.selected{border-color:#b7ddef;background:#5b93aa22;box-shadow:0 0 20px #74bfd41a}.ship-tile.selected>img{opacity:1}.tech-mark{position:absolute;top:0;left:0;z-index:3;font:600 12px var(--font);width:29px;height:29px;text-align:left;padding:2px 0 0 4px;background:#976314;color:#fff2cc;clip-path:polygon(0 0,100% 0,0 100%);text-shadow:0 1px 2px #0007}.tech-mark.tech3{background:#be5a1b}.tech-mark.faction{background:#2d742a;color:#e5ffbd}.mastery-empty{position:absolute;bottom:10px;left:39px;width:16px;height:17px;border-left:1px solid #6b839355;border-right:1px solid #6b839355;border-radius:50%;pointer-events:none}.ship-name{position:absolute;left:50%;bottom:-1px;z-index:5;transform:translateX(-50%);width:calc(var(--tile) + 10px);text-align:center;font-size:12px;line-height:13px;color:#b9ccd6;text-shadow:0 1px 4px #000,0 0 5px #000;background:#081018b0;display:none;pointer-events:none;padding:2px 0}.show-names .ship-name{display:block}.show-names .mastery-empty{bottom:23px}.tree-root{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.tree-root img{height:34px;width:34px;opacity:.8}.faction-panel{position:absolute;z-index:5;top:56px;left:23px;width:266px;pointer-events:none}.faction-panel>*{pointer-events:auto}.faction-heading{display:flex;align-items:center;justify-content:space-between;height:25px;color:#6c808e;font-size:12px;letter-spacing:.15em;margin:0 0 5px 4px}.faction-heading .icon-button{height:22px;width:22px}.faction-list{display:grid;grid-template-columns:repeat(5,44px);gap:7px 9px;padding:0 4px 17px}.faction-button{position:relative;width:44px;height:44px;padding:6px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;transition:.15s}.faction-button img{width:33px;height:33px;object-fit:contain;opacity:.62;filter:saturate(.7)}.faction-button:hover img,.faction-button[aria-pressed=true] img{opacity:1;filter:saturate(1)}.faction-button:hover{background:#6b91a31a}.faction-button[aria-pressed=true]{border-color:#96b5c478;background:linear-gradient(140deg,#7499b137,#24334250);box-shadow:inset 0 0 10px #9bbecc13}.faction-button[aria-pressed=true]:after{content:'';position:absolute;inset:3px;border-top:1px solid #b3cbd480;border-bottom:1px solid #b3cbd480;pointer-events:none}.faction-description{padding:15px 14px 17px;background:linear-gradient(140deg,#070c12ec,#040a10e8);border:1px solid #536c7b80;box-shadow:0 4px 22px #0003;clip-path:polygon(0 0,100% 0,100% 100%,61% 100%,58% calc(100% - 5px),42% calc(100% - 5px),39% 100%,0 100%)}.faction-name-row{display:flex;align-items:center;gap:11px}.faction-name-row>img{object-fit:contain;flex-shrink:0}.faction-name-row h1{font-size:20px;font-weight:500;line-height:1.12;letter-spacing:.02em;margin:0 0 7px;color:#d3dce1}.faction-traits{display:flex;gap:4px}.faction-trait{width:26px;height:26px;border:1px solid #789eaf32;padding:2px;background:#3c647322}.faction-trait img{width:100%;height:100%;opacity:.8;object-fit:contain}.faction-description p{font-size:14px;line-height:1.5;letter-spacing:.015em;margin:13px 0 1px;color:#a2b1bc}.faction-panel.collapsed .faction-list,.faction-panel.collapsed .faction-description{display:none}.faction-panel.collapsed .faction-heading{padding:0 7px;background:#0d1722ee;border:1px solid #4c627566;width:210px;height:32px}.searchbox{position:absolute;top:56px;right:21px;z-index:6;display:flex;align-items:center;width:242px;height:34px;border:1px solid #546a7877;background:#0a141def;box-shadow:0 3px 12px #0002}.search-icon{width:34px;height:100%;display:flex;align-items:center;justify-content:center;color:#879da9}.search-icon svg{width:16px;height:16px}.searchbox input{min-width:0;flex:1;outline:none;border:0;color:#ccd9e2;background:none;height:100%;padding:0;font-size:14px}.searchbox input::placeholder{color:#7b8d9b}.searchbox:focus-within{border-color:#a1c5d6a0}.searchbox kbd{font:12px var(--font);padding:1px 5px;margin:0 8px;color:#607382;border:1px solid #52677766}.search-results{position:absolute;right:-1px;top:38px;width:330px;max-height:min(470px,65vh);overflow-y:auto;background:#0a131efc;border:1px solid #69899d80;box-shadow:0 9px 45px #0009;padding:4px}.search-result{display:flex;width:100%;align-items:center;text-align:left;padding:5px 9px 5px 3px;gap:10px;border-bottom:1px solid #3c58612f}.search-result:last-child{border-bottom:0}.search-result:hover,.search-result.active{background:#a0cce219}.search-result img{width:44px;height:44px;object-fit:cover}.search-result strong{display:block;font-size:15px;font-weight:500}.search-result small{display:block;color:#8da0ac;font-size:12px;margin-top:3px}.search-empty{padding:17px;color:#8fa4b3}.tree-toolbar{position:absolute;right:22px;bottom:48px;height:35px;z-index:4;display:flex;align-items:center;background:#0a141de8;border:1px solid #536d7a80;box-shadow:0 4px 15px #0003}.control-button{height:33px;min-width:36px;display:flex;justify-content:center;align-items:center;font-size:21px;color:#b4c6d1;padding:0 8px}.control-button:hover,.control-button[aria-pressed=true]{background:#6c9aae29;color:#e0f2fa}.control-button:first-child{font-size:15px}.control-button svg{width:18px;height:18px}.toolbar-divider{height:17px;width:1px;background:#5b758352}.tree-toolbar output{width:49px;text-align:center;color:#8fa3ae;font-size:12px}.statusbar{height:27px;display:flex;position:absolute;inset:auto 0 0;align-items:center;justify-content:space-between;padding:0 15px;border-top:1px solid #465c6b44;background:#09111af7;z-index:7;color:#6c8291;font-size:12px;letter-spacing:.035em}.statusbar b{font-weight:400;margin:0 9px;color:#4e6a79}.statusbar button{font-size:12px;letter-spacing:.19em;color:#94a5af}.status-hint{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.hover-card{position:fixed;z-index:25;width:254px;background:#09141ff7;border:1px solid #69889d;color:#c7d8e3;box-shadow:0 5px 22px #0009;padding:14px;pointer-events:none}.hover-card h3{margin:0 0 3px;font-size:18px;font-weight:500}.hover-card .hover-class{color:#92a9b9;font-size:12px}.hover-card p{font-size:14px;line-height:1.4;margin:10px 0 2px;color:#a4b6c3}.hover-card .hover-stat{display:flex;justify-content:space-between;border-top:1px solid #39516366;padding-top:7px;margin-top:10px;font-size:12px}.hover-card .hover-hint{color:#657d8d;font-size:12px;margin-top:10px}.ship-panel{position:absolute;top:37px;bottom:27px;right:0;width:395px;z-index:12;background:#0c151ff7;backdrop-filter:blur(15px);border-left:1px solid #61798b8c;box-shadow:-15px 0 60px #0006;display:flex;flex-direction:column;animation:panel-in .16s ease-out}.detail-titlebar{height:36px;padding:0 9px 0 16px;background:#18242c9c;border-bottom:1px solid #5367796b;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:12px;letter-spacing:.12em;color:#97aebb}.ship-hero{height:248px;position:relative;flex-shrink:0;overflow:hidden;background:#0a1019}.ship-hero>img{width:100%;height:340px;position:absolute;top:-52px;object-fit:cover;filter:saturate(.65);opacity:.95}.ship-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c151f 0%,#0c151f15 65%,#0c151f66)}.ship-hero-caption{position:absolute;bottom:18px;left:20px;right:20px;z-index:1;text-shadow:0 2px 6px #000}.ship-hero-caption p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#90aebb;margin:0 0 5px}.ship-hero-caption h2{font-size:30px;font-weight:500;line-height:1.06;margin:0 0 7px;color:#e7eef4}.ship-hero-caption span{font-size:14px;color:#b0c2d0}.detail-tabs{flex-shrink:0;display:flex;gap:0;padding:0 12px;border-bottom:1px solid #395268;background:#0e1a27}.detail-tabs button{flex:1;font-size:13px;padding:13px 3px 11px;color:#8a9eaf;position:relative;border-bottom:2px solid transparent}.detail-tabs button[aria-selected=true]{color:#d7e9f5;border-bottom-color:#9acadc;background:linear-gradient(0deg,#77afc220,transparent)}.detail-tabs button:hover{background:#719cb112}.detail-content{overflow-y:auto;flex:1;min-height:0;padding:18px 20px 28px;font-size:14px;line-height:1.55;color:#b3c4cf;scrollbar-color:#526779 #101a23;scrollbar-width:thin}.detail-content h3{font-weight:500;color:#d7e5ed;font-size:14px;margin:23px 0 11px}.detail-content h3:first-child{margin-top:0}.detail-content p{margin:0 0 13px;white-space:pre-line}.detail-content ul{padding:0 0 0 17px;margin:0}.detail-content li{padding:0 0 9px 1px}.detail-content li::marker{color:#7393a8;font-size:11px}.trait-number{color:#b5d8ed}.detail-note{font-size:12px;color:#718da0;border-top:1px solid #294151;padding-top:12px;margin-top:20px!important}.stat-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}.stat-table td{padding:7px 0;border-bottom:1px solid #3a53652b}.stat-table td:last-child{text-align:right;color:#d6e6f0;white-space:nowrap}.stat-table .sub td{font-size:12px;color:#8ba5b8;padding:4px 0}.skill-row{padding:10px 0;border-bottom:1px solid #3a536535}.skill-row-header{display:flex;gap:8px;justify-content:space-between;align-items:center;color:#cbdde8}.skill-level{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.level-blocks{display:inline-flex;gap:3px}.level-blocks i{height:6px;width:6px;border:1px solid #5a7788}.level-blocks i.required{background:#86acbf;border-color:#92c0d3}.skill-row details{margin:8px 0 0;font-size:12px;color:#7f9baa}.skill-row summary{cursor:pointer;padding:3px 0}.skill-dependencies{margin:6px 0 0 8px;border-left:1px solid #415d6f66;padding-left:10px}.skill-dependencies div{padding:3px 0;display:flex;justify-content:space-between}.help-dialog{padding:0;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 50px);border:1px solid #7691a3;background:#0c1723;color:#c4d4df;box-shadow:0 20px 100px #000b}.help-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.help-body{padding:24px 27px;font-size:14px;line-height:1.5}.help-body h2{font-size:24px;font-weight:500;margin:0 0 12px;color:#e2eef6}.help-body p{margin:0 0 20px}.help-body dl{display:grid;grid-template-columns:125px 1fr;gap:11px;margin:23px 0 26px}.help-body dt{color:#d9e5ee}.help-body dd{margin:0;color:#8fa8bb}.help-body .data-note{font-size:12px;color:#738fa3;margin-bottom:13px}.loading{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;letter-spacing:.04em;color:#98b9cb;text-align:center}.loading-line{width:180px;height:2px;margin:0 auto 14px;background:linear-gradient(90deg,transparent,#b6d6e7,transparent);animation:pulse 1.5s ease-in-out infinite}.error-retry{display:block;margin:20px auto;padding:8px 20px;border:1px solid #7797a9;background:#122534}.ship-panel.group-mode .ship-hero{height:180px}.ship-panel.group-mode .ship-hero>img{width:90px;height:90px;top:20px;right:20px;object-fit:contain;opacity:.25}.ship-panel.group-mode .ship-hero-caption h2{font-size:25px}.ship-panel.group-mode .ship-hero-caption{right:85px}body.panel-open .tree-toolbar{right:417px}body.panel-open .searchbox{right:416px}
@keyframes panel-in{from{transform:translateX(25px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{50%{opacity:.2;transform:scaleX(.5)}}
@media(min-width:1800px){.faction-panel{left:30px;top:65px;width:290px}.faction-list{grid-template-columns:repeat(5,48px);gap:9px 10px}.faction-button{width:48px;height:48px}.faction-button img{width:36px;height:36px}.faction-description{padding:18px}.faction-name-row h1{font-size:22px}.faction-description p{font-size:15px}.searchbox{top:65px;right:30px}}
@media(max-width:1000px){.status-hint{display:none}.faction-panel{left:16px;width:240px}.faction-list{grid-template-columns:repeat(5,40px);gap:5px 8px;padding-left:0;padding-right:0}.faction-button{width:40px;height:40px}.faction-button img{width:31px;height:31px}.faction-name-row h1{font-size:18px}.faction-description{padding:12px}.faction-description p{font-size:13px}.ship-panel{width:370px}body.panel-open .searchbox{right:390px;width:215px}body.panel-open .tree-toolbar{right:391px}}
@media(max-width:640px){.windowbar{height:39px;padding-left:12px}.window-title{font-size:14px}.character-state{display:none}.viewport{top:39px}.faction-panel{left:12px;top:91px;width:217px}.faction-heading{height:20px;margin-bottom:5px}.faction-list{grid-template-columns:repeat(5,36px);gap:4px 8px;padding-bottom:10px}.faction-button{height:36px;width:36px;padding:4px}.faction-button img{height:28px;width:28px}.faction-description{padding:10px 11px 14px}.faction-name-row{gap:7px}.faction-name-row>img{width:38px;height:38px}.faction-name-row h1{font-size:18px}.faction-trait{width:22px;height:22px}.faction-description p{font-size:12px;margin-top:10px}.searchbox{top:51px;left:12px;right:12px;width:auto;height:32px}.search-results{left:-1px;right:-1px;width:auto;max-height:50dvh}.searchbox kbd{display:none}.faction-panel.collapsed .faction-heading{width:217px;height:30px}.tree-toolbar{bottom:44px;right:12px}.control-button{min-width:37px}.statusbar{padding:0 10px;font-size:11px;letter-spacing:0}.statusbar button{font-size:10px}.ship-panel{top:39px;width:min(100%,430px)}.ship-hero{height:215px}.ship-hero>img{top:-65px}.ship-hero-caption h2{font-size:28px}.detail-tabs button{font-size:13px;padding:12px 2px}.detail-content{padding:16px 19px 25px;font-size:14px}.hover-card{display:none!important}body.panel-open .tree-toolbar,body.panel-open .searchbox{visibility:hidden}.watermark{width:100vh;height:100vh}.help-body{padding:20px}.help-body dl{grid-template-columns:95px 1fr;gap:12px}.help-dialog{max-height:calc(100dvh - 25px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}