:root{--paper:#f3f0e7;--ink:#293c36;--muted:#727c70;--accent:#d35d3c;--line:#d6d9cb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif}header{height:94px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 32px}.brand{text-decoration:none;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.mark{font-size:34px;color:var(--accent)}.edition{font-size:11px;letter-spacing:3px}.offline{font-size:12px;display:flex;gap:9px;align-items:center}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7d9571}.offline i{background:#708760}main{display:grid;grid-template-columns:260px 332px 194px;gap:55px;justify-content:center;padding:47px 28px 35px}.intro{padding-top:16px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);margin:0 0 22px}h1{font-family:"Songti SC",SimSun,serif;font-size:70px;font-weight:900;line-height:1.16;letter-spacing:-3px;margin:0 0 22px}h1 span{color:var(--accent)}.description{font-size:13px;line-height:2;color:var(--muted)}.record{margin:30px 0 28px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.record span{font-size:11px}.record strong{font-size:20px;letter-spacing:2px;font-variant-numeric:tabular-nums}.instructions h2{font-size:11px;letter-spacing:2px;margin-bottom:18px}.instructions p{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:10px 0}.instructions p>span{color:var(--ink)}kbd{font:11px inherit;display:inline-block;min-width:23px;text-align:center;border:1px solid #cdd1c5;border-bottom-width:2px;border-radius:3px;padding:3px 5px;background:#f8f6ef}.machine{background:#dfe2d5;padding:0 15px;border:1px solid #cbd0c0;box-shadow:0 8px 0 #d0d5c6;border-radius:5px}.board-top,.board-bottom{height:34px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#66715d}.board-top>span:first-child{display:flex;gap:7px;align-items:center}.board-wrap{position:relative;background:#202e2a}#board{display:block;width:300px;height:600px}#overlay{position:absolute;inset:0;background:rgba(28,43,37,.94);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#f4f1df;padding:24px}.overlay-symbol{font-size:65px;color:#dfae68;line-height:1}#overlay-kicker{font-size:10px;letter-spacing:3px;color:#afbdab;margin:28px 0 12px}#overlay-title{font-size:34px;margin:0;font-weight:600}#overlay-text{font-size:12px;line-height:2;color:#b6c0ae;margin:20px 0 30px}button{font:inherit;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}button:active{transform:translateY(2px)}button:focus-visible{outline:3px solid #d99c43;outline-offset:4px}#start{width:208px;padding:15px 20px;background:#e4b570;color:#28362d;border:0;font-size:13px;display:flex;justify-content:space-between;font-weight:700}#start:hover{background:#f3c986}#overlay-hint{font-size:10px;color:#9aa991;margin-top:15px}aside{padding-top:14px}.label{font-size:10px;letter-spacing:1.4px;color:var(--muted);margin:0 0 13px}.score>strong{font-size:36px;font-weight:500;letter-spacing:2px;font-variant-numeric:tabular-nums}.score{padding-bottom:28px;border-bottom:1px solid var(--line)}.stats{display:flex;justify-content:space-between;padding:25px 0}.stats strong{font-size:28px;font-weight:500}.next{border-top:1px solid var(--line);padding-top:25px}#preview{display:block;margin:auto}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:24px}.track{height:4px;background:#d9ddce;margin:12px 0 30px}#progress{height:100%;background:var(--accent);width:0;transition:width .2s}.secondary{width:100%;padding:12px;background:transparent;border:1px solid #aeb8a5;color:var(--ink);font-size:12px}.secondary:hover:enabled{background:#e2e6d8}button:disabled{opacity:.45;cursor:default}.text-button{border:0;background:none;width:100%;padding:17px;color:var(--muted);font-size:11px}.tip{font-family:"Songti SC",SimSun,serif;font-size:17px;line-height:1.9;color:#8a927f;margin-top:22px}footer{max-width:1216px;margin:0 auto;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:2px}.touch{display:none}[hidden]{display:none!important}@media(max-width:1000px){main{grid-template-columns:210px 332px 150px;gap:25px}h1{font-size:62px}footer{margin:0 28px}}@media(max-width:760px){header{height:65px;padding:0 20px}.edition{display:none}main{grid-template-columns:minmax(0,302px) 110px;gap:18px;padding:25px 16px}.intro{display:none}.machine{padding:0 10px;width:100%}#board{width:100%;height:auto}.board-wrap{aspect-ratio:1/2}.score>strong{font-size:23px}.stats{gap:12px}.stats strong{font-size:23px}.label{font-size:9px;letter-spacing:0}.next{padding-top:18px}#preview{width:110px;height:auto}.tip{font-size:14px}.progress-label{font-size:9px}#overlay{padding:12px}#start{width:90%}#overlay-title{font-size:28px}.touch{grid-column:1/-1;display:flex;gap:8px;margin-top:5px}.touch button{flex:1;border:1px solid #bfc7b6;background:#e2e6d8;color:var(--ink);padding:14px 0;border-radius:3px}.touch button:last-child{flex:1.6;background:#e4b570;border-color:#d3a66b}footer{font-size:9px;letter-spacing:0;margin:0 16px}.board-top,.board-bottom{font-size:9px;letter-spacing:0}#overlay-kicker{margin-top:14px}#overlay-text{margin:16px 0}.overlay-symbol{font-size:46px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}