/* Reading changes visibility only; the authoritative game and socket stay alive. */
body.info-reading .shell>section:not(#infoPlay){display:none!important}
body.info-reading{background:#f3f5f1}
#infoPlay{box-shadow:none}
.site-info-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;flex-basis:100%;order:3;margin:10px 0 0;font-size:13px;line-height:1.8}
.site-info-links[hidden]{display:none}
.site-info-links a,.info-link,.info-article a{color:#20583f;text-underline-offset:4px}
.site-info-links a:hover,.info-link:hover,.info-article a:hover{text-decoration-thickness:2px}
.account-menu-popup .info-link{display:block;text-align:left;padding:10px 12px;text-decoration:none;font-size:13px}
.account-menu-popup .info-link:hover{background:#e9f0e4}
.info-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid var(--line,#cfdbcb);padding-bottom:16px}
.info-head h1{font-size:26px;line-height:1.4;letter-spacing:0;margin:0;flex:1;min-width:120px}
.info-head h1:focus{outline:none}
.info-head button{font-size:13px;padding:8px 12px;min-height:44px}
.info-head small{flex-basis:100%;min-height:0}
.info-article{max-width:740px;margin:24px auto 0;line-height:1.9;overflow-wrap:anywhere;font-size:15px}
.info-article h2{font-size:19px;line-height:1.6;margin:30px 0 12px}
.info-article h3{font-size:16px;margin:18px 0 6px}
.info-article p{margin:12px 0}
.info-article ul,.info-article ol{padding-left:24px;margin:12px 0}
.info-article li{margin-bottom:8px}
/* Only public long prose switches fonts; games and personal history keep pixels. */
.reading-prose,:is(#gomokuRulesDialog,#ddzRulesDialog,#playHelpDialog) :is(p,li){font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.8}
.info-article.reading-prose{max-width:700px}
.reading-prose :is(h2,h3),.reading-toc button,.reading-top{font-family:var(--pixel-font),monospace}
/* Public introductions use one readable font; account/history and game surfaces are untouched. */
.info-article.public-prose{max-width:700px;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.8}
.info-article.public-prose :is(h2,h3,button,summary,a){font-family:inherit}.info-article.public-prose h2{font-size:20px;line-height:1.5;margin:26px 0 10px}.info-article.public-prose .public-related{padding-top:14px;border-top:1px solid var(--line,#c5d2c9);margin-top:24px}
.rules-dialog{max-width:700px}
.rules-dialog :is(p,li){margin:12px 0}
.rules-dialog ol{padding-left:24px}
.info-muted,.info-short{font-size:13px;color:#56634e;line-height:1.8}
.info-timer-notice{border-left:3px solid #698b71;padding:8px 12px;font-size:13px;background:transparent}
.info-data-actions{border-top:1px solid var(--line,#cfdbcb);margin-top:28px;padding-top:8px}
.info-data-actions button{margin:4px 8px 4px 0}
.release-note{border-bottom:1px solid var(--line,#cfdbcb);margin:0;padding:0 0 14px}
.release-note summary{cursor:pointer;padding:18px 0 4px;list-style-position:outside;margin-left:20px}
.release-note summary::marker{color:#597663}
.info-article .release-note summary h2{display:inline-grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:4px 12px;width:100%;margin:0;font-size:18px}
.release-date{font-family:system-ui,sans-serif;font-size:13px;color:#637467}
.release-status{font-size:12px;white-space:nowrap;border:1px solid var(--line,#cfdbcb);padding:1px 6px;border-radius:3px;color:#486151}
.release-summary{grid-column:1/-1;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;font-weight:400;color:#526959}
.release-note>h3,.release-note>ul{margin-left:20px}
.reading-toc{border-left:2px solid var(--line,#cfdbcb);padding-left:14px;margin:24px 0}
.reading-toc p{font-family:var(--pixel-font);font-size:14px;color:#637467;margin:0}
.reading-toc ol{margin:6px 0;padding-left:22px}
.reading-toc li{margin:0}
.reading-jump{appearance:none;border:0;background:none;color:#20583f;padding:5px 0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:4px;font-size:15px;line-height:1.6}
.reading-top{display:block;margin:28px 0 0;min-height:44px;font-size:14px}
:root[data-theme="dark"] body.info-reading{background:#121d1a}
:root[data-theme="dark"] :is(.site-info-links a,.info-link,.info-article a,.reading-jump){color:#a3dcba}
:root[data-theme="dark"] .account-menu-popup .info-link:hover{background:#34513f}
:root[data-theme="dark"] :is(.info-muted,.info-short,.release-date,.release-status,.release-summary,.reading-toc p){color:#b5c6b8}
:root[data-theme="dark"] .release-note summary::marker{color:#a3dcba}
@media(max-width:420px){#infoPlay{padding:16px}.info-head{gap:8px}.info-head h1{font-size:22px}.info-article{font-size:14px}.info-article.reading-prose,:is(#gomokuRulesDialog,#ddzRulesDialog,#playHelpDialog) :is(p,li){font-size:15px}.info-article h2{font-size:18px}.site-info-links{gap:6px}.info-article .release-note summary h2{gap:4px 8px}.release-version{font-size:17px}.release-date{font-size:12px}.release-status{font-size:11px;padding:1px 4px}}
.info-link,.site-info-links a{white-space:nowrap}.info-link{display:inline-block}