:root{--bg:#F4F7FA;--paper:#fff;--soft:#EAF1F6;--mist:#E9F8F8;--nav:#102E46;--deep:#163C57;--cyan:#13B8C5;--blue:#237BD3;--title:#18364B;--body:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);overflow-wrap:break-word}body.menu-open{overflow:hidden}a{color:#1369AF;text-underline-offset:3px}a:hover{color:#087B88}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{max-width:100%}.container{width:min(100% - 56px,1200px);margin-inline:auto}h1,h2,h3{color:var(--title);line-height:1.38;margin:0 0 .75em}h1{font-size:clamp(32px,3vw,36px)}h2{font-size:clamp(24px,2.2vw,28px)}h3{font-size:20px}p{margin:0 0 1.1em}section{scroll-margin-top:18px}article,section,aside,figure,.container>div{min-width:0}figure{margin:0}ul,ol{padding-left:1.3em}li{margin:.4em 0}small,.eyebrow,.kicker{font-size:13px;color:var(--muted)}.eyebrow,.kicker{letter-spacing:.13em;text-transform:uppercase;font-weight:700}.skip-link{position:absolute;left:12px;top:-70px;z-index:50;background:white;padding:8px}.skip-link:focus{top:8px}.brand-bar{background:#fff;border-bottom:1px solid var(--line)}.brand-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none}.brand img{display:block;width:auto;height:auto;max-height:38px;max-width:min(260px,40vw);object-fit:contain}.brand-fallback{font-size:23px;font-weight:800;line-height:1;color:var(--deep);white-space:nowrap}.brand-fallback small{display:block;font-size:10px;letter-spacing:.16em;margin-top:5px}.brand-tagline{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.register-link{margin-left:auto;padding:8px 22px;border-radius:9px;background:var(--deep);color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.register-link:hover{background:#0F5971;color:#fff}.desktop-nav{background:var(--nav)}.nav-inner{height:50px;display:flex;justify-content:space-between;align-items:stretch;gap:8px}.nav-inner a{display:grid;place-items:center;padding:0 10px;color:#E5F2FA;text-decoration:none;font-size:15px;white-space:nowrap;position:relative}.nav-inner a:hover,.nav-inner a.is-active{color:#fff;font-weight:700}.nav-inner a.is-active:after{content:"";position:absolute;height:3px;width:28px;background:var(--cyan);bottom:0;left:calc(50% - 14px)}.menu-toggle,.mobile-shortcuts,.mobile-drawer,.menu-overlay,.drawer-close,.nojs-nav{display:none}.page-space{padding:34px 0 74px}.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center;margin-bottom:26px}.breadcrumb a{text-decoration:none}.page-intro{max-width:910px;margin-bottom:40px}.page-intro p{font-size:17px;max-width:870px}.page-intro .eyebrow{margin-bottom:9px}.panel{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.section-block{margin-top:56px}.article-narrow{max-width:790px}.lead{font-size:18px;line-height:1.8}.muted{color:var(--muted)}.pill-link,.text-action{font-weight:700;text-decoration:none}.pill-link{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--deep);color:#fff;padding:10px 17px;min-height:44px}.pill-link:hover{color:#fff;background:#0d5977}.text-action:after{content:' →'}.media-frame{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:14px;max-width:100%;min-width:0}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit,220px);object-fit:contain;object-position:center}.media-frame--hero{--media-limit:310px}.media-frame--feature{--media-limit:250px}.media-frame--card{--media-limit:185px}.media-frame--article{--media-limit:220px}.media-frame--banner{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-missing{min-height:110px;max-height:var(--media-limit,220px);background:repeating-linear-gradient(135deg,#EAF1F6,#EAF1F6 16px,#E4EEF4 16px,#E4EEF4 32px);color:#607D8F;font-size:13px}.media-frame--hero.media-missing{min-height:180px}.media-frame--mobile.media-missing{min-height:220px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split-strong{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:42px;align-items:start}.split-aside{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:46px}.editorial-rule{border-top:1px solid var(--line);padding-top:22px}.section-label{border-left:4px solid var(--cyan);padding-left:13px}.section-jump{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 37px}.section-jump a{display:inline-flex;padding:7px 13px;border:1px solid #BFD5E0;border-radius:8px;background:white;text-decoration:none;font-weight:700;font-size:14px}.fact-box{background:var(--mist);border-left:4px solid var(--cyan);padding:18px 22px;border-radius:0 10px 10px 0}.fact-box h3{font-size:17px}.fact-box ul{margin-bottom:0}.number-flow{list-style:none;counter-reset:flow;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.number-flow li{margin:0;background:white;border:1px solid var(--line);padding:18px;border-top:4px solid var(--cyan);border-radius:9px}.number-flow li:before{counter-increment:flow;content:counter(flow,decimal-leading-zero);display:block;font-size:24px;font-weight:800;color:#167B94}.number-flow strong{display:block;color:var(--title)}.readable-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:10px;background:white}.readable-table table{width:100%;border-collapse:collapse;min-width:590px;font-size:15px}.readable-table caption{text-align:left;padding:15px;font-size:14px;color:var(--muted);caption-side:top}.readable-table th,.readable-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}.readable-table thead{background:#DCECF4;color:var(--title)}.readable-table tr:last-child td{border-bottom:0}.related{margin-top:62px;border-top:1px solid #AEC8D5;padding-top:28px}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 16px;text-decoration:none;font-weight:700}.site-footer{background:var(--footer);color:#DCECF5;padding:50px 0 20px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:65px}.footer-inner strong{display:block;color:white;margin:10px 0}.footer-inner p{max-width:600px;font-size:14px}.footer-brand img{max-height:35px;max-width:210px;object-fit:contain}.footer-brand .brand-fallback{color:white}.site-footer h2{font-size:19px;color:white}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.footer-links a{color:#DCECF5;font-size:14px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{padding-top:18px;border-top:1px solid #315066;font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.back-top{position:fixed;bottom:20px;right:20px;z-index:12;width:42px;height:42px;border:0;border-radius:50%;background:var(--deep);color:#fff;cursor:pointer}.back-top[hidden]{display:none}.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:45px;align-items:center;padding:28px 0 34px}.home-hero h1{font-size:clamp(38px,3.6vw,44px)}.home-hero p{font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-actions a:last-child{background:#E0F4F4;color:var(--deep);border:1px solid #B4DADA}.topic-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 46px}.topic-item{padding:18px 0;border-bottom:1px solid var(--line)}.topic-item h3{margin:0 0 7px}.topic-item p{font-size:15px;margin-bottom:7px}.focus-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.focus-primary{background:var(--deep);color:#DCECF5;padding:32px;border-radius:13px}.focus-primary h3{font-size:24px;color:#fff}.focus-primary a{color:#8CECF2}.focus-side article+article{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.focus-side h3{font-size:19px}.rule-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.rule-notes article{padding:20px;border:1px solid var(--line);background:white;border-radius:10px}.rule-notes article:nth-child(2){margin-top:26px}.rule-notes article:nth-child(3){margin-top:52px}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.timeline article{padding-left:16px;border-left:3px solid var(--cyan)}.timeline strong{color:var(--title)}.sports-sidebar{position:sticky;top:18px}.sports-sidebar li{font-size:14px}.football-steps{display:grid;gap:16px;counter-reset:steps}.football-steps article{position:relative;padding:18px 22px 18px 78px;background:white;border:1px solid var(--line);border-radius:10px}.football-steps article:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:18px;top:14px;font-size:28px;font-weight:800;color:#178699}.football-steps h3{margin-bottom:6px}.comparison-strips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.comparison-strips article{padding:20px;background:var(--soft);border-top:3px solid var(--cyan)}.esports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.esports-grid article{padding:23px;background:white;border:1px solid var(--line);border-radius:12px}.esports-grid article:nth-child(2){background:var(--mist)}.exhibit{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:24px 0 38px}.exhibit:nth-of-type(even) .media-frame{grid-column:2;grid-row:1}.exhibit:nth-of-type(even) .exhibit-text{grid-column:1;grid-row:1}.exhibit h3{margin-bottom:8px}.pullquote{border-top:2px solid var(--cyan);border-bottom:1px solid var(--line);padding:24px 0;margin:26px 0;font-size:21px;line-height:1.6;color:var(--deep);font-weight:700}.rules-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:43px;align-items:start}.rules-toc{position:sticky;top:20px;background:var(--soft);padding:20px;border-radius:10px}.rules-toc a{display:block;margin:10px 0}.rules-layout .section-block:first-child{margin-top:0}.faq-list details{background:white;border:1px solid var(--line);border-radius:9px;padding:13px 19px;margin:10px 0}.faq-list summary{color:var(--title);font-weight:700;cursor:pointer}.faq-list details p{margin:9px 0 2px}.about-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:42px}.about-menu{align-self:start;background:#EAF1F6;border-radius:12px;padding:20px}.about-menu a{display:block;margin:11px 0}.about-content .section-block:first-child{margin-top:0}.about-content .media-frame--mobile{margin:0 auto}.notice{background:#E9F8F8;padding:20px 24px;border-left:4px solid var(--cyan);border-radius:0 9px 9px 0}
@media(max-width:1024px){.container{width:calc(100% - 44px)}.brand-tagline{font-size:12px}.nav-inner a{padding:0 6px;font-size:14px}.split-aside{grid-template-columns:minmax(0,1fr) 220px;gap:25px}}
@media(max-width:920px){.brand-inner{height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.brand{justify-self:center;max-width:100%}.brand img{max-height:30px;max-width:min(240px,40vw)}.brand-fallback{font-size:17px}.brand-fallback small{font-size:8px}.brand-tagline,.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:40px;width:40px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.menu-toggle span{display:block;height:2px;width:19px;background:var(--deep)}.register-link{font-size:12px;padding:8px 11px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-drawer{display:block;position:fixed;top:0;bottom:0;left:0;z-index:42;width:min(86vw,340px);max-width:100%;background:#fff;overflow-y:auto;transform:translateX(-102%);transition:transform .24s ease;visibility:hidden;pointer-events:none;box-shadow:8px 0 28px #06152122}.menu-overlay{display:block;position:fixed;inset:0;z-index:41;background:#071D2CB3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.menu-open .mobile-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.menu-open .menu-overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);color:var(--title)}.drawer-close{display:block;border:0;background:var(--soft);width:40px;height:40px;font-size:27px;border-radius:8px;cursor:pointer}.drawer-group{padding:14px 20px;border-bottom:1px solid var(--line)}.drawer-group p{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin:0 0 8px}.drawer-group a{display:block;padding:9px 11px;text-decoration:none;color:var(--title);border-radius:7px}.drawer-group a.is-active{background:var(--mist);font-weight:700;border-left:3px solid var(--cyan)}.nojs-nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px 22px;background:#EAF1F6}.nojs-nav a{padding:4px 8px}.mobile-shortcuts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:18px 0}.mobile-shortcuts a{font-size:13px;text-decoration:none}.footer-inner{gap:25px}}
@media(max-width:760px){.two-col,.split-strong,.split-aside,.focus-grid,.rules-layout,.about-layout,.exhibit{grid-template-columns:minmax(0,1fr)}.sports-sidebar,.rules-toc{position:static}.exhibit:nth-of-type(even) .media-frame,.exhibit:nth-of-type(even) .exhibit-text{grid-column:auto;grid-row:auto}.exhibit .exhibit-text{order:0}.exhibit .media-frame{order:1}.number-flow,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-strips,.esports-grid{grid-template-columns:1fr}.home-hero{grid-template-columns:1fr;gap:20px}.home-hero .media-frame{order:2}.rule-notes{grid-template-columns:1fr}.rule-notes article:nth-child(n){margin-top:0}.footer-inner{grid-template-columns:1fr}.page-space{padding-bottom:45px}.section-block{margin-top:42px}}
@media(max-width:640px){.container{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}h1{font-size:clamp(25px,7vw,29px)}.home-hero h1{font-size:clamp(27px,7.6vw,32px)}h2{font-size:clamp(20px,5.8vw,23px)}h3{font-size:18px}.home-hero{padding-top:14px}.home-hero p,.page-intro p{font-size:15px}.page-space{padding-top:20px}.section-block{margin-top:36px}.panel{padding:18px}.topic-directory{grid-template-columns:1fr}.focus-primary{padding:22px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--article{--media-limit:175px}.media-frame--banner{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--hero.media-missing{min-height:145px}.number-flow,.timeline{grid-template-columns:1fr}.hero-actions a{flex:1 1 140px}.readable-table table{font-size:14px}.footer-bottom{display:block}.site-footer{padding-top:32px}.brand img{max-width:min(185px,38vw)}.register-link{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
