:root{color:#f6efe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#120d0a;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 18%,#e88c4029,#0000 42%),radial-gradient(at 50% 80%,#40241273,#0000 50%),#120d0a;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 40px}.top{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}h1{letter-spacing:.08em;margin:0;font-family:KaiTi,STKaiti,Songti SC,SimSun,serif;font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1.15}.top p,.hint,.seat p,.status{margin:0}.top p{color:#d9c7b2;margin-top:8px}.levels{background:#ffecd60f;border:1px solid #ffdcba1f;border-radius:999px;padding:4px;display:flex}.level{color:#e7d8c8;background:0 0;border:0;border-radius:999px;padding:8px 18px}.level.active{color:#2a140c;background:linear-gradient(#f0b06a,#d86a34);font-weight:700}.hint{color:#cbb59f;min-height:1.4em;margin:14px 0 18px}.stage{grid-template-columns:168px minmax(280px,1fr) 168px;align-items:center;gap:22px;display:grid}.seat{text-align:center;background:#ffecd60a;border:1px solid #ffe2c414;border-radius:22px;padding:16px 10px 18px}.seat h2{margin:12px 0 6px;font-size:20px;font-weight:700}.seat p{color:#d9c7b2;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.seat.active{border-color:#f0b06ad9;box-shadow:0 0 0 1px #f0b06a40,0 16px 40px #00000047}.seat.thinking .portrait-canvas{animation:.9s ease-in-out infinite think}.portrait-canvas{width:112px;height:112px;margin:0 auto;display:block}.stone-icon{width:18px;height:18px;display:block}.chip{color:#fff;background:#8a8178;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:inline-grid}.chip.red{background:#c4382a}.chip.black{color:#f6efe6;background:#2a2420}.rule-line{color:#cbb59f;max-width:640px;margin:6px 0 0;font-size:14px;font-weight:400;line-height:1.55}.board-wrap{aspect-ratio:1;filter:drop-shadow(0 22px 28px #00000073);width:min(100%,68vh,680px);margin:0 auto}.board-wrap.banqi{aspect-ratio:1/2;width:min(100%,340px)}.board{touch-action:none;border-radius:18px;width:100%;height:100%;display:block}.board.interactive{cursor:pointer}.bar{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.status{font-size:22px;font-weight:700}.status-win{color:#b7e3a2}.status-lose{color:#ffb089}.status-draw{color:#f0ddc2}.actions{gap:10px;display:flex}.primary,.ghost{border-radius:999px;padding:10px 18px}.primary{color:#2a140c;background:linear-gradient(#f3b56e,#d86832);border:0;font-weight:700}.ghost{color:#f6efe6;background:0 0;border:1px solid #f6efe647}.primary:focus-visible,.ghost:focus-visible,.level:focus-visible,.mode:focus-visible{outline-offset:2px;outline:2px solid #f3c27a}.danger{color:#ffb089;border-color:#ffa0788c}.notice,.save-card p,.dialog-note,.empty,.mode small,.level small{color:#d9c7b2}.notice{background:#ffd6aa14;border:1px solid #ffc48c2e;border-radius:14px;margin:18px 0 0;padding:12px 14px;line-height:1.6}.save-card{background:#ffecd60d;border:1px solid #f0b06a59;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.save-card p,.mode small,.level small,.dialog-note{margin:6px 0 0}.section-title{margin:28px 0 12px;font-size:18px}.modes,.pick-levels{gap:12px;display:grid}.modes{grid-template-columns:1fr 1fr}.pick-levels{background:0 0;border:0;border-radius:0;margin-top:18px;padding:0}.mode,.pick-levels .level{text-align:left;color:#f6efe6;background:#ffecd60d;border:1px solid #ffe2c424;border-radius:18px;flex-direction:column;align-items:flex-start;width:100%;padding:18px 18px 16px;display:flex}.mode span,.pick-levels .level strong{font-size:22px}.pick-levels .level strong{font-weight:700}.veil{background:#0a07059e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:#2a1c14;border:1px solid #ffd6aa33;border-radius:22px;width:min(440px,100%);padding:22px;box-shadow:0 24px 60px #00000059}.dialog h2{margin:0;font-size:26px}.draw-card{text-align:center}.draw-card p{margin:14px 0 0;font-size:20px}.records{gap:8px;max-height:min(50vh,420px);margin:14px 0 18px;padding:0;list-style:none;display:grid;overflow:auto}.records li{background:#ffecd60d;border-radius:12px;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;display:grid}.records time{color:#cbb59f;grid-column:1;font-size:13px}.records strong{grid-row:1/span 2;align-self:center}.result-win{color:#b7e3a2}.result-lose{color:#ffb089}.result-draw{color:#f0ddc2}.dialog .primary{margin-top:8px}@keyframes think{50%{transform:translateY(-3px)scale(1.03)}}@media (width<=860px){.top{flex-direction:column;align-items:flex-start}h1{font-size:42px}.stage{grid-template-columns:1fr 1fr}.modes{grid-template-columns:1fr}.board-wrap{grid-area:1/1/auto/-1;width:min(100%,78vh)}.bar{flex-direction:column;align-items:stretch}.actions{justify-content:flex-end}.save-card{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.seat.thinking .portrait-canvas{animation:none}}