
:root{--bg:#030b12;--bg2:#07131d;--panel:#081722;--line:#1d3443;--text:#f5f8fb;--muted:#89a1b2;--green:#38e66b;--cyan:#39c9ff;--gold:#d4af37;--red:#ff6d7a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;background:radial-gradient(circle at 80% 0,rgba(16,70,99,.23),transparent 28%),linear-gradient(180deg,#02080e,#06131d 45%,#030a10);min-height:100vh}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 30px));margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(2,9,15,.94);border-bottom:1px solid #1b3140;backdrop-filter:blur(14px)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:950;letter-spacing:.12em}.brand em{color:var(--gold);font-style:normal}.links{display:flex;gap:16px;align-items:center;font-size:12px;font-weight:800;color:#c9d6de}.links a:hover{color:var(--green)}.lang{border:1px solid #294b5b;border-radius:999px;padding:7px 10px}.hero{padding:48px 0 26px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--green);font-weight:950}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.04;letter-spacing:-.045em;margin:9px 0 14px}.hero h1 span{color:var(--green)}.hero p{max-width:820px;color:#9cb1bd;line-height:1.85}.panel{background:linear-gradient(180deg,rgba(10,28,40,.96),rgba(5,16,25,.96));border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 55px rgba(0,0,0,.18)}.section{padding:16px 0 34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{padding:18px}.kpi small{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em}.kpi b{font-size:30px;display:block;margin-top:5px}.kpi strong{color:var(--green);font-size:11px}.search{margin-top:18px;position:relative}.search input{width:100%;padding:15px 16px;background:#06151f;border:1px solid #294756;border-radius:10px;color:white;font-size:15px;outline:none}.search input:focus{border-color:var(--green)}.searchResults{position:absolute;left:0;right:0;top:54px;background:#06151f;border:1px solid #294756;border-radius:10px;overflow:hidden;display:none;z-index:30;max-height:360px;overflow:auto}.searchResults a{display:block;padding:11px 14px;border-bottom:1px solid #17313f}.searchResults a:hover{background:#0b202b}.searchResults small{display:block;color:var(--muted);margin-top:2px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:780px}.table th,.table td{padding:12px 13px;border-bottom:1px solid #18303d;text-align:left;font-size:11px}.table th{color:#7f98a8;font-size:9px;letter-spacing:.06em}.table tr:hover td{background:#0a1d28}.playerLink{font-weight:900}.playerLink:hover{color:var(--green)}.sig{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:9px;font-weight:900}.sig.under{color:#63f488;background:rgba(56,230,107,.10);border:1px solid rgba(56,230,107,.22)}.sig.fair{color:#f1d778;background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.18)}.sig.over{color:#ff9ba5;background:rgba(255,109,122,.09);border:1px solid rgba(255,109,122,.18)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:17px}.card h3{margin:4px 0 7px}.card p{color:var(--muted);font-size:11px;line-height:1.7}.btn{display:inline-flex;padding:10px 13px;border:1px solid #2e5264;border-radius:7px;font-size:10px;font-weight:900}.btn.primary{background:var(--green);border-color:var(--green);color:#031109}.profile{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.profileMain{padding:24px}.profileMain h1{font-size:clamp(34px,5vw,52px);margin:5px 0}.meta{color:var(--muted);font-size:12px}.valueHero{font-size:clamp(42px,7vw,70px);font-weight:950;color:var(--green);letter-spacing:-.05em;margin:18px 0 2px}.metricGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.metric{padding:13px;background:#06151f;border:1px solid #1d3b4a;border-radius:9px}.metric small{color:#7892a2;font-size:9px}.metric b{display:block;font-size:19px;margin-top:5px}.aside{padding:20px}.aside h3{margin-top:0}.aside ul{padding-left:18px;color:#9db0bc;font-size:11px;line-height:1.9}.history{margin-top:14px}.story{padding:19px;line-height:1.85;color:#c3d1d8;font-size:12px}.story strong{color:white}.crumb{font-size:10px;color:#7892a2;padding-top:18px}.crumb a:hover{color:var(--green)}.footer{margin-top:40px;border-top:1px solid #17303d;padding:26px 0 40px;color:#728b9a;font-size:10px;line-height:1.7}.footerLinks{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.note{border-left:3px solid var(--green);padding:10px 12px;background:rgba(56,230,107,.045);color:#9db1bc;font-size:10px;line-height:1.7}.rankIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.rankIntro h2{margin:0}.rankIntro p{margin:4px 0 0;color:var(--muted);font-size:11px}.topList{display:grid;gap:10px}.topItem{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:14px}.rankNo{font-weight:950;color:var(--gold)}.move{font-size:18px;font-weight:950}.move.up{color:var(--green)}.move.down{color:var(--red)}@media(max-width:820px){.links a:not(.lang){display:none}.grid,.cards,.profile{grid-template-columns:1fr}.hero{padding-top:34px}.metricGrid{grid-template-columns:1fr 1fr}.wrap{width:min(100% - 22px,1180px)}}@media(max-width:520px){.metricGrid{grid-template-columns:1fr}.hero h1{font-size:36px}.nav{height:62px}.brand{font-size:12px}.lang{font-size:10px}}
