:root{--blue:#35bdf8;--pink:#ff73b6;--ink:#17304f;--muted:#64748b;--line:rgba(53,189,248,.25);--surface:#fff;--shadow:0 16px 42px rgba(35,119,170,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(180deg,#fff,#f1fbff 48%,#fff7fc);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}nav,main,footer{width:min(1040px,100%);margin:auto}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:950}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--pink));color:#fff;font-size:9px}.links{display:flex;gap:6px;overflow:auto}.links a{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 10px;text-decoration:none;font-size:10px;font-weight:900}.links .active{background:linear-gradient(90deg,#e1f7ff,#fff0f8)}main{padding:0 16px 64px}.hero{position:relative;overflow:hidden;padding:42px 0 28px;border-bottom:1px solid var(--line)}.hero:before,.hero:after{content:"";position:absolute;left:-20%;right:-20%;height:2px;background:linear-gradient(90deg,transparent,var(--pink),var(--blue),transparent);background-size:38% 100%;animation:rankingSweep 6s linear infinite}.hero:before{top:14px}.hero:after{bottom:8px;animation-direction:reverse}.eyebrow{margin:0 0 8px;color:#a82763;font-size:10px;font-weight:950}.hero h1{margin:0;font-size:clamp(34px,7vw,64px);line-height:1.03;letter-spacing:0}.hero h1 span{background:linear-gradient(90deg,#0ea5e9,#ff5fab);-webkit-background-clip:text;color:transparent}.hero p{max-width:700px;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 10px}.tabs{display:flex;gap:6px;overflow:auto}.tabs button,#rankingAll{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 11px;font-size:10px;font-weight:950}.tabs button.active{border-color:rgba(255,115,182,.45);background:linear-gradient(90deg,#fff0f8,#e1f7ff);color:#0f6f9f}.search{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:900}.search input{width:170px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px}.ranking-shell{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.ranking-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f7fdff,#fff8fc)}.ranking-head h2{margin:0;font-size:21px}.ranking-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.ranking-columns,.ranking-row{display:grid;grid-template-columns:58px minmax(0,1fr) 100px 80px;align-items:center;gap:8px}.ranking-columns{padding:8px 14px;color:var(--muted);font-size:8px;font-weight:950}.ranking-row{position:relative;width:100%;border:0;border-top:1px solid rgba(53,189,248,.12);background:#fff;padding:10px 14px;text-align:left;animation:rankingIn .35s both}.ranking-row:hover{background:#f7fdff}.ranking-row.japan{background:linear-gradient(90deg,#fff4f7,#fff,#edfaff)}.ranking-row.japan:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#bc002d}.rank-number{font-size:20px;font-weight:1000;font-variant-numeric:tabular-nums}.rank-team{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-width:0}.rank-team img{width:31px;height:23px;object-fit:cover;border:1px solid rgba(23,48,79,.08);border-radius:3px}.rank-team strong,.rank-team small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-team strong{font-size:12px}.rank-team small{margin-top:2px;color:var(--muted);font-size:8px}.rank-points{font-size:12px;font-weight:950;font-variant-numeric:tabular-nums}.rank-move{font-size:10px;font-weight:950}.rank-move.up{color:#078262}.rank-move.down{color:#c12d4d}.empty{padding:32px;color:var(--muted);text-align:center;font-size:11px}.source{margin:10px 2px;color:var(--muted);font-size:9px}.source a{color:#0f6f9f;font-weight:900}footer{padding:25px 16px 44px;color:var(--muted);font-size:9px}@keyframes rankingSweep{to{background-position:200% 0}}@keyframes rankingIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:620px){main{padding-inline:9px}.hero{padding-top:34px}.hero h1{font-size:40px}.ranking-toolbar{align-items:stretch;flex-direction:column}.search{justify-content:space-between}.search input{width:min(72vw,250px)}.ranking-columns,.ranking-row{grid-template-columns:43px minmax(0,1fr) 72px 50px;padding-inline:9px}.rank-number{font-size:17px}.ranking-head{align-items:flex-start}.ranking-head h2{font-size:18px}.links a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}