:root{--ink:#173b34;--paper:#f7f4ea;--line:#d7c7aa;--red:#bc3e2d;--gold:#d99a35;--muted:#6d716a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.app{width:min(100%,540px);min-height:100vh;margin:auto;padding:24px 18px 38px}header,.training-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{margin:0 0 4px;color:#9b6d2c;font-size:11px;font-weight:800;letter-spacing:1.2px}h1{font-size:26px;margin:0}h2{font-size:23px;line-height:1.35;margin:12px 0}.icon-button,.text-button{border:0;background:transparent;color:var(--ink);font-size:17px;padding:8px}.icon-button{font-size:25px}.screen{display:none}.screen.active{display:block}.hero{margin:28px 0 16px;padding:24px;background:#173b34;color:#fff;border-radius:8px}.hero p{margin:0;color:#dfb86d;font-weight:700}.hero h2{font-size:29px;letter-spacing:0;margin:8px 0}.hero span{color:#d5e0d8}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 20px;border:1px solid var(--line);background:#fff}.stat-row div{padding:14px 6px;text-align:center;border-right:1px solid var(--line)}.stat-row div:last-child{border:0}.stat-row strong{display:block;font-size:20px}.stat-row span,.mode-card span,.note{display:block;color:var(--muted);font-size:12px;line-height:1.45}.mode-card{width:100%;text-align:left;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:6px;background:#fff;margin:12px 0;padding:19px;cursor:pointer;color:var(--ink)}.mode-card.tactic{border-left-color:var(--red)}.mode-card b{font-size:21px;display:block}.mode-card i{display:block;color:#8e5d18;font-style:normal;font-weight:700;margin-top:13px}.tactic i{color:var(--red)}.tag{font-size:13px;color:#976220;font-weight:800;margin:22px 0 2px}.prompt{color:#4b534c;line-height:1.7;margin:0 0 16px}.board{width:100%;aspect-ratio:9/10;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);background-color:#e5bd78;background-image:linear-gradient(#87623c 1px,transparent 1px),linear-gradient(90deg,#87623c 1px,transparent 1px);background-size:100% 11.111%,12.5% 100%;border:3px solid #805a35;box-shadow:0 5px 16px #0002}.cell{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.piece{width:75%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#f7ead1;border:2px solid #6e5134;color:var(--red);font-family:STKaiti,"KaiTi",serif;font-size:clamp(17px,6vw,31px);font-weight:bold;box-shadow:0 1px 2px #0004}.piece.black{color:#172f2a}.choices{display:grid;gap:10px;margin:20px 0}.choice{width:100%;padding:14px;text-align:left;border:1px solid #c9b99d;background:#fff;border-radius:5px;font-size:15px;color:var(--ink)}.choice:disabled{opacity:.75}.choice.selected{border-color:var(--ink);background:#eff4ef}.feedback{border-left:4px solid var(--gold);padding:14px;background:#fff;line-height:1.65;font-size:14px;margin-bottom:16px}.feedback.wrong{border-color:var(--red)}.feedback p{margin:0 0 8px}.hidden{display:none}.primary{width:100%;border:0;background:var(--ink);color:#fff;padding:15px;border-radius:5px;font-size:16px;font-weight:700}.stats-panel{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);padding:22px;margin:20px 0}.stats-panel strong{font-size:28px;color:#9b6d2c}.stats-panel span{color:var(--muted);margin-bottom:20px}.stats-panel strong:nth-of-type(3),.stats-panel span:last-child{grid-column:span 2}@media(max-width:350px){.app{padding:16px 12px}.hero h2{font-size:25px}.mode-card{padding:15px}}