/* Shared ink-line search and an open portrait composition. */
.home-banner-v3 .banner-inner{align-items:center}
.home-lookup{align-self:center;transform:translateY(4px)}
.home-lookup .search-form,.player-page .search-form{position:relative;display:flex;align-items:center;min-height:44px;padding:0 0 8px;gap:10px;border:0;border-radius:0;background:transparent!important;box-shadow:none}
.home-lookup .search-form:after,.player-page .search-form:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#789a9e70,#70828c40 72%,transparent);pointer-events:none;opacity:.7}
.home-lookup .search-form:focus-within:after,.player-page .search-form:focus-within:after{opacity:1;background:linear-gradient(90deg,#a8bdbeaa,#8e9baf60 72%,transparent)}
.home-lookup .search-form input,.player-page .search-form input{min-width:0;flex:1;min-height:40px;padding:0;background:transparent;color:#c5d6d7;font-size:11px}
.home-lookup .search-form input::placeholder,.player-page .search-form input::placeholder{color:#849aa5;opacity:1}
.home-lookup .search-form .search-icon,.player-page .search-form .search-icon{width:15px;height:15px;flex:0 0 15px;color:#a3bbc0;opacity:.8}
.home-lookup .search-form button,.player-page .search-form button{width:36px;height:36px;min-width:36px;min-height:36px;margin:0;background:transparent!important;border:1px solid #81969b50;border-radius:50% 50% 50% 34%;box-shadow:none;color:#b8ccd0}
.home-lookup .search-form button:hover,.player-page .search-form button:hover{background:#7c9fa410!important;border-color:#a3b5af8a;color:#e1e8df}
.player-page .player-search{max-width:440px;width:100%;margin:0 auto 45px}
.player-search h2{font-size:9px;font-weight:400;color:#9bacae;letter-spacing:.15px;margin:0 0 5px}
.player-page:has(.popular-feature){padding-top:36px}
.popular-feature{max-width:790px;margin:0 auto 50px;position:relative}
.popular-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid #58707935}
.popular-heading h1,.popular-empty h2{font-size:18px;letter-spacing:-.4px;font-weight:500;color:#c3d3d1;margin:0}
.popular-controls{display:flex;align-items:center;gap:8px;color:#79949f;font-size:9px}
.popular-controls>span{margin-right:8px;font-variant-numeric:tabular-nums}
.popular-controls button{background:none;border:0;padding:8px 5px;color:#a4bdc5;font:inherit;cursor:pointer;min-height:32px}
.popular-controls button:hover{color:#e0e8e2}
.popular-controls button:focus-visible,.popular-portrait:focus-visible{outline:1px solid #a8bfc4;outline-offset:5px}
.popular-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:64px;align-items:center;padding:30px 35px 34px;min-height:380px}
.popular-portrait{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:308px;color:#718b98;text-decoration:none;isolation:isolate}
.popular-portrait:before{content:'';position:absolute;inset:30px -18px 22px;z-index:-1;background:radial-gradient(ellipse,#536e8423,transparent 70%);border-radius:50%;pointer-events:none}
.popular-portrait .portrait-skin{display:block;width:198px;height:313px;max-width:100%}
.popular-portrait .skin{width:100%;height:100%;overflow:visible;margin:0;filter:drop-shadow(0 8px 12px #020a1155);transform:none!important;transition:none!important;animation:none!important}
.popular-orbit{position:absolute;font-size:20px;right:15px;top:26px;color:#8b9caf85;transform:rotate(-12deg)}
.popular-caption{font-size:9px;letter-spacing:.5px;margin-top:14px;color:#718792}
.popular-eyebrow{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#8e9ca1}
.popular-info{min-width:0;padding-top:9px}
.popular-info h2{font-size:37px;font-weight:500;letter-spacing:-1.2px;margin:10px 0 9px;color:#d2dfde;overflow-wrap:anywhere}
.popular-info h2 a{color:inherit;text-decoration:none}
.popular-info .rank-badge{margin:0 0 13px}
.popular-views{display:flex;align-items:center;gap:7px;color:#7d99a7;font-size:10px;margin:5px 0 27px}.popular-views svg{width:13px;height:13px}
.popular-records{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0;padding-top:19px;border-top:1px solid #58707935}
.popular-records dt{display:flex;gap:6px;align-items:center;font-size:9px;color:#9bb4bc}.popular-records .item-icon{width:18px;height:18px}
.popular-records dd{font-size:24px;color:#bdcec7;margin:9px 0 0;font-variant-numeric:tabular-nums;font-weight:400}
.popular-records small{display:block;font-size:8px;color:#758f9a;line-height:1.7;margin-top:5px}
.popular-open{font-size:10px;margin-top:28px;color:#a0bac3;gap:10px}
.popular-time{height:1px;background:#41556150;position:relative;overflow:hidden;margin:0 35px}
.popular-time span{display:block;width:100%;height:1px;background:linear-gradient(90deg,#809ba8,#b1c4b5);transform:scaleX(0);transform-origin:left}
.popular-empty{text-align:center;min-height:280px;padding:62px 12px;color:#819ba7;font-size:11px}.popular-empty p{margin-top:17px}
@media(max-width:760px){.home-lookup{transform:none}.player-page .player-search{max-width:420px;margin-bottom:30px}.popular-heading h1{font-size:16px}.popular-layout{gap:25px;padding:23px 0 29px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);min-height:330px}.popular-portrait{min-height:225px}.popular-portrait .portrait-skin{width:145px;height:230px}.popular-info h2{font-size:25px;letter-spacing:-.5px}.popular-eyebrow{font-size:7px;letter-spacing:1px}.popular-orbit{right:0;top:9px;font-size:15px}.popular-caption{font-size:8px;margin-top:9px}.popular-records{gap:13px;padding-top:12px}.popular-records dd{font-size:21px}.popular-records dt{font-size:8px;gap:3px}.popular-records .item-icon{width:15px;height:15px}.popular-records small{font-size:7px}.popular-views{margin-bottom:17px;font-size:9px}.popular-time{margin:0}.popular-open{margin-top:20px}.popular-controls{gap:3px;font-size:8px}.popular-controls>span{margin-right:3px}}
@media(max-width:380px){.popular-layout{gap:18px}.popular-info h2{font-size:22px}.popular-portrait .portrait-skin{width:122px;height:196px}.popular-records{grid-template-columns:1fr;gap:13px}.popular-records dd{margin-top:4px;font-size:20px}.popular-records small{display:inline;margin-left:5px}.popular-info .rank-badge{font-size:8px}.popular-eyebrow{letter-spacing:.5px}.popular-caption{font-size:7px}.popular-info{padding-top:0}.popular-open{font-size:9px}}
@media(prefers-reduced-motion:reduce){.popular-feature *{animation:none!important;transition:none!important}}

.feature-cigar-smoke{opacity:.18;animation:feature-cigar-smoke 6s ease-in-out infinite;transform-origin:0 0}
@keyframes feature-cigar-smoke{0%,100%{opacity:.12;transform:translate(0,1px)}50%{opacity:.24;transform:translate(-1px,-1px)}}
@media(prefers-reduced-motion:reduce){.feature-cigar-smoke{animation:none}}

.profile-identity .profile-clan{margin:0;padding:0 0 13px;text-align:left}
.profile-identity .profile-clan>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:0;padding:0}
.profile-clan dt{font-size:9px;color:#7c969f;flex:none}
.profile-clan .clan-name{margin:0;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.25px;text-align:right;overflow-wrap:anywhere;min-width:0;color:#adbfc3}
@media(max-width:760px){.profile-extra .profile-clan{grid-column:2;grid-row:1;padding:0 0 10px 14px;border-left:1px solid #52656450;align-self:end}.profile-extra .connection-dates{grid-row:2}.profile-extra .profile-clan>div{gap:6px}.profile-extra .profile-clan dt{font-size:8px}.profile-extra .profile-clan .clan-name{font-size:10px}}
@media(max-width:360px){.profile-extra .profile-clan{padding-left:10px}}

@media(min-width:761px){.profile-identity .connection-dates{margin-top:0;padding-top:10px}}