*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{margin:0;background:radial-gradient(ellipse 50% 25% at 85% 0%,#1b2754a0,transparent 80%),#090e18;color:#f2f6ff;min-height:100vh}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip{position:absolute;left:-100vw}.skip:focus{left:10px;top:10px;background:#fff;color:#000;z-index:100}
.container{width:min(1280px,calc(100% - 48px));margin:auto}.crumb{display:flex;gap:12px;margin:27px 0;color:#8295b4;font-size:12px}.crumb strong{font-weight:550;color:#c5d7f3}
.intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden;border:1px solid #334468;border-radius:24px;padding:58px clamp(25px,5vw,65px);background:radial-gradient(circle at 88% 30%,#53509660,transparent 46%),linear-gradient(110deg,#142541,#142033 65%,#241b3b)}
.intro-text{position:relative;z-index:1;max-width:690px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.15em;color:#95beff}
.intro h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.06em;line-height:1.05;margin:23px 0}.intro h1 em{font-style:normal;background:linear-gradient(110deg,#6eb8ff,#b091ff);background-clip:text;color:transparent}.intro p{color:#c3d1e6;max-width:620px;font-size:15px;line-height:1.75}
.intro-note{border:1px solid #5c5472;background:#292a4680;padding:13px 18px;border-radius:12px;color:#d8d1ff;font-size:12px;line-height:1.6;max-width:620px;margin-top:28px}
.intro-art{flex:none;position:relative;width:275px;height:260px;display:grid;place-items:center}.intro-art .orbit,.intro-art .orbit-two{position:absolute;width:225px;height:225px;border:1px solid #8198ff50;border-radius:50%;transform:rotate(-25deg) scaleY(.67)}.intro-art .orbit-two{transform:rotate(55deg) scaleY(.67)}
.intro-art img{position:absolute;border:1px solid #7a90e355;background:#2b3e67;border-radius:22px;box-shadow:0 12px 42px #0005}.intro-art img:nth-of-type(1){transform:translate(-72px,22px) rotate(-14deg)}.intro-art img:nth-of-type(2){transform:translate(60px,-47px) rotate(9deg)}.intro-art img:nth-of-type(3){transform:translate(95px,70px) rotate(-3deg)}.intro-art span{position:absolute;bottom:0;left:0;letter-spacing:.32em;font-size:10px;color:#aabbfc}
.directory{margin:42px 0 85px}.directory-head{display:flex;justify-content:space-between;align-items:center;gap:22px}.directory-head h2{font-size:clamp(26px,3vw,35px);margin:10px 0 5px;letter-spacing:-.04em}.directory-head h2 span{font-size:13px;border-radius:100px;padding:4px 11px;color:#b3d4ff;background:#1d314f;vertical-align:middle;white-space:nowrap}.directory-head p{color:#9badc7;font-size:13px}.my-profile{white-space:nowrap;border:1px solid #4a6288;background:#1a2b44;padding:13px 16px;border-radius:10px;font-size:12px;font-weight:800}.my-profile:hover{background:#293b57}
.filters{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px;margin:25px 0 20px;background:#101b2c;border:1px solid #2d3d58;border-radius:16px}.search-field{display:flex;align-items:center;gap:12px;flex:1;max-width:610px;background:#0c1523;border:1px solid #3c4c69;border-radius:11px;padding:0 15px}.search-field span{font-size:25px;color:#86aef8}.search-field input{min-width:0;flex:1;background:transparent;border:0;color:white;outline:0;padding:14px 0;font-size:14px}.sort-field{font-size:12px;color:#9aaeca;display:flex;align-items:center;gap:10px}.sort-field select{border-radius:10px;border:1px solid #3d5070;background:#1d2b40;color:#edf4ff;padding:12px;max-width:160px}
.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.player-card{padding:21px;border:1px solid #2b3d58;border-radius:18px;background:linear-gradient(155deg,#152037,#101722);transition:border-color .2s,transform .2s}.player-card:hover{border-color:#698edc;transform:translateY(-3px)}.player-card-top{display:flex;align-items:center;gap:14px}.player-card img{width:64px;height:64px;border:1px solid #6074ac;border-radius:16px;background:#243b66}.player-card-name{min-width:0}.player-card-name strong{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card-name small{display:block;color:#95baff;margin-top:6px;font-size:12px}.player-card>p{min-height:52px;color:#a7b7d0;line-height:1.5;font-size:13px;margin:17px 0}.player-card-stats{border-top:1px solid #263651;display:flex;gap:18px;padding-top:16px;color:#bacded;font-size:12px;flex-wrap:wrap}.player-card-stats b{color:#f1f5ff}.player-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.player-card-bottom small{color:#748fb4;font-size:11px}.visit{color:white;background:linear-gradient(115deg,#3b83d6,#6655db);padding:10px 13px;font-size:12px;font-weight:800;border-radius:9px}.visit:hover{filter:brightness(1.12)}
.status{padding:30px;text-align:center;color:#9cafd0}.status:empty{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:26px;color:#9aaecd;font-size:12px}.pagination button{color:#eaf1ff;padding:11px 17px;border:1px solid #3c4f6d;border-radius:10px;background:#15233a;cursor:pointer}.pagination button:disabled{opacity:.3;cursor:not-allowed}.trust{color:#93a6c0;font-size:12px;text-align:center;margin:35px auto;line-height:1.6}.trust a{text-decoration:underline;color:#a6c7ff}
.site-footer{border-top:1px solid #233148;padding:26px max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;color:#abbad2}.site-footer strong{color:white}.site-footer p{font-size:11px}.site-footer nav{display:flex;gap:16px;font-size:12px}.site-footer a:hover{color:white}
@media(max-width:940px){.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-art{width:195px}.intro-art img{width:65px;height:65px}}
@media(max-width:650px){.container{width:calc(100% - 25px)}.intro{padding:34px 24px}.intro-art{display:none}.filters,.directory-head{flex-direction:column;align-items:stretch}.search-field{max-width:none}.sort-field{justify-content:space-between}.player-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{flex-wrap:wrap}.intro h1{font-size:36px}}