:root{--bg:#F4F7FA;--white:#fff;--soft:#EAF1F6;--mint:#E9F8F8;--navy:#102E46;--dark:#163C57;--teal:#13B8C5;--blue:#237BD3;--title:#18364B;--body:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539;--footer-text:#DCECF5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:break-word}body.drawer-open{overflow:hidden}img{max-width:100%;height:auto}a{color:#1265a7;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087e9b;outline-offset:4px}h1,h2,h3{color:var(--title);line-height:1.36;margin:0 0 .65em}h1{font-size:clamp(2rem,3vw,2.25rem)}h2{font-size:clamp(1.45rem,2.1vw,1.75rem)}h3{font-size:1.22rem}p{margin:0 0 1.15em}ul,ol{padding-left:1.5em;margin:0 0 1.2em}li+li{margin-top:.35em}.container{width:min(100% - 56px,1200px);margin-inline:auto}.reading{max-width:790px}.section-space{margin-block:60px}.section-space-sm{margin-block:40px}.eyebrow{display:block;color:#077c8c;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.lead{font-size:17px;color:#455f71;max-width:850px}.muted{color:var(--muted)}.section-intro{max-width:780px;margin-bottom:27px}.text-link{display:inline-block;font-weight:700;border-bottom:2px solid var(--teal);padding-bottom:2px}.dark-button,.teal-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border-radius:10px;font-weight:700;background:var(--navy);color:white}.dark-button:hover,.teal-button:hover{background:#215574;color:white;text-decoration:none}.teal-button{background:#087f8a}.plain-button{display:inline-flex;min-height:44px;align-items:center;padding:8px 4px;font-weight:700}.button-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.skip-link{position:absolute;top:-80px;left:10px;background:#fff;color:#000;padding:8px;z-index:300}.skip-link:focus{top:10px}
.brand-bar{background:#fff;border-bottom:1px solid var(--line)}.brand-inner{height:72px;display:flex;align-items:center;gap:20px;min-width:0}.brand-link{display:flex;align-items:center;flex-shrink:0;max-width:240px}.brand-caption{font-size:13px;color:var(--muted);margin:0;white-space:nowrap}.brand-caption span{color:#9eb0bd;margin-inline:8px}.entry-link{margin-left:auto;min-height:42px;padding:8px 18px;border-radius:9px;background:var(--dark);color:#fff;font-weight:700;white-space:nowrap;display:flex;align-items:center}.entry-link:hover{background:#285875;text-decoration:none}.desktop-nav{background:var(--navy)}.nav-row{min-height:50px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:4px}.desktop-nav a{min-width:0;display:flex;align-items:center;justify-content:center;position:relative;color:#e2f0f6;text-align:center;font-size:14px;font-weight:500;padding:12px 3px;white-space:nowrap}.desktop-nav a:hover{background:rgba(255,255,255,.08);text-decoration:none}.desktop-nav .is-current{color:#fff;font-weight:800}.desktop-nav .is-current:after{content:"";position:absolute;bottom:0;left:28%;width:44%;height:3px;background:var(--teal)}.menu-toggle{display:none}.mobile-drawer,.drawer-backdrop{visibility:hidden;pointer-events:none}.nojs-nav{display:none}
.media-frame{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;margin:0;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:14px}.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--wide{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-frame--logo{padding:0;border:0;background:transparent;--media-limit:38px;justify-content:flex-start}.media-frame--logo img{max-height:38px;max-width:215px}.media-frame--missing{min-height:90px;color:#677f90;font-size:13px;text-align:center}.media-frame--missing.media-frame--logo{min-width:112px;min-height:34px}.media-frame--missing.media-frame--hero{min-height:175px}.media-frame--missing.media-frame--feature{min-height:120px}.media-frame--missing.media-frame--mobile{min-height:170px}.footer-logo{display:inline-flex;max-width:230px}.footer-logo .media-frame--logo{background:#fff;border-radius:5px;padding:6px 10px}
.cover{padding:54px 0 26px}.cover-grid{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:45px;align-items:center}.cover h1{font-size:clamp(2.25rem,3.3vw,2.75rem);margin-bottom:22px}.cover p{max-width:590px}.cover .lead{font-size:17px}.cover-visual{min-width:0}.topic-index{background:#fff;border-block:1px solid var(--line);padding:42px 0 48px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 46px}.topic-item{min-width:0;display:grid;grid-template-columns:40px 1fr;gap:15px;padding:20px 0;border-top:1px solid var(--line)}.topic-number{font-size:13px;font-weight:800;color:#087c8b}.topic-item h3{margin-bottom:6px}.topic-item p{font-size:15px;margin-bottom:9px}.feature-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px}.featured-main{background:var(--navy);color:#e5f2f7;border-radius:14px;padding:32px}.featured-main h3{color:white;font-size:25px}.featured-main p{color:#d5e8f0}.featured-main a{color:#fff}.featured-side{display:grid;gap:18px}.featured-side article{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.featured-side p{font-size:15px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px}.split--reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.split>*{min-width:0}.tint-band{background:var(--mint);padding:45px 0}.rule-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.rule-cards article{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.rule-cards article:nth-child(2){margin-top:26px}.rule-cards article:nth-child(3){margin-top:52px}.reading-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:step}.reading-steps article{padding:18px 24px;border-left:1px solid var(--line);min-width:0}.reading-steps article:before{counter-increment:step;content:'0' counter(step);display:block;color:#087b8a;font-weight:800;margin-bottom:7px}.reading-steps article p{font-size:15px}.editor-note{border-left:4px solid var(--teal);padding:19px 24px;background:#fff}.editor-note p:last-child{margin-bottom:0}
.page-hero{padding:44px 0 26px;border-bottom:1px solid var(--line);background:#fff}.page-hero p{max-width:810px;margin-bottom:0}.crumbs{font-size:13px;color:var(--muted);margin-bottom:16px}.crumbs a{color:#245e87}.section-nav{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0}.section-nav a{padding:7px 13px;border:1px solid #bed2df;border-radius:8px;background:#fff;color:#24465b;font-size:14px;font-weight:700}.section-nav a:hover{background:var(--mint);text-decoration:none}.content-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:46px;align-items:start}.content-grid>*{min-width:0}.article-section{margin-bottom:44px}.article-section h2{padding-bottom:10px;border-bottom:1px solid var(--line)}.article-section h3{margin-top:22px}.facts-aside{background:#eaf1f6;border-radius:12px;padding:23px;border-top:4px solid var(--teal)}.facts-aside p,.facts-aside li{font-size:14px}.facts-aside h2{font-size:18px}.facts-aside a{font-weight:700}.stage-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.stage-flow div{padding:17px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:8px;font-size:14px}.stage-flow strong{display:block;margin-bottom:8px;color:var(--title)}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;margin:18px 0 26px}.data-table{border-collapse:collapse;width:100%;min-width:570px;text-align:left;font-size:15px;line-height:1.7}.data-table caption{caption-side:top;text-align:left;padding:14px 18px;color:var(--title);font-weight:700}.data-table th{background:#eaf1f6;color:#18364b;font-weight:700}.data-table td,.data-table th{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}.data-table tr:last-child td{border-bottom:0}.steps-list{list-style:none;padding:0;counter-reset:detail}.steps-list li{counter-increment:detail;padding:15px 0 15px 56px;border-bottom:1px solid var(--line);position:relative}.steps-list li:before{content:counter(detail,decimal-leading-zero);position:absolute;left:0;top:14px;background:var(--navy);color:white;width:37px;height:37px;display:grid;place-items:center;border-radius:8px;font-size:13px;font-weight:700}.steps-list strong{color:var(--title)}.note-box{background:var(--mint);border-left:4px solid #0a9ba9;padding:18px 22px;border-radius:0 10px 10px 0;margin:22px 0}.note-box p:last-child{margin-bottom:0}.related-reading{background:white;border-top:1px solid var(--line);padding:29px;border-radius:12px;margin:44px 0}.related-reading h2{font-size:22px}.related-list{display:flex;flex-wrap:wrap;gap:12px}.related-list a{border-bottom:2px solid var(--teal);padding:3px 0;font-weight:700}
.football-article{max-width:920px;margin-inline:auto}.football-photo{max-width:990px;margin:32px auto}.football-article .intro{font-size:18px;max-width:820px}.tactic-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:start}.quote-line{font-size:20px;color:var(--dark);font-weight:700;border-left:4px solid var(--teal);padding:5px 0 5px 22px;margin:22px 0}.terminology{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.terminology article{background:white;padding:18px;border-top:2px solid var(--teal)}.terminology p{margin:0}.esports-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.esports-matrix article{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px}.esports-matrix h3{font-size:22px}.esports-matrix small{color:var(--muted)}.number-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.number-strip article{background:var(--soft);padding:22px;border-radius:10px}.number-strip strong{display:block;color:#07838d;font-size:22px}.image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.gallery-piece{padding:19px;background:white;border:1px solid var(--line);border-radius:12px}.gallery-piece:nth-child(2){margin-top:35px}.gallery-piece p{font-size:15px}.gallery-piece .media-frame{margin-bottom:16px}.deep-article{max-width:800px;margin-inline:auto}.rules-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:35px;align-items:start}.rules-sidebar{position:sticky;top:18px;background:#fff;border:1px solid var(--line);padding:19px;border-radius:12px}.rules-sidebar a{display:block;padding:7px 0}.rules-chapter{background:white;border:1px solid var(--line);padding:29px;border-radius:12px;margin-bottom:26px}.rules-chapter h2{border-bottom:1px solid var(--line);padding-bottom:12px}.rules-chapter .table-scroll{margin-inline:0}.faq-list details{border:1px solid var(--line);border-radius:10px;background:white;margin-bottom:9px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:700;color:var(--title);padding:15px 4px;line-height:1.6}.faq-list details p{padding:0 4px 16px;margin:0}.about-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px}.service-index{background:#eaf1f6;border-radius:10px;padding:22px;align-self:start}.service-index a{display:block;padding:6px 0}.service-content section{margin-bottom:42px}.service-content .media-frame--mobile{margin:20px auto}.site-footer{background:var(--footer);color:var(--footer-text);margin-top:58px;padding-top:42px}.footer-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.footer-about p{font-size:14px;max-width:580px}.footer-motto{font-size:17px!important;font-weight:700}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px 14px}.footer-nav a{color:var(--footer-text);font-size:14px;padding:5px}.footer-bottom{border-top:1px solid #335168;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:18px;font-size:12px;color:#cad9e2}.mobile-quicklinks{display:none}
@media(max-width:1200px){.container{width:calc(100% - 44px)}.cover-grid{gap:30px}}
@media(max-width:920px){.brand-inner{height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.brand-link{justify-self:center;max-width:min(190px,100%)}.brand-caption,.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.menu-toggle span{width:19px;height:2px;background:var(--navy)}.entry-link{margin:0;min-height:40px;padding:7px 12px;font-size:13px}.media-frame--logo img{max-height:30px;max-width:170px}.mobile-drawer{position:fixed;z-index:210;top:0;bottom:0;left:0;width:min(86vw,340px);background:#fff;overflow-y:auto;transform:translateX(-103%);transition:transform .23s ease;box-shadow:6px 0 20px rgba(4,25,42,.12)}.mobile-drawer.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:rgba(4,25,42,.57);z-index:200;opacity:0;transition:opacity .23s ease}.drawer-backdrop.is-open{visibility:visible;pointer-events:auto;opacity:1}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.drawer-close{width:42px;height:42px;border:0;background:var(--soft);border-radius:9px;font-size:25px;cursor:pointer}.mobile-drawer nav{padding:10px 20px 28px}.mobile-drawer nav a{display:block;padding:10px 14px;border-radius:8px;color:var(--title);font-weight:600}.mobile-drawer nav a.is-current{background:var(--mint);border-left:3px solid var(--teal);font-weight:800}.drawer-label{font-size:12px;font-weight:800;color:var(--muted);margin:16px 8px 4px}.mobile-quicklinks{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 0;margin-top:32px;font-size:14px}.nojs-nav{display:flex;flex-wrap:wrap;gap:5px;padding:9px 22px;background:var(--navy)}.nojs-nav a{color:white;font-size:13px;padding:5px 8px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.split,.split--reverse,.feature-grid,.content-grid,.about-layout,.rules-layout,.tactic-pair{grid-template-columns:minmax(0,1fr)}.cover-grid{grid-template-columns:minmax(0,1fr)}.topic-grid{grid-template-columns:1fr}.stage-flow,.reading-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-aside,.service-index,.rules-sidebar{position:static}.about-layout>.service-index{order:2}.about-layout>.service-content{order:1}.section-space{margin-block:42px}.rules-sidebar a{display:inline-block;margin-right:12px}.footer-layout{gap:26px}}
@media(max-width:640px){body{font-size:15px;line-height:1.78}.container{width:calc(100% - 32px)}h1{font-size:clamp(25px,6.5vw,29px)}h2{font-size:clamp(20px,5vw,23px)}h3{font-size:18px}.cover{padding:28px 0}.cover h1{font-size:clamp(27px,7vw,32px)}.cover .lead{font-size:16px}.page-hero{padding:29px 0 20px}.brand-link{max-width:150px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--article{--media-limit:175px}.media-frame--card{--media-limit:145px}.media-frame--wide{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--missing.media-frame--hero{min-height:135px}.section-space{margin-block:34px}.topic-index{padding:28px 0}.featured-main{padding:22px}.featured-main h3{font-size:21px}.featured-side article{padding:18px}.rule-cards,.esports-matrix,.number-strip,.image-gallery,.terminology{grid-template-columns:1fr}.rule-cards article:nth-child(2),.rule-cards article:nth-child(3),.gallery-piece:nth-child(2){margin-top:0}.tint-band{padding:30px 0}.reading-steps{grid-template-columns:1fr}.reading-steps article{padding:16px;border-left:0;border-top:1px solid var(--line)}.rules-chapter{padding:18px}.related-reading{padding:20px}.stage-flow{grid-template-columns:1fr}.section-nav{gap:7px}.section-nav a{padding:6px 10px}.footer-layout{grid-template-columns:1fr}.footer-bottom{display:block}.footer-nav{gap:4px}.site-footer{margin-top:30px}.data-table{font-size:14px}.data-table td,.data-table th{padding:10px 12px}}
@media(max-width:380px){.brand-inner{gap:6px}.brand-link{max-width:125px}.media-frame--logo img{max-width:125px}.entry-link{padding:6px 9px;font-size:12px}.mobile-quicklinks{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}