:root{color-scheme:dark;--bg:#0b121c;--panel:#101b29;--line:#2a3e50;--muted:#a6b7c8;--text:#edf4fa;--mint:#5fe1dc;--orange:#ffb36b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,Segoe UI,sans-serif}a{color:var(--mint);text-underline-offset:4px}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:14px;font-weight:800;letter-spacing:.07em}.brand b{display:grid;place-items:center;background:var(--mint);color:var(--bg);border-radius:9px;width:40px;height:40px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400}header nav{display:flex;gap:22px}header nav a{color:var(--muted);text-decoration:none}header nav a[aria-current]{color:var(--mint);border-bottom:2px solid var(--mint)}.dex-shell{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1800px;margin:auto}.catalog{border-right:1px solid var(--line);height:calc(100dvh - 80px);position:sticky;top:0;display:flex;flex-direction:column}.catalog-head{padding:24px 22px 12px}h1{font-size:34px;letter-spacing:-.04em;margin:0 0 16px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--mint);margin:0 0 8px}label{display:block;font-size:14px;color:var(--muted)}input[type=search],select{width:100%;padding:11px 12px;background:var(--bg);color:var(--text);border:1px solid #4c6277;border-radius:7px;margin-top:5px;font-size:15px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.toggle{display:flex;align-items:center;gap:8px;margin-top:13px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--mint)}#count{font-size:13px;color:var(--muted);margin-bottom:0}#list{overflow-y:auto;padding:8px 12px 18px;flex:1}.mon-row{width:100%;display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;border-radius:8px;color:var(--text);text-align:left;padding:7px 10px;margin:2px 0}.mon-row:hover{background:#1c2f3e}.mon-row[aria-current=true]{background:#17383d;border-color:var(--mint)}.mon-row img{width:48px;height:48px;object-fit:contain}.mon-row span{font-size:16px}.mon-row small{display:block;font-size:12px;color:var(--muted)}main{min-width:0;padding:32px 36px 60px}.welcome{max-width:650px;padding:45px 15px}.welcome h2{font-size:clamp(32px,4vw,56px);line-height:1.12;letter-spacing:-.045em}.welcome>p:not(.eyebrow){font-size:19px;color:var(--muted)}.notice{padding:13px 16px;background:#222c38;border-left:3px solid var(--orange);color:var(--muted);font-size:14px}.profile{display:flex;align-items:center;gap:25px;min-width:0;margin-bottom:25px}.portrait{width:130px;height:130px;object-fit:contain;background:#172535;border:1px solid var(--line);border-radius:18px;padding:8px}.profile h1{font-size:clamp(28px,3.5vw,43px);line-height:1.2;margin:5px 0 10px;overflow-wrap:anywhere}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:12px;background:#1e3040;padding:4px 9px;border-radius:5px;color:#cce0ef}.pill.extra{background:#40301d;color:var(--orange)}h2{font-size:24px;letter-spacing:-.025em;line-height:1.3;margin:30px 0 14px}h3{font-size:18px;margin:12px 0}.muted{color:var(--muted);font-size:14px}.button,button.quiet{border:1px solid var(--mint);border-radius:6px;padding:9px 14px;color:var(--bg);background:var(--mint);font-weight:650;display:inline-block;text-decoration:none}button.quiet{border-color:#4c6277;background:transparent;color:var(--text)}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px}.tabs button{padding:9px 16px;border:1px solid #42576b;background:transparent;color:var(--muted);border-radius:6px}.tabs button[aria-selected=true]{background:var(--mint);color:var(--bg);border-color:var(--mint);font-weight:650}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.evo-card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0}.card-title{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:750;overflow-wrap:anywhere}.card-title img{width:62px;height:62px;object-fit:contain}.card-title small{display:block;color:var(--muted);font-size:12px;font-weight:400}.requirements{padding-left:19px;font-size:14px;color:#c5d6e4;margin:12px 0 0}.requirements li{margin:4px 0}.requirements a{color:var(--mint)}.flowline{margin:15px 0;border-left:2px solid var(--line);padding-left:22px}.flowline summary{cursor:pointer;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:7px;font-size:15px}.flowline summary img{width:38px;height:38px;vertical-align:middle;object-fit:contain;margin-right:10px}.flowline>details{margin:8px 0}.branch-body{padding:8px 0 8px 16px}.branch-link{display:inline-block;margin:10px 0;font-size:14px}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.tools label{display:flex;align-items:center;gap:6px}.tools select{width:auto;min-width:120px;margin:0}.levels{display:flex;gap:14px;overflow-x:auto;padding:8px 0 20px}.level{flex:0 0 220px}.level h3{color:var(--mint);font-size:14px;position:sticky;top:0}.level .evo-card{margin-bottom:8px;padding:12px}.level .card-title{font-size:14px}.level .card-title img{width:42px;height:42px}.route-form{display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:end;gap:12px;margin:20px 0}.route-form .toggle{grid-column:1/-1}.route-step{display:grid;grid-template-columns:35px minmax(0,1fr);gap:10px;position:relative;margin-bottom:13px}.step-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#20444b;color:var(--mint);font-size:14px}.step-body{border:1px solid var(--line);border-radius:9px;padding:15px;background:var(--panel)}.step-body h3{margin:0 0 8px}.step-body p{margin:5px 0}.stat-table{border-collapse:collapse;width:100%;font-size:14px}.stat-table th,.stat-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.empty{color:var(--muted);padding:20px 0}footer{border-top:1px solid var(--line);padding:18px 32px;color:var(--muted);font-size:14px}footer summary{cursor:pointer}footer p{max-width:1000px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:10px;background:var(--mint);color:var(--bg);padding:10px;z-index:10}.back-list{display:none}img{color:var(--muted);font-size:12px}.result-status{font-size:14px;color:var(--mint)}@media(max-width:1050px){.dex-shell{grid-template-columns:270px minmax(0,1fr)}main{padding:24px}.catalog-head{padding:18px}header{padding:0 20px}.portrait{width:100px;height:100px}}@media(max-width:720px){header{height:70px;padding:0 15px}.brand{font-size:12px;gap:8px}.brand small{font-size:9px}header nav{gap:15px;font-size:14px}.dex-shell{display:block}.catalog{position:static;height:auto;border-right:0}#list{height:52dvh}.catalog-head{padding:20px}.filters{grid-template-columns:1fr 1fr}main{padding:22px 18px}.welcome{padding:10px}.portrait{width:90px;height:90px}.profile{gap:15px}.profile h1{font-size:29px}.cards{grid-template-columns:1fr}.route-form{grid-template-columns:1fr}.route-form .toggle{grid-column:auto}.back-list{display:inline-block;margin-bottom:20px}body.has-selection .catalog{display:none}body:not(.has-selection) main{display:none}footer{padding:18px}.flowline{padding-left:12px}.branch-body{padding-left:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
