/* HY8BIT editorial guide: design variance 5, motion 2, visual density 4. */
:root{color-scheme:light dark;--bg:#f6f4ed;--ink:#272b22;--muted:#666a5f;--line:#d5d1c3;--accent:#a53220;--button:#cf4027;--button-ink:#fffaf0;--surface:#eeece3}
@media(prefers-color-scheme:dark){:root{--bg:#1b1d19;--ink:#f2f0e7;--muted:#b4b7ab;--line:#3c4137;--accent:#ff9d7f;--button:#f48e6f;--button-ink:#221b16;--surface:#252921}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Arial,"PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--button);color:var(--button-ink)}p,h1,h2,h3,figure,dl,ol{margin:0}p{color:var(--muted);font-size:15px;line-height:1.9}p+p{margin-top:17px}img{display:block;width:100%;height:auto}h1,h2,h3{text-wrap:balance}h2{font-size:clamp(30px,3vw,39px);line-height:1.2;letter-spacing:-1.4px}h3{font-size:19px;line-height:1.45;letter-spacing:-.4px}.site-header,body>main,body>footer{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;min-height:44px;font-size:28px;font-weight:900;letter-spacing:-1.6px;line-height:1}.brand span{color:var(--button)}.site-header nav{display:flex;gap:36px;font-size:13px}.site-header nav a{display:inline-flex;align-items:center;gap:16px;min-height:44px}.skip{position:fixed;top:-100px;left:20px;z-index:50;padding:10px 18px;background:var(--button);color:var(--button-ink)}.skip:focus{top:15px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:13px;min-height:76px;font-size:11px;color:var(--muted)}.breadcrumb a{padding-block:10px}.breadcrumb [aria-current]{color:var(--ink)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:8px 31px}.hero-copy{padding-bottom:15px;min-width:0}.hero h1{font-size:clamp(72px,8vw,112px);line-height:1;letter-spacing:-7.5px;font-weight:900}.hero h1>span{color:var(--button)}.hero-headline{font-size:clamp(26px,3vw,41px);font-weight:700;line-height:1.2;letter-spacing:-1.6px;color:var(--ink);margin-top:28px}.hero-headline>span{display:block}.intro{max-width:43ch;margin-top:23px;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;background:var(--button);color:var(--button-ink);padding:11px 21px;font-size:13px;font-weight:700;transition:transform .18s,filter .18s}.button:hover{color:var(--button-ink);filter:brightness(1.1);transform:translateY(-2px)}.button:active{transform:translateY(0)}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:13px;color:var(--accent);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:6px}.text-link:hover{text-decoration-color:var(--accent)}.spelling-note{font-size:11px;max-width:49ch;line-height:1.7;margin-top:25px}.game-figure{min-width:0;max-width:476px;justify-self:end;width:100%}.game-figure img{background:#0a1726;border:1px solid var(--line)}.game-figure a{display:block}.game-figure figcaption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:9px}.publication{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:21px}.publication p,.publication a{font-size:11px;color:var(--muted)}.publication a:hover{color:var(--accent)}.quick-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-block:25px 28px;border-top:1px solid var(--line)}.quick-facts dt{font-size:11px;color:var(--muted);margin-bottom:6px}.quick-facts dd{font-size:16px;font-weight:700;margin:0}.section-nav{position:sticky;top:0;z-index:20;display:flex;gap:40px;overflow-x:auto;max-width:100%;border-block:1px solid var(--line);background:var(--bg);scrollbar-width:thin;overscroll-behavior-inline:contain}.section-nav a{position:relative;display:flex;align-items:center;flex:0 0 auto;min-height:64px;font-size:12px;white-space:nowrap;color:var(--muted)}.section-nav a[aria-current],.section-nav a:hover{color:var(--accent)}.section-nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.guide-section{padding-block:64px;border-bottom:1px solid var(--line);scroll-margin-top:84px;min-width:0}.split-section{display:grid;grid-template-columns:1fr 1.4fr;gap:88px}.section-heading p{max-width:38ch;margin-top:20px}.steps{list-style:none;padding:0;counter-reset:step}.steps li{position:relative;counter-increment:step;padding-left:50px;margin-bottom:30px}.steps li:last-child{margin-bottom:0}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;top:0;left:0;font:17px/1.7 monospace;color:var(--accent)}.steps h3{margin-bottom:9px}.steps p{font-size:14px}.scoring-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:88px;align-items:center}.score-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.score-facts dt{font-size:clamp(46px,5vw,67px);font-weight:800;letter-spacing:-3px;line-height:1.1}.score-facts dd{margin:12px 0 0;color:var(--muted);font-size:12px}.strategy{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.strategy>h3{font-size:22px;margin-bottom:24px}.tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.tips h4{font-size:16px;line-height:1.5;margin:0 0 10px}.tips p{font-size:13px;line-height:1.9}.answer-copy p{max-width:65ch}.answer-copy>.text-link{margin-top:20px}.mode-list{display:grid;gap:28px}.mode{display:grid;grid-template-columns:1fr auto;gap:8px 28px;align-items:start}.mode h3{font-size:20px}.mode p{grid-column:1;font-size:14px;max-width:50ch}.mode a{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;color:var(--accent);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;gap:12px}.mode a:hover{text-decoration:underline;text-underline-offset:5px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;min-height:69px;padding:19px 0;font-size:15px;line-height:1.6;font-weight:700;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:24px;font-weight:400;color:var(--accent)}details[open]>summary:after{content:"−"}.faq details p{font-size:14px;padding-bottom:24px}.sources-section{display:grid;grid-template-columns:1fr 1fr;gap:88px;padding-block:45px;border-bottom:1px solid var(--line)}.sources-section h2{font-size:20px;letter-spacing:-.4px;margin-bottom:17px}.source-links,.related-links{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.source-links a,.related-links a{font-size:12px;min-height:38px;display:flex;align-items:center;gap:15px;color:var(--muted)}.source-links a:hover,.related-links a:hover{color:var(--accent)}.end-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;font-size:12px}body>footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;min-height:135px;padding-block:26px;border-top:1px solid var(--line)}footer>.brand{font-size:25px}footer>p{font-size:11px;max-width:32ch}.language-links{display:flex;gap:23px;margin-left:auto;font-size:11px}.language-links a{display:flex;align-items:center;min-height:44px}.language-links [aria-current]{color:var(--accent)}footer>small{font-size:10px;color:var(--muted)}
@media(max-width:1100px){.site-header,body>main,body>footer{width:calc(100% - 72px)}.hero{gap:36px}.hero h1{font-size:87px;letter-spacing:-6px}.hero-headline{font-size:31px}.intro{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{gap:23px}.split-section,.scoring-layout{gap:50px;grid-template-columns:1fr 1.5fr}.sources-section{gap:50px}.tips{gap:28px}.score-facts{gap:20px}.section-nav{gap:30px}}
@media(max-width:767px){.site-header,body>main,body>footer{width:calc(100% - 40px)}.site-header{min-height:72px}.brand{font-size:25px}.site-header nav{font-size:11px;gap:23px}.site-header nav a{gap:8px}.breadcrumb{min-height:65px;gap:10px;font-size:10px}.hero{grid-template-columns:1fr;gap:28px;padding-top:8px;padding-bottom:25px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(68px,16.6vw,105px);letter-spacing:-5px}.hero-headline{font-size:clamp(28px,7.2vw,37px);margin-top:23px;letter-spacing:-1.1px}.intro{font-size:15px;margin-top:20px;max-width:40ch}.hero-actions{margin-top:24px;gap:24px}.spelling-note{margin-top:20px;font-size:10px;max-width:43ch}.game-figure{max-width:520px;justify-self:center}.game-figure figcaption{font-size:9px}.publication{gap:10px;padding-bottom:20px}.publication p,.publication a{font-size:10px}.quick-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding-block:24px}.quick-facts dt{font-size:10px}.quick-facts dd{font-size:14px}.section-nav{gap:26px;margin-inline:-20px;padding-inline:20px;max-width:calc(100% + 40px)}.section-nav a{font-size:11px;min-height:58px}.guide-section{padding-block:40px;scroll-margin-top:76px}.split-section,.scoring-layout{grid-template-columns:1fr;gap:27px}h2{font-size:30px;letter-spacing:-1px}.section-heading p{font-size:14px;max-width:50ch;margin-top:16px}.steps li{padding-left:38px;margin-bottom:25px}.steps li:before{font-size:15px}.steps h3{font-size:18px}.steps p{font-size:14px}.score-facts{gap:22px;padding-top:4px}.score-facts dt{font-size:49px;letter-spacing:-2px}.score-facts dd{font-size:11px;margin-top:9px}.strategy{margin-top:30px;padding-top:25px}.strategy>h3{font-size:20px;margin-bottom:22px}.tips{grid-template-columns:1fr;gap:24px}.tips h4{margin-bottom:7px}.tips p{font-size:14px;max-width:58ch}.answer-copy p{font-size:14px}.answer-copy>.text-link{margin-top:17px}.mode{grid-template-columns:1fr;gap:6px}.mode p{font-size:14px}.mode a{grid-column:1;grid-row:auto;min-height:38px}.mode-list{gap:25px}summary{font-size:14px;min-height:66px;gap:20px}.faq details p{font-size:14px}.sources-section{grid-template-columns:1fr;gap:28px;padding-block:35px}.sources-section h2{font-size:19px;margin-bottom:12px}.end-nav{min-height:83px;font-size:11px}body>footer{min-height:0;gap:17px 25px}.language-links{width:100%;margin-left:0}footer>small{margin-left:auto}footer>p{font-size:10px;max-width:25ch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.score-sources{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:15px}.score-sources a{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}.score-sources a:hover{text-decoration-color:var(--accent)}