.directory-page{background:radial-gradient(circle at 70% 3%,#4655b81c,transparent 29%),#090f20}.directory-shell{padding-top:64px;padding-bottom:105px}.directory-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:54px;min-height:205px}.directory-hero h1{font-size:clamp(38px,5.5vw,74px);letter-spacing:-.06em;line-height:1.06;margin:12px 0 18px}.directory-hero h1 em{font-style:normal;color:#96a8ff}.directory-hero p{color:#aebbd1;max-width:560px;font-size:17px}.directory-hero-art{width:210px;height:180px;position:relative;flex:none;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #7287f170;border-radius:50%;box-shadow:0 0 35px #516ce523}.orbit-one{width:155px;height:155px}.orbit-two{width:205px;height:205px;border-color:#829bfa25}.orbit-core{display:grid;place-items:center;width:88px;height:88px;border-radius:25px;background:linear-gradient(135deg,#5278f2,#7952d8);box-shadow:0 20px 55px #515bec70;font-size:30px;color:#fff}.directory-layout{display:grid;grid-template-columns:278px minmax(0,1fr);gap:26px;align-items:start}.directory-sidebar,.directory-results{border:1px solid #a5b7ff24;border-radius:23px;background:#111a2de8;box-shadow:0 18px 60px #0002}.directory-sidebar{padding:22px;position:sticky;top:24px}.directory-sidebar h2{display:flex;align-items:center;justify-content:space-between;font-size:17px;margin:1px 3px 20px}.directory-sidebar h2 small{color:#92a8d4;font-size:10px;letter-spacing:.09em}.directory-categories{display:grid;gap:9px}.directory-category{min-width:0;display:flex;align-items:center;gap:12px;padding:14px 11px;border:1px solid #d5ddff12;border-radius:15px;background:#18233a}.directory-category.selected{background:linear-gradient(110deg,#4d64db36,#7855db2b);border-color:#889dff8a}.directory-category.locked{opacity:.59;cursor:not-allowed}.category-symbol{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;background:#627ee624;color:#9cafff;font-size:19px}.directory-category>span:nth-child(2){min-width:0;flex:1}.directory-category strong,.directory-category small{display:block}.directory-category strong{font-size:13px}.directory-category small{font-size:11px;color:#9dafc9;margin-top:3px}.category-active{font-size:9px;color:#5fe0aa;font-weight:800;letter-spacing:.06em}.category-lock{font-size:14px;filter:grayscale(1)}.directory-aside-note{font-size:12px;line-height:1.55;color:#93a4bf;margin:22px 4px 3px}.directory-results{padding:26px;min-width:0}.directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px}.directory-toolbar h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.04em;margin:8px 0 0}.directory-count{font-size:13px;color:#9fb5ff;background:#5265b83b;border:1px solid #7b91ff4c;border-radius:100px;padding:5px 11px;vertical-align:middle;margin-left:7px;letter-spacing:0}.directory-refresh{white-space:nowrap}.directory-hint,.directory-disclaimer{font-size:12px;color:#a0b0ca}.directory-hint{margin:14px 0 20px}.directory-list{display:grid;gap:16px}.directory-server{border:1px solid #b0c5ff25;border-radius:18px;padding:21px;background:linear-gradient(130deg,#1a2540,#151e33);transition:border-color .2s,transform .2s}.directory-server:hover{border-color:#94a8ff6a;transform:translateY(-2px)}.directory-server-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.directory-identity{min-width:0;display:flex;align-items:center;gap:12px}.directory-id{font-size:11px;font-weight:800;color:#a5b4ff;border:1px solid #738aff72;border-radius:8px;padding:6px 9px}.directory-identity h3{margin:0;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.directory-state{flex:none;border-radius:50px;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.04em}.directory-state.is-online{color:#64e2af;background:#29c88c20}.directory-state.is-unavailable{color:#a7b5cb;background:#758baa1b}.directory-address{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0;background:#0d172b;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px}.directory-address span,.directory-detail small{font-size:10px;letter-spacing:.1em;color:#9aadd0}.directory-address code{color:#e5edff;font-size:14px;overflow-wrap:anywhere}.directory-address button{margin-left:auto;border:1px solid #7891eb6b;border-radius:8px;background:#3850a234;color:#c5d2ff;padding:7px 11px;font:inherit;font-size:11px;min-height:36px}.directory-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.directory-detail{min-width:0;padding:12px 14px;border:1px solid #ffffff14;border-radius:11px;background:#18243b}.directory-detail strong{display:block;margin-top:8px;font-size:14px;overflow-wrap:anywhere}.directory-empty{text-align:center;padding:75px 20px;border:1px dashed #9daefa45;border-radius:16px;color:#b6c5dd}.directory-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:24px;font-size:12px;color:#a6b6d4}.directory-pagination button{border:1px solid #9aaeff55;background:#283758;color:#e4ecff;border-radius:9px;padding:10px 13px;min-height:42px}.directory-pagination button:disabled{opacity:.35}.directory-disclaimer{margin:24px 0 2px;line-height:1.55}
@media(max-width:900px){.directory-layout{grid-template-columns:1fr}.directory-sidebar{position:static}.directory-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-aside-note{margin-top:14px}}@media(max-width:620px){.directory-shell{padding-top:35px;padding-bottom:55px}.directory-hero{margin-bottom:30px;min-height:0}.directory-hero-art{display:none}.directory-hero p{font-size:14px}.directory-sidebar,.directory-results{padding:16px;border-radius:17px}.directory-categories{grid-template-columns:1fr 1fr;gap:8px}.directory-category{padding:10px 8px;gap:7px;min-height:62px}.directory-category strong{font-size:11px}.directory-category small{font-size:10px}.category-symbol{width:28px;height:28px;font-size:15px}.category-active{display:none}.directory-toolbar h2{font-size:22px}.directory-refresh{font-size:11px;padding:8px 10px}.directory-server{padding:15px}.directory-server-head{flex-direction:column;gap:10px}.directory-identity h3{font-size:15px}.directory-address{gap:7px}.directory-address code{font-size:12px}.directory-details{grid-template-columns:1fr 1fr}.directory-detail:last-child{grid-column:1/-1}.directory-pagination{gap:8px}}