@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101719;--panel:#172123;--panel2:#1c292a;--line:#31403f;--text:#edf2e7;--muted:#98a9a3;--accent:#d3eb9c;--amber:#e8b98d;--font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,select{font:inherit}button,a,select,input{outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.wrap{max-width:1512px;margin:auto;padding-left:4.5%;padding-right:4.5%}.topbar{height:76px;padding:0 4.5%;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.15em;line-height:1.25;font-weight:700}.brand strong{font-size:13px;letter-spacing:.18em}.brand-mark{color:var(--accent);font-size:32px;line-height:1}.top-meta,.source-link{font-size:10px;font-weight:700;letter-spacing:.11em}.top-meta{color:var(--muted);margin-left:auto}.divider{color:#50615a;margin:0 9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin:0 7px 1px 0}.source-link{border-bottom:1px solid #5d6c65;padding-bottom:5px}.source-link span{font-size:14px;margin-left:5px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:75px;padding-bottom:64px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800;margin:0 0 16px}.eyebrow span{font-size:13px;margin-right:8px}h1{font-size:clamp(44px,5.6vw,82px);letter-spacing:-.065em;line-height:1.02;margin:0 0 18px;font-weight:700}h1 em{font-style:normal;color:var(--accent)}.intro-text{max-width:570px;color:#adbbb3;font-size:15px;line-height:1.7;margin:0}.intro-count{border-left:1px solid var(--line);padding-left:24px;margin-bottom:4px;min-width:168px}.intro-count span{font-size:48px;letter-spacing:-.08em;line-height:1;color:var(--accent)}.intro-count small{display:block;color:var(--muted);font-weight:700;letter-spacing:.11em;font-size:9px;margin-top:12px}.compare{background:var(--panel);border-top:1px solid #3a4946;border-bottom:1px solid #3a4946;padding-top:32px;padding-bottom:25px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.section-heading .eyebrow{margin:0 0 10px}h2{font-size:26px;letter-spacing:-.04em;margin:0;font-weight:700}.compare-info{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.12em}.compare-info span{margin-left:10px}.compare-help{margin:12px 0 22px;color:var(--muted);max-width:840px;line-height:1.6;font-size:12px}.compare-help b{color:var(--accent);font-size:17px}.comparison{display:grid;gap:6px}.compare-row{display:grid;grid-template-columns:180px minmax(0,1fr) 90px 28px;align-items:center;gap:14px;min-height:40px}.compare-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700}.compare-track{height:22px;background:#101a1b;border-left:1px solid #718878;position:relative}.compare-bar{height:100%;background:linear-gradient(90deg,#a3c873,#d1eaa4);min-width:1px}.compare-value{font-size:11px;color:var(--accent);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.remove-compare,.drawer-top button{border:0;background:none;color:#9cad9e;font-size:17px;cursor:pointer}.remove-compare:hover,.drawer-top button:hover{color:var(--text)}.compare-empty{padding:18px;border:1px dashed var(--line);color:var(--muted)}.compare-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-size:10px;color:var(--muted);letter-spacing:.04em}.catalog{padding-top:76px}.catalog-heading{margin-bottom:25px}.catalog-heading p:not(.eyebrow){font-size:11px;line-height:1.5;color:var(--muted);max-width:300px;margin:0}.count{font-size:12px;color:var(--accent);vertical-align:top;letter-spacing:0;margin-left:9px}.toolbar{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin-bottom:18px}.toolbar label:not(.search):not(.difference){flex:0 1 auto}.search,select,.difference{height:43px;background:#1a2526;border:1px solid #344340;border-radius:3px;color:#dbe4d6}.search{flex:1 1 250px;display:flex;align-items:center;gap:10px;padding:0 13px}.search>span:first-child{font-size:24px;line-height:1;color:var(--accent)}.search input{background:none;border:0;color:var(--text);width:100%;min-width:50px;outline:none}.search input::placeholder{color:#82948b}.search kbd{font:12px var(--font);border:1px solid #4a5a53;border-radius:3px;color:#8c9c92;padding:0 6px}select{padding:0 30px 0 12px;max-width:190px;cursor:pointer;font-size:12px}.difference{display:flex;align-items:center;gap:7px;padding:0 12px;color:#c6d0c3;font-size:11px;cursor:pointer}.difference input{accent-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ship{min-width:0;background:#1a2425;border:1px solid #303e3b;transition:border-color .2s,background .2s}.ship:hover,.ship:focus-within{border-color:#8ba875;background:#1e2a29}.ship-main{display:block;width:100%;text-align:left;border:0;padding:0;background:transparent;cursor:pointer}.visual{height:164px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#172122;background-image:linear-gradient(#23302d 1px,transparent 1px),linear-gradient(90deg,#23302d 1px,transparent 1px);background-size:32px 32px}.visual:before,.visual:after{content:'';position:absolute;width:5px;height:5px;border-color:#60755f}.visual:before{top:11px;left:11px;border-left:1px solid;border-top:1px solid}.visual:after{right:11px;bottom:11px;border-right:1px solid;border-bottom:1px solid}.visual img{width:84%;height:112px;object-fit:contain;transition:transform .25s}.ship:hover .visual img{transform:scale(1.04)}.ship .visual .img-failed{display:none}.visual:has(img.img-failed):after{content:'Изображение недоступно';width:auto;height:auto;right:auto;bottom:auto;border:0;font-size:11px;color:var(--muted)}.ship-details{padding:15px 15px 8px}.ship-universe{font-size:9px;color:var(--accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ship-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 0;letter-spacing:-.015em}.ship-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 14px 13px;color:#b8c8b9;font-size:11px}.ship-footer strong{font-size:13px;color:#e2eadb;font-variant-numeric:tabular-nums}.add{width:30px;height:30px;border:1px solid #506158;background:transparent;color:var(--accent);border-radius:50%;font-size:19px;line-height:1;cursor:pointer}.add:hover,.add.selected{background:var(--accent);color:#172019;border-color:var(--accent)}.tip{position:absolute;left:13px;right:13px;bottom:12px;background:#d5eaa7;color:#172119;padding:9px 11px;font-size:10px;font-weight:700;opacity:0;transform:translateY(5px);transition:.16s;pointer-events:none}.ship-main:hover .tip,.ship-main:focus-visible .tip{opacity:1;transform:none}.empty{border:1px dashed var(--line);padding:40px;text-align:center;color:var(--muted)}.coverage{margin:32px 0 0;color:#92a39b;font-size:12px;line-height:1.75;max-width:930px}.coverage b{color:#c8d6c5}footer{margin-top:60px!important;padding-top:24px;padding-bottom:30px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;color:#788c82;font-size:9px;font-weight:700;letter-spacing:.11em}footer div{display:flex;gap:22px}.drawer{position:fixed;z-index:10;right:0;top:0;height:100dvh;width:min(460px,100%);background:#1b2727;border-left:1px solid #506058;box-shadow:-18px 0 60px #0007;overflow:auto;transform:translateX(105%);transition:transform .25s ease;padding:0 26px 35px}.drawer.open{transform:translateX(0)}.drawer-top{height:65px;display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:10px;letter-spacing:.13em;font-weight:800;border-bottom:1px solid var(--line)}.drawer-top button{font-size:20px;padding:8px}.drawer-visual{height:225px;display:flex;align-items:center;justify-content:center;background-color:#142020;background-image:linear-gradient(#293935 1px,transparent 1px),linear-gradient(90deg,#293935 1px,transparent 1px);background-size:30px 30px;margin:22px 0}.drawer-visual img{width:90%;height:180px;object-fit:contain}.drawer-universe{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.drawer h2{font-size:28px;line-height:1.13;letter-spacing:-.045em;margin:12px 0}.drawer .origin{color:#bbc9bb;line-height:1.5}.detail-stats{display:flex;gap:32px;padding:20px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-stats small,.subhead{font-size:9px;color:#99aa9d;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.detail-stats strong{display:block;color:var(--accent);font-size:24px;margin-top:7px;letter-spacing:-.04em}.drawer h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:27px 0 13px}.drawer p{color:#b1c0b2;font-size:12px;line-height:1.7}.drawer a.inline{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.drawer-note{border-left:2px solid #c9a778;padding-left:12px}.length-list{list-style:none;padding:0;margin:0}.length-list li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #344340;font-size:11px}.length-list strong{white-space:nowrap;color:#e5efdd}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery a{display:block;background:#101718;border:1px solid var(--line)}.gallery img{display:block;width:100%;aspect-ratio:300/169;object-fit:cover}.gallery span{display:block;font-size:10px;padding:8px;color:#b6c4b3}.drawer-compare{width:100%;margin-top:25px;padding:13px;background:var(--accent);color:#152019;border:0;font-weight:800;cursor:pointer}.scrim{position:fixed;inset:0;background:#0008;z-index:9}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);background:#d3eb9c;color:#152019;padding:12px 16px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:11}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-meta{display:none}.source-link{margin-left:auto}}@media(max-width:700px){.topbar{height:66px}.intro{padding-top:52px;padding-bottom:45px}.intro-count{display:none}.intro-text{font-size:13px}.compare{padding-top:26px}.compare-row{grid-template-columns:100px minmax(0,1fr) 70px 20px;gap:7px}.compare-name,.compare-value{font-size:10px}.catalog{padding-top:50px}.catalog-heading p:not(.eyebrow){display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual{height:140px}.visual img{height:95px}.toolbar label:not(.search):not(.difference){flex:1 1 45%}.toolbar select{width:100%;max-width:none}.difference{flex:1 1 45%}.search{flex-basis:100%}footer{flex-wrap:wrap}.drawer{padding-left:20px;padding-right:20px}}@media(max-width:390px){.grid{gap:6px}.ship-details{padding-left:10px;padding-right:10px}.ship-footer{padding-left:10px;padding-right:10px}.ship-name{font-size:12px}.visual{height:120px}.intro h1{font-size:40px}}