@import url('fonts.css');
:root{--navy:#0b1730;--blue:#2456ef;--ink:#152039;--muted:#6d7788;--line:#dfe3e9;--paper:#f5f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans JP',sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #6287ff;outline-offset:4px}header{height:96px;background:white;display:flex;align-items:center;padding:0 5.5%;gap:50px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:bold 22px/.85 'Barlow Condensed',sans-serif;letter-spacing:.5px;min-width:210px}.brand-icon{display:block;width:42px;height:44px;background:var(--navy);color:white;font:bold 41px/45px 'Barlow Condensed';padding-left:9px;position:relative;transform:skew(-8deg)}.brand-icon span{font:25px sans-serif;position:absolute;right:-3px;top:-6px;color:var(--blue)}.brand-dot{color:var(--blue)}nav{display:flex;gap:28px;margin-left:auto;align-items:center}nav a{font-size:12px;font-weight:700;white-space:nowrap}nav a.active{color:var(--blue)}.lang{background:none;border:0;font:700 12px sans-serif;white-space:nowrap}.lang span{color:#9299a5}.hero{background:var(--navy);color:white;min-height:405px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.hero-content{padding:48px 0 46px 11%}.eyebrow{font:600 11px 'Noto Sans JP';letter-spacing:2px;color:#b6c4de;display:block}.eyebrow span{color:#5e82ff;margin-left:12px}.hero h1{font:800 clamp(60px,6.8vw,102px)/.88 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-1px;margin:24px 0}.hero h1 span{color:#6688ff}.hero p{font-size:13px;line-height:1.9;color:#c3cddd;margin:0 0 21px}.hero-link{display:inline-block;border-bottom:1px solid #71829d;padding:0 0 7px;font-size:12px}.pitch-art{position:relative;background:linear-gradient(115deg,transparent,#142b58);overflow:hidden}.pitch{position:absolute;border:1px solid #5372a3;width:420px;height:300px;top:48px;left:80px;transform:rotate(-19deg) skew(-9deg);opacity:.5;background:repeating-linear-gradient(90deg,transparent 0 60px,#24416b44 60px 120px)}.half{height:100%;border-left:1px solid #6d8fc1;position:absolute;left:50%}.circle{width:96px;height:96px;border:1px solid #6d8fc1;border-radius:50%;position:absolute;left:calc(50% - 48px);top:calc(50% - 48px)}.box{border:1px solid #6d8fc1;position:absolute;top:65px;height:170px;width:66px}.b1{left:-1px}.b2{right:-1px}.dot{position:absolute;width:12px;height:12px;border:3px solid #e0e8ff;background:#537fff;border-radius:50%;box-shadow:0 0 0 8px #7597ff20}.d1{left:80px;top:100px}.d2{left:200px;top:70px}.d3{left:260px;top:180px}.d4{left:125px;top:230px}.d5{left:345px;top:110px}.art-caption{position:absolute;bottom:42px;right:10%;font:700 29px/.95 'Barlow Condensed';color:#b9c9e5}.art-index{position:absolute;left:65px;bottom:22px;letter-spacing:2px;font:10px monospace;color:#7992ba}.scope-strip{background:#12213c;color:#98aac7;display:flex;justify-content:space-between;padding:14px 5.5%;gap:20px;font:600 11px 'Barlow Condensed';letter-spacing:1.5px}.quick{margin:28px 5.5% 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick a{background:white;border:1px solid var(--line);padding:20px 22px;display:flex;align-items:center;gap:16px;transition:.2s}.quick a:hover{border-color:var(--blue);transform:translateY(-2px)}.quick .badge{width:38px;height:38px;display:grid;place-items:center;background:#f0f3fa;border-radius:50%;font-size:17px}.quick small{display:block;font:600 10px 'Barlow Condensed';letter-spacing:1.6px;color:var(--muted);margin-bottom:4px}.quick strong{font-size:14px}.arrow{margin-left:auto;color:var(--blue);font-size:20px}.directory,.leagues-section{margin:58px 5.5%}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.dark{color:var(--blue)}h2{font-size:25px;letter-spacing:1px;margin:8px 0 0}.section-head p{font-size:12px;color:var(--muted);margin:8px 0 0}.edition{font:10px monospace;color:#8892a2;letter-spacing:1px}.search-wrap{height:70px;background:white;border:1px solid #aab7cf;display:flex;align-items:center;padding:0 24px;gap:18px;box-shadow:0 3px 10px #10204404}.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #2456ef22}.search-icon{width:18px;height:18px;border:2px solid var(--ink);border-radius:50%;position:relative;flex-shrink:0}.search-icon:after{content:'';width:8px;border-top:2px solid var(--ink);position:absolute;right:-6px;bottom:-3px;transform:rotate(45deg)}input{border:0;outline:none;min-width:0;width:100%;font-size:15px;background:transparent}.search-hint{font-size:10px;white-space:nowrap;color:var(--muted)}.filter-row{display:flex;gap:12px;margin-top:16px;align-items:end}.gender{display:flex;background:#e8ecf2;padding:4px;align-self:end}.gender button{border:0;background:transparent;padding:10px 16px;font-size:12px;white-space:nowrap;color:#697385}.gender button.active{background:var(--navy);color:white}.filter-row label{flex:1;font-size:10px;color:var(--muted)}.filter-row label>span{display:block;margin-bottom:6px}.filter-row select{width:100%;background:white;border:1px solid var(--line);height:42px;padding:0 10px;color:var(--ink);font-size:12px}.reset{border:0;background:none;font-size:11px;height:42px;color:var(--muted);white-space:nowrap}.results-top{display:flex;justify-content:space-between;margin:30px 0 15px;font-size:11px;color:var(--muted)}.results-top b{font:700 25px 'Barlow Condensed';color:var(--ink);margin-right:4px}.table-head,.player-row{display:grid;grid-template-columns:2.1fr 1.2fr 1.2fr 30px;gap:20px;align-items:center}.table-head{padding:14px 20px;font:600 10px 'Barlow Condensed';letter-spacing:1.5px;color:#7b8798;border-top:1px solid var(--line)}.player-row{background:white;border-top:1px solid var(--line);padding:20px;min-height:99px}.player-row:hover{background:#f9fbff}.player-info{display:flex;align-items:center;gap:16px}.shirt{background:#edf1f9;color:#60718d;clip-path:polygon(25% 0,38% 7%,62% 7%,75% 0,100% 22%,85% 42%,75% 35%,75% 100%,25% 100%,25% 35%,15% 42%,0 22%);width:44px;height:44px;display:grid;place-items:center;font:700 17px 'Barlow Condensed';flex-shrink:0}.player-name{border:0;background:none;padding:0;font-weight:700;font-size:15px;color:var(--ink);text-align:left}.en-name{font:500 11px 'Barlow Condensed';letter-spacing:1px;color:#778296;margin-top:3px}.club-line{font-size:10px;color:#6b7688;margin-top:6px}.club-line .position{display:inline-block;color:var(--blue);margin-left:7px;font:600 10px 'Barlow Condensed'}.sns{font-size:12px}.sns a{display:inline-flex;align-items:center;gap:7px}.sns a:hover{color:var(--blue)}.sns small{display:block;font-size:9px;color:#8992a1;margin-top:6px}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#818b9b}.status:before{content:'';height:5px;width:5px;background:#b4bdca;border-radius:50%}.ig{width:15px;height:15px;border:1.5px solid currentColor;border-radius:4px;display:inline-block;position:relative}.ig:after{content:'';position:absolute;border:1px solid currentColor;border-radius:50%;width:5px;height:5px;top:3px;left:3px}.x{font:16px sans-serif}.row-detail{border:0;background:none;font-size:18px;color:#8491a5}.empty{padding:60px 20px;text-align:center;background:white;color:var(--muted)}.directory-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted);line-height:1.8}.directory-bottom a{font:600 10px 'Barlow Condensed';letter-spacing:1px;white-space:nowrap}.league-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.league-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;padding:22px;text-align:left;display:flex;align-items:center;gap:15px}.league-card:hover{background:#edf2ff}.league-mark{font:800 24px 'Barlow Condensed';color:var(--navy);width:46px}.league-card strong{font-size:12px}.league-card small{display:block;font:10px 'Barlow Condensed';letter-spacing:1px;color:var(--muted);margin-top:5px}.trust{background:var(--navy);color:white;margin:60px 5.5%;padding:35px 40px;display:grid;grid-template-columns:1fr 1.2fr;gap:35px}.trust h2{font-size:21px;line-height:1.7}.trust p{font-size:12px;color:#b9c5d8;line-height:2;margin:0}.trust a{display:inline-block;margin-top:12px;font-size:11px;border-bottom:1px solid #667998;padding-bottom:5px}footer{padding:30px 5.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font:700 20px 'Barlow Condensed'}footer p{font-size:10px;color:var(--muted);max-width:400px;line-height:1.8}footer>span{font:9px monospace;color:#8b94a3}dialog{border:0;padding:40px;max-width:560px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#071329aa}#close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}dialog p{line-height:1.9;font-size:13px}dialog .sns{margin:25px 0}dialog h2{padding-right:15px}
@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1000px){header{gap:15px;padding:0 4%}.brand{min-width:175px}nav{gap:16px}nav a{font-size:10px}.filter-row{flex-wrap:wrap}.gender{width:100%}.filter-row label{min-width:120px}.hero-content{padding-left:9%}.pitch{left:20px}.search-hint{display:none}.table-head,.player-row{grid-template-columns:1.7fr 1.2fr 1fr 20px;gap:12px}.sns{font-size:10px}.quick a{padding:15px 12px}.quick strong{font-size:12px}}
@media(max-width:650px){header{height:auto;min-height:82px;flex-wrap:wrap;padding:18px 5% 0;gap:18px}.brand{font-size:20px}.brand-icon{width:34px;height:36px;font-size:34px;line-height:37px}.lang{margin-left:auto}nav{order:3;overflow:auto;width:100%;margin:0;gap:25px;padding:0 0 15px}nav a{font-size:11px}.hero{min-height:340px;grid-template-columns:1fr;position:relative}.hero-content{padding:35px 6%;position:relative;z-index:1}.hero h1{font-size:67px}.hero p{font-size:11px;max-width:270px}.pitch-art{position:absolute;inset:0;opacity:.45;left:40%}.pitch{left:20px;top:70px;width:310px;height:230px}.art-caption,.art-index{display:none}.scope-strip{padding:12px 5%;font-size:9px;line-height:1.6;display:block}.scope-strip span{display:block}.quick{margin:18px 5% 0;gap:6px}.quick a{padding:13px 8px;display:block;position:relative}.quick .badge{width:27px;height:27px;font-size:13px;margin-bottom:10px}.quick small{font-size:8px;letter-spacing:.7px}.quick strong{font-size:10px}.quick .arrow{position:absolute;top:15px;right:9px;font-size:15px}.directory,.leagues-section{margin:36px 5%}.section-head{margin-bottom:19px}.eyebrow{font-size:9px;letter-spacing:1.4px}h2{font-size:22px}.edition{display:none}.section-head p{font-size:10px}.search-wrap{height:60px;padding:0 18px}input{font-size:12px}.filter-row{gap:8px}.gender button{padding:9px 17px}.filter-row label{min-width:0;flex:1}.filter-row select{font-size:10px;padding:0 5px}.reset{margin-left:auto;height:25px}.results-top{margin-top:16px;align-items:center;gap:12px}.results-top>span:last-child{font-size:9px}.table-head{display:none}.player-row{grid-template-columns:1fr 1fr 16px;gap:16px 10px;padding:18px 14px}.player-info{grid-column:1/3;gap:12px}.row-detail{grid-column:3;grid-row:1}.sns{font-size:11px;padding-left:3px}.player-row .sns small{font-size:9px}.shirt{width:37px;height:39px}.player-name{font-size:14px}.en-name{font-size:10px}.club-line{font-size:10px}.directory-bottom{font-size:9px;gap:20px}.league-grid{grid-template-columns:repeat(2,1fr)}.league-card{padding:18px 12px;gap:7px}.league-mark{font-size:21px;width:28px}.league-card strong{font-size:10px}.league-card small{font-size:9px}.league-card .arrow{display:none}.trust{margin:36px 5%;padding:25px;grid-template-columns:1fr;gap:20px}.trust h2{font-size:19px}.trust p{font-size:11px}footer{display:block;padding:25px 5%}footer p{margin:16px 0}dialog{padding:30px 24px}}