:root{--silk: #ece0c6;--silk-deep: #ddcba6;--ink: #1c1a17;--cinnabar: #9e261c;--cinnabar-bright: #c4362c;--gold: #c49a48;--teal: #246b66}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 30%,#f4ebd7 0%,var(--silk) 55%,var(--silk-deep) 100%);color:var(--ink);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column;align-items:center;max-width:560px;margin:0 auto;padding:env(safe-area-inset-top) 16px 16px}.serif{font-family:Songti SC,STSong,KaiTi,serif}.home{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%}.home h1{font-family:Songti SC,STSong,serif;font-size:44px;letter-spacing:.3em;margin:0;color:var(--ink)}.home .sub{color:#6b5f4c;letter-spacing:.4em;margin-top:-16px}.panel{width:100%;display:flex;flex-direction:column;gap:14px}.panel .label{letter-spacing:.2em;color:#6b5f4c;font-size:14px}.row{display:flex;gap:10px;flex-wrap:wrap}.chip{flex:1;min-width:72px;text-align:center;padding:12px 10px;border:1px solid rgba(28,26,23,.25);background:#f4ebd780;border-radius:4px;cursor:pointer;letter-spacing:.1em;transition:all .15s}.chip.active{background:var(--ink);color:var(--silk);border-color:var(--ink)}.chip:hover{border-color:var(--ink)}.start-btn{margin-top:8px;padding:14px;border:none;cursor:pointer;background:var(--cinnabar);color:#f4ebd7;letter-spacing:.4em;font-size:18px;border-radius:3px;font-family:Songti SC,serif}.start-btn:active{transform:translateY(1px)}.game{flex:1;display:flex;flex-direction:column;width:100%;gap:8px}.bar{display:flex;align-items:center;justify-content:space-between;padding:8px 6px;letter-spacing:.1em}.bar .who{display:flex;align-items:center;gap:10px}.seal{width:34px;height:34px;border-radius:4px;display:grid;place-items:center;font-family:Songti SC,serif;color:#f4ebd7;font-size:18px}.seal.red{background:var(--cinnabar)}.seal.black{background:var(--ink)}.bar.active .seal{box-shadow:0 0 0 2px var(--gold)}.canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}canvas{width:100%;max-width:480px;touch-action:none}.status{text-align:center;min-height:26px;letter-spacing:.3em;font-family:Songti SC,serif;font-size:17px}.status.check{color:var(--cinnabar-bright)}.status.win{color:var(--teal);font-size:22px}.thinking{color:#6b5f4c;font-style:italic;letter-spacing:.2em}.toolbar{display:flex;gap:10px;justify-content:center;padding:6px 0}.ghost{padding:8px 18px;background:transparent;border:1px solid rgba(28,26,23,.3);border-radius:3px;cursor:pointer;letter-spacing:.2em;color:var(--ink)}.ghost:hover{border-color:var(--ink)}.seal-tag{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:3px;color:#f4ebd7;font-family:Songti SC,serif;margin:0 8px;vertical-align:middle;font-size:14px}.stepbar{display:flex;gap:8px;align-items:center;justify-content:center;padding:4px 0}.step-count{letter-spacing:.1em;color:#6b5f4c;min-width:64px;text-align:center}.movelist{max-height:168px;overflow-y:auto;display:flex;flex-direction:column;border-top:1px solid rgba(28,26,23,.15);margin-top:6px}.move-item{display:flex;align-items:center;gap:12px;padding:7px 12px;cursor:pointer;border-bottom:1px solid rgba(28,26,23,.06)}.move-item.active{background:#c49a482e}.move-item:hover{background:#1c1a170d}.mi-no{color:#9a8c72;width:24px}.mi-side.red{color:var(--cinnabar)}.mi-side.black{color:var(--ink)}.mi-uci{flex:1;font-variant-numeric:tabular-nums;letter-spacing:.05em}.mi-seal{font-family:Songti SC,serif;font-size:18px;font-weight:600}.enso{width:96px;height:96px;border-radius:50%;border:3px solid var(--ink);opacity:.7;animation:enso-pulse 1.8s ease-in-out infinite}@keyframes enso-pulse{0%,to{transform:scale(.9);opacity:.35}50%{transform:scale(1.05);opacity:.75}}.explain{background:#c49a481a;border-left:3px solid var(--gold);padding:10px 14px;margin:4px 2px;border-radius:0 4px 4px 0;line-height:1.6;color:#4a4136;font-size:14px}.game{position:relative}.game.in-check:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;animation:check-flash 1.1s ease-in-out infinite}@keyframes check-flash{0%,to{box-shadow:inset 0 0 70px 8px #c4362c00}50%{box-shadow:inset 0 0 95px 26px #c4362c6b}}.clock{font-variant-numeric:tabular-nums;font-size:22px;letter-spacing:.05em;font-family:Songti SC,serif;color:var(--ink);min-width:70px;text-align:right}.bar.active .clock{color:var(--cinnabar)}.canvas-wrap{position:relative}.gameover-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:8}.go-stamp{width:132px;height:132px;display:grid;place-items:center;background:var(--cinnabar);border-radius:10px;box-shadow:0 8px 40px #9e261c66;animation:go-in .7s cubic-bezier(.2,.8,.3,1) both}.go-char{color:#f4ebd7;font-size:76px;line-height:1}.go-sub{margin-top:16px;color:var(--ink);letter-spacing:.3em;animation:go-in .7s .15s both}@keyframes go-in{0%{opacity:0;transform:scale(1.4) rotate(-6deg);filter:blur(3px)}to{opacity:1;transform:scale(1) rotate(-3deg);filter:blur(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}