/* Names directory: focused lookup-first layout. */
.names-page{background:#0a2940;color:#eefaff}
.names-page .site-header{border-bottom-color:rgba(137,226,255,.16)}
.names-page .directory-hero{min-height:auto!important;padding:66px 0 42px!important;background:radial-gradient(720px 340px at 78% 8%,rgba(94,199,241,.14),transparent 70%),linear-gradient(180deg,#0b314b,#0a2940)!important}
.names-page .directory-hero .shell{max-width:1120px}
.names-page .names-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#7eaabd;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.names-page .names-breadcrumb a{color:#8fc7da}.names-page .names-breadcrumb a:hover{color:#dff8ff}.names-page .names-breadcrumb span{opacity:.55}
.names-page .directory-hero h1{max-width:760px;margin:0;font-size:clamp(42px,5.2vw,70px)!important;line-height:.96!important;letter-spacing:-.05em!important}
.names-page .directory-hero h1 strong{display:inline;background:linear-gradient(120deg,#e9fbff,#83def8 55%,#9ab7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.names-page .directory-hero>div>p:last-child{max-width:700px;margin-top:18px;color:#aacbd7!important;font-size:14px;line-height:1.7}

.names-page .hub-section{padding:34px 0 72px!important;background:linear-gradient(180deg,#0a2940,#0b324c)!important}
.names-page .hub-section>.shell{max-width:1120px}
.names-page .names-search-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid rgba(145,229,255,.15);border-radius:16px;background:linear-gradient(145deg,rgba(16,61,89,.94),rgba(9,42,64,.96));box-shadow:0 20px 55px rgba(2,20,32,.18)}
.names-page .names-search-copy small{display:block;margin-bottom:5px;color:#68cbe8;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.names-page .names-search-copy h2{margin:0;color:#f4fcff;font-size:20px;letter-spacing:-.025em}
.names-page .names-search-copy p{margin:5px 0 0;color:#86aebb;font-size:10px;line-height:1.5}
.names-page .directory-toolbar{margin:0;min-width:min(420px,42vw)}
.names-page .directory-toolbar input{width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(139,226,255,.2);border-radius:12px;background:rgba(5,29,44,.78);color:#f4fcff;font-size:12px;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.names-page .directory-toolbar input::placeholder{color:#709aaa}.names-page .directory-toolbar input:focus{border-color:rgba(99,215,255,.55);box-shadow:0 0 0 3px rgba(99,215,255,.09);outline:0}

.names-page .names-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.names-page .names-stat{padding:14px 16px;border:1px solid rgba(145,229,255,.1);border-radius:12px;background:rgba(10,47,70,.7)}
.names-page .names-stat small{display:block;color:#719dad;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.names-page .names-stat b{display:block;margin-top:4px;color:#edfaff;font-size:18px}.names-page .names-stat span{display:block;margin-top:3px;color:#769aa8;font-size:8px}

.names-page .name-table{overflow:hidden;border:1px solid rgba(145,229,255,.14);border-radius:16px;background:rgba(7,35,53,.88);box-shadow:0 20px 55px rgba(2,20,32,.16)}
.names-page .name-row{grid-template-columns:52px minmax(150px,1.15fr) minmax(180px,1fr) 135px 100px;gap:14px;min-height:62px;padding:10px 18px;border-bottom:1px solid rgba(145,229,255,.07);color:#8db0bd;font-size:10px}
.names-page .name-row:hover:not(.head){background:rgba(91,193,232,.045)}
.names-page .name-row.head{min-height:42px;padding-block:0;background:rgba(91,193,232,.055);color:#80a8b7;font-size:8px;letter-spacing:.09em;text-transform:uppercase}
.names-page .name-row>a,.names-page .name-row>span,.names-page .name-row>b{min-width:0}
.names-page .name-link{display:flex;align-items:center;gap:10px;color:#dff6fb!important;font-weight:800;text-decoration:none}
.names-page .name-link:hover{color:#7de2ff!important}.names-page .name-profile-link{font-weight:700;color:#a8d0dc!important}
.names-page .name-row img{width:36px;height:36px;border-radius:8px;image-rendering:pixelated;box-shadow:0 5px 14px rgba(0,0,0,.18)}
.names-page .name-current,.names-page .name-old{justify-self:start;padding:5px 8px;border-radius:999px;font-size:8px!important;letter-spacing:.04em}
.names-page .name-current{background:rgba(69,190,137,.09);color:#8ce0b7!important;border:1px solid rgba(96,210,158,.15)}
.names-page .name-old{background:rgba(151,119,139,.09);color:#caa7bb!important;border:1px solid rgba(198,152,178,.12)}
.names-page .directory-empty{padding:42px 24px;border:0;background:transparent;color:#8eafbb}.names-page .directory-empty b{color:#eefaff}

.names-page .directory-note{margin:14px 0 0;padding:13px 15px;border:1px solid rgba(145,229,255,.09);border-radius:11px;background:rgba(6,31,47,.45);color:#769eac;font-size:9px;line-height:1.6}
.names-page .lvt-tools,.names-page .global-explore-btn{display:none!important}

@media(max-width:900px){
  .names-page .directory-hero{padding:52px 0 32px!important}
  .names-page .directory-hero h1{font-size:clamp(40px,8vw,58px)!important}
  .names-page .names-search-card{grid-template-columns:1fr}.names-page .directory-toolbar{min-width:0;width:100%}
  .names-page .name-row{grid-template-columns:44px minmax(120px,1fr) minmax(150px,1fr) 110px 84px;padding-inline:12px;gap:10px}
}
@media(max-width:680px){
  .names-page .directory-hero{padding:40px 0 26px!important}.names-page .directory-hero h1{font-size:42px!important}.names-page .directory-hero>div>p:last-child{font-size:12px}
  .names-page .names-stats{grid-template-columns:1fr 1fr}.names-page .names-stat:last-child{grid-column:1/-1}
  .names-page .name-table{border:0;background:transparent;box-shadow:none}.names-page .name-row.head{display:none}
  .names-page .name-row{position:relative;display:grid;grid-template-columns:40px 1fr auto;grid-template-areas:"rank name status" "rank profile status" "rank seen status";gap:3px 10px;margin-bottom:8px;padding:13px;border:1px solid rgba(145,229,255,.11);border-radius:12px;background:rgba(7,35,53,.86)}
  .names-page .name-row>span:first-child{grid-area:rank;align-self:center;color:#668c9b}.names-page .name-row>.name-link:first-of-type{grid-area:name;font-size:12px}.names-page .name-profile-link{grid-area:profile;font-size:9px}.names-page .name-profile-link img{display:none}.names-page .name-row>span:nth-of-type(2){grid-area:seen;font-size:8px}.names-page .name-row>b{grid-area:status;align-self:center}
}
