:root{--bg:#F4F7FA;--surface:#fff;--mist:#EAF1F6;--aqua:#E9F8F8;--navy:#102E46;--deep:#163C57;--cyan:#13B8C5;--blue:#237BD3;--title:#18364B;--body:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539;--footerText:#DCECF5;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}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}a{color:#1468A5;text-underline-offset:3px}a:hover{color:#087c93}button{font:inherit}img{max-width:100%}h1,h2,h3,h4{color:var(--title);line-height:1.38;margin:0 0 .65em;font-weight:750}h1{font-size:clamp(32px,3.25vw,42px);letter-spacing:-.035em}h2{font-size:clamp(23px,2.3vw,28px)}h3{font-size:clamp(18px,1.7vw,21px)}p{margin:.25em 0 1.15em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.wrap{width:min(calc(100% - 56px),var(--max));margin-inline:auto;min-width:0}.section-space{margin-block:60px}.section-heading{max-width:790px;margin-bottom:27px}.section-heading>p:last-child{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.13em;color:#147b87;margin-bottom:12px}.lead{font-size:18px;line-height:1.8;color:#415c70}.tag{font-size:12px;font-weight:750;color:#187e8b;letter-spacing:.04em}.site-header{background:#fff;position:relative;z-index:20}.brand-bar{background:white}.brand-inner{height:72px;display:flex;gap:22px;align-items:center}.brand-logo{display:flex;align-items:center;min-width:0;color:var(--navy);font-weight:800;text-decoration:none}.brand-logo img{height:auto;max-height:38px;width:auto;max-width:260px;object-fit:contain}.brand-text{font-size:21px;line-height:1.1}.brand-text small{display:block;font-size:10px;letter-spacing:.13em}.brand-caption{font-size:13px;color:var(--muted);white-space:nowrap}.register-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 23px;border-radius:10px;background:var(--deep);color:#fff;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:750}.register-link:hover{background:#245879;color:white}.desktop-nav{background:var(--navy)}.nav-grid{height:50px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch}.nav-grid a{display:flex;align-items:center;justify-content:center;position:relative;color:#E7F3F9;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap;padding:0 4px}.nav-grid a:hover,.nav-grid .is-active{background:#1A415B;color:white}.nav-grid .is-active{font-weight:800}.nav-grid .is-active:after{content:"";position:absolute;bottom:0;left:31%;width:38%;height:3px;background:var(--cyan)}.nojs-nav{display:none}.menu-toggle{display:none}.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:white;padding:10px}.skip-link:focus{top:12px}.mobile-drawer{position:fixed;z-index:90;inset:0 auto 0 0;width:min(86vw,340px);background:white;box-shadow:6px 0 35px #061c2c24;overflow-y:auto;visibility:hidden;transform:translateX(-105%);transition:transform .22s ease,visibility .22s}.mobile-drawer.is-open{visibility:visible;transform:none}.drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(6,24,38,.53);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.drawer-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--title)}.drawer-close{background:#edf3f7;border:0;border-radius:8px;font-size:26px;line-height:1;width:40px;height:40px;color:var(--navy);cursor:pointer}.mobile-drawer nav{padding:9px 18px 30px}.drawer-group{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:18px 10px 5px}.mobile-drawer nav a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--body);font-weight:600}.mobile-drawer nav a.is-active{background:var(--mist);color:var(--navy);border-left:3px solid var(--cyan)}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:10px;padding-top:22px}.breadcrumbs a{text-decoration:none}.inner-intro{padding-top:33px}.slim-intro{max-width:1200px}.slim-intro .lead{max-width:900px}.section-jumps{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;border-bottom:1px solid var(--line);padding-bottom:14px}.section-jumps a{padding:7px 16px;color:var(--deep);font-size:14px;font-weight:700;border:1px solid var(--line);background:white;border-radius:8px;text-decoration:none}.section-jumps a:hover{border-color:var(--cyan)}.media-frame{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;margin:0;padding:8px;border-radius:14px;background:var(--mist);overflow:hidden}.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--wide{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-frame--article{--media-limit:220px}.media-missing{min-height:90px;color:#78919f;border:1px dashed #b5c8d5;font-size:13px}.media-missing span{text-align:center}.cover{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:34px;align-items:center}.cover-copy{min-width:0}.cover-copy h1{font-size:clamp(36px,3.35vw,44px)}.cover-copy>p:not(.eyebrow){max-width:610px}.action-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;text-decoration:none;border-radius:10px;font-size:14px;font-weight:750}.btn-primary{background:var(--deep);color:white}.btn-primary:hover{color:white;background:var(--navy)}.btn-outline{background:white;color:var(--deep);border:1px solid #b7d3dc}.topic-band{background:#eaf1f6;padding:54px 0}.topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.topic-row{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:11px;padding:21px 4px;border-top:1px solid #cbdce6;color:var(--title);text-decoration:none;min-width:0}.topic-number{font-size:12px;color:#118d9b;font-weight:800}.topic-row strong{display:block;font-size:18px;margin:-6px 0 6px}.topic-summary{display:block;color:var(--body);font-size:14px;line-height:1.7}.topic-arrow{font-size:17px;color:#159eae}.topic-row:hover strong{text-decoration:underline}.editorial-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.editorial-primary{border-top:4px solid var(--cyan);background:white;padding:30px}.editorial-primary h3{font-size:25px}.editorial-side{display:grid;gap:14px}.editorial-side article{padding:22px;background:var(--aqua);border-left:1px solid #b6dfe0}.editorial-side a{font-weight:700;font-size:14px}.text-link{font-weight:800;text-decoration:none}.soft-section{background:white;padding:58px 0}.split-feature{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:42px;align-items:center}.related-links{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:19px}.related-links a{font-size:14px;font-weight:700;text-decoration:none}.screen-layout{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:36px;align-items:center}.screen-text h3{margin:18px 0 5px}.screen-text p{max-width:650px}.lesson-section{background:var(--deep);padding:58px 0}.lesson-section h2,.lesson-section h3{color:white}.lesson-section .eyebrow{color:#7BE6E7}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.lesson-grid article{border-top:2px solid var(--cyan);padding:22px 0;color:#e4f0f5}.lesson-grid article:nth-child(2){margin-top:24px}.lesson-grid article:nth-child(3){margin-top:48px}.lesson-grid span{font-size:12px;color:#90dce0}.lesson-grid a{color:#99eff2;font-weight:700}.reading-route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:route}.reading-route li{border-top:2px solid #a7c0ca;padding:19px 21px 12px 0;position:relative}.reading-route li:before{counter-increment:route;content:'0' counter(route);display:block;color:#0d9ba9;font-size:12px;font-weight:800;margin-bottom:12px}.reading-route li span{display:block;font-weight:800;color:var(--title);font-size:18px}.reading-route li p{font-size:14px}.reading-route li a{font-size:14px;font-weight:700}.editorial-note{background:var(--aqua);padding:26px 32px;border-left:4px solid var(--cyan);border-radius:0 12px 12px 0}.editorial-note h2{font-size:22px}.editorial-note p{max-width:960px}.article-section{margin:0 0 44px;scroll-margin-top:24px}.article-section p{line-height:1.82}.article-section h3{margin-top:21px}.knowledge-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(215px,1fr);gap:52px;align-items:start}.knowledge-aside{background:var(--aqua);padding:23px;border-top:3px solid var(--cyan)}.knowledge-aside h2{font-size:20px}.knowledge-aside dt{font-weight:800;color:var(--title);margin-top:17px}.knowledge-aside dd{margin:0;font-size:14px}.knowledge-aside a{display:block;margin-top:20px;font-weight:750}.process-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.process-strip>div{padding:16px;background:#eaf1f6;border-top:2px solid var(--blue)}.process-strip strong{font-size:14px;color:var(--title)}.process-strip p{font-size:13px;margin:6px 0}.numbered-reading{padding-left:23px}.numbered-reading li{padding-left:7px;margin-bottom:11px}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:white}.table-scroll table{width:100%;border-collapse:collapse;min-width:570px;text-align:left;font-size:14px}.table-scroll caption{text-align:left;font-weight:700;color:var(--title);padding:13px 16px;background:#eef5f8}.table-scroll th,.table-scroll td{padding:13px 15px;border-top:1px solid var(--line);vertical-align:top}.table-scroll thead th{background:var(--mist);color:var(--title);font-size:13px}.table-scroll tbody th{font-weight:700;color:var(--title)}.football-page{max-width:1200px}.football-intro .lead{max-width:810px}.football-intro .media-frame{margin-top:18px}.readable{max-width:785px}.inline-note{margin:22px 0;background:var(--aqua);padding:15px 22px;border-left:3px solid var(--cyan)}.inline-note p{font-size:14px;margin:4px 0}.transition-section{padding:36px;background:white;border-top:3px solid var(--cyan);max-width:1000px}.vertical-steps>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:19px 0}.vertical-steps span{color:#0c8c9b;font-size:24px;font-weight:800}.vertical-steps h3{margin:0 0 5px}.vertical-steps p{margin:0;max-width:750px}.mini-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-comparison>div{background:var(--mist);padding:18px}.terms-list{display:grid;grid-template-columns:130px 1fr;gap:0;margin:20px 0}.terms-list dt,.terms-list dd{padding:12px 0;border-bottom:1px solid var(--line)}.terms-list dt{font-weight:800;color:var(--title)}.terms-list dd{margin:0}.football-outro{background:white;padding:29px;max-width:910px;border-top:3px solid var(--cyan)}.esports-head-grid{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:35px;align-items:center}.esports-matrix td{width:25%}.team-section{background:var(--mist);padding:35px}.team-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.team-columns article{background:white;padding:24px;border-bottom:3px solid var(--cyan)}.team-columns span{font-size:11px;letter-spacing:.11em;color:#138a98;font-weight:800}.esports-narrative{display:grid;grid-template-columns:minmax(0,2fr) minmax(210px,1fr);gap:38px}.quiet-note{background:#e8f4f6;padding:22px;border-left:3px solid var(--cyan)}.quiet-note ol{padding-left:22px;margin-bottom:0}.two-column-text{display:grid;grid-template-columns:1fr 1fr;gap:35px}.culture-ethics{background:var(--deep);padding:35px;color:white}.culture-ethics h2{color:white}.culture-ethics .eyebrow{color:#89e9e5}.bookmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bookmark-grid a{display:block;text-decoration:none;color:var(--title);background:#fff;border:1px solid var(--line);padding:20px}.bookmark-grid strong,.bookmark-grid span{display:block}.bookmark-grid span{font-size:14px;color:var(--body)}.games-intro>.media-frame{margin-top:24px}.exhibit-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.exhibit{background:#fff;padding:18px}.exhibit-second{margin-top:62px}.exhibit>div{padding:17px 6px 0}.games-longread{padding:54px 0;background:white}.narrow-article{max-width:800px}.design-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.design-principles article{border-left:2px solid var(--cyan);padding:4px 17px}.balanced-leisure{background:var(--aqua);padding:30px;border-radius:10px}.rules-layout{display:grid;grid-template-columns:245px minmax(0,790px);gap:48px;align-items:start;padding-top:40px}.rules-toc nav{background:#fff;padding:19px;border-top:3px solid var(--cyan)}.rules-toc h2{font-size:20px}.rules-toc nav a{display:flex;gap:12px;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:12px 0;font-size:14px;font-weight:700}.rules-toc nav span{color:#168d9a;font-size:12px}.rules-toc .media-frame{margin-top:22px}.rules-body .article-section{padding-bottom:22px;border-bottom:1px solid var(--line)}.rule-table{min-width:680px!important}.faq-list details{border-bottom:1px solid var(--line);background:white}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:750;padding:14px 18px;color:var(--title)}.faq-list details p{margin:0;padding:0 18px 17px;font-size:15px}.about-layout{display:grid;grid-template-columns:minmax(0,830px) minmax(0,270px);gap:48px;align-items:start}.about-aside{grid-column:2;grid-row:1}.about-aside nav{background:#fff;border-top:3px solid var(--cyan);padding:20px}.about-aside h2{font-size:20px}.about-aside nav a{display:block;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:700}.about-aside p{font-size:13px;color:var(--muted);padding:0 10px}.about-mobile{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:25px;align-items:center}.mobile-shortcuts{display:none}.site-footer{background:var(--footer);color:var(--footerText);padding:46px 0 19px;margin-top:65px}.site-footer p{max-width:710px}.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,1fr);gap:60px}.footer-brand{color:white;font-weight:800;font-size:22px}.footer-brand span{font-size:11px;letter-spacing:.09em;margin-left:8px}.fineprint{color:#bdd3e1;font-size:13px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:7px 18px}.footer-grid nav strong{grid-column:1/-1;color:white}.footer-grid nav a,.footer-bottom a{color:#d7ebf6;text-decoration:none;font-size:13px}.footer-grid nav a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #315064;margin-top:26px;padding-top:15px;display:flex;gap:20px;justify-content:space-between;font-size:12px}.back-to-top{position:fixed;bottom:24px;right:24px;border:0;border-radius:9px;width:43px;height:43px;color:white;background:var(--deep);font-size:22px;cursor:pointer;z-index:15}.back-to-top[hidden]{display:none}
@media(max-width:1200px){.wrap{width:calc(100% - 44px)}.section-space{margin-block:50px}.knowledge-layout,.about-layout{gap:30px}}
@media(max-width:920px){.brand-inner{height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.brand-logo{justify-content:center;justify-self:center}.brand-logo img{max-height:30px;max-width:min(38vw,210px)}.brand-text{font-size:17px}.brand-text small{font-size:8px}.brand-caption,.desktop-nav{display:none}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:white;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;background:var(--navy)}.register-link{margin:0;height:40px;min-height:40px;padding:0 13px;font-size:13px}.nojs-nav{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0 10px}.nojs-nav a{font-size:12px;text-decoration:none;padding:4px 9px;border:1px solid var(--line);border-radius:6px;color:var(--navy)}.nojs-nav .is-active{border-color:var(--cyan);font-weight:800}.has-js .nojs-nav{display:none}.cover{gap:23px}.cover-copy h1{font-size:35px}.lesson-grid{gap:13px}.rules-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}.about-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}}
@media(max-width:760px){.cover,.split-feature,.screen-layout,.editorial-grid,.knowledge-layout,.esports-head-grid,.esports-narrative,.about-layout{grid-template-columns:minmax(0,1fr)}.cover-visual{max-width:100%}.editorial-side{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-aside{max-width:100%}.lesson-grid,.design-principles,.team-columns{grid-template-columns:minmax(0,1fr)}.lesson-grid article:nth-child(n){margin-top:0}.lesson-grid article{padding:14px 0}.reading-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-aside{grid-column:1;grid-row:auto}.about-main{grid-row:1}.rules-layout{display:block}.rules-toc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:14px;align-items:center;margin-bottom:32px}.rules-toc .media-frame{margin:0}.two-column-text{grid-template-columns:1fr;gap:4px}.mobile-shortcuts{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:34px}.mobile-shortcuts a{font-size:13px;font-weight:700}.footer-grid{gap:22px}.exhibit-grid{gap:15px}}
@media(max-width:640px){body{font-size:15.5px;line-height:1.78}.wrap{width:calc(100% - 32px)}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.section-space{margin-block:36px}.inner-intro{padding-top:24px}.lead{font-size:16px}.cover-copy h1{font-size:30px}.cover{gap:21px}.cover-visual{order:2}.cover-copy{order:1}.topic-band,.soft-section,.lesson-section,.games-longread{padding-block:36px}.topic-index,.editorial-side,.exhibit-grid,.bookmark-grid,.mini-comparison{grid-template-columns:minmax(0,1fr)}.topic-row{padding:17px 0}.editorial-primary{padding:20px}.editorial-primary h3{font-size:21px}.split-feature{gap:20px}.screen-layout{gap:18px}.lesson-grid article{padding:14px 0}.reading-route{gap:12px}.reading-route li{padding-right:5px}.editorial-note,.team-section,.culture-ethics,.balanced-leisure,.transition-section{padding:19px}.process-strip{grid-template-columns:1fr}.team-columns{gap:10px}.exhibit-second{margin-top:0}.about-mobile{grid-template-columns:1fr}.about-mobile .media-frame{max-width:250px}.rules-toc{display:block}.rules-toc .media-frame{margin:15px auto;max-width:300px}.terms-list{grid-template-columns:1fr}.terms-list dt{padding-bottom:0;border-bottom:0}.terms-list dd{padding-top:2px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.site-footer{padding-top:30px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--wide{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--article{--media-limit:175px}.football-intro .media-frame{--media-limit:190px}.esports-intro .media-frame{--media-limit:185px}.rule-table{min-width:640px!important}.faq-list summary{padding:13px}.faq-list details p{padding:0 13px 14px}}
@media(max-width:390px){.brand-inner{gap:5px}.register-link{padding:0 9px;font-size:12px}.brand-logo img{max-width:38vw}.cover-copy h1{font-size:28px}.action-links{gap:8px}.btn{padding:8px 12px;font-size:13px}.footer-grid nav{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}