:root{--bg:#f5f6f2;--paper:#fff;--ink:#232c2a;--muted:#7c8580;--line:#e5e9e2;--lime:#d9f18d;--green:#465d35;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}button,input,select{font:inherit}button,select{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #9fb879;outline-offset:4px}input:focus,select:focus{outline:2px solid #8da969;outline-offset:2px}[hidden]{display:none!important}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:0 48px}.brand{text-decoration:none;color:var(--ink);font-size:23px;font-weight:750;display:flex;align-items:center;gap:10px;letter-spacing:2px}.brand-symbol{font-size:36px;line-height:1;transform:rotate(90deg)}.brand-en{font-size:9px;letter-spacing:1.8px;font-weight:500;margin-left:12px;color:var(--muted)}.quiet{font-size:13px;padding:10px 13px;border-radius:8px}.quiet:hover{background:#e9ede4}.quiet span{margin-left:8px}main{max-width:1224px;margin:0 auto;padding:0 0 28px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 36px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#7c866f;font-weight:650}h1{font-size:34px;letter-spacing:-1.2px;font-weight:600;line-height:1.4;margin:15px 0 12px}p{color:var(--muted);line-height:1.8;margin:0}.intro-art{position:relative;display:flex;gap:8px;margin-right:8px;transform:rotate(-5deg);padding-bottom:22px}.intro-art span{display:grid;place-items:center;width:48px;height:59px;border:1px solid #dbe2d3;border-radius:9px;font:27px ui-monospace,Consolas,monospace;color:#819366;background:#eef2e8}.intro-art span:nth-child(2){background:var(--lime);border-color:var(--lime);color:#465735;transform:translateY(-7px)}.intro-art small{position:absolute;bottom:0;right:2px;font-size:8px;letter-spacing:3px;color:#8c997b}.mobile-break{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#eceedf66;border:1px solid var(--line);padding:10px;border-radius:12px}.mode-control{display:flex;gap:5px}.mode{padding:12px 22px;border-radius:7px;color:#858b80;font-size:13px}.mode.active{background:#29352e;color:#f8fff1;box-shadow:0 3px 6px #2233220c}.settings{display:flex;gap:20px;align-items:center;padding-right:3px}label{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#7a8277}select{border:0;background:transparent;color:var(--ink);font-weight:600;padding:8px 5px;max-width:200px}.new-button{border-left:1px solid #dfe4d7;border-radius:0;padding-left:20px}.game-meta{display:flex;justify-content:space-between;gap:10px;margin:25px 2px 13px;font-size:12px;color:#7d8779;min-height:18px}.meta-end{display:flex;align-items:center;gap:7px;white-space:nowrap}.status-dot{width:5px;height:5px;background:#9aae7b;border-radius:50%}.boards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.boards.solo{grid-template-columns:1fr}.board{border:1px solid var(--line);background:var(--paper);border-radius:15px;overflow:hidden;min-width:0}.board-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 26px 20px}.board-title{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;font-size:21px}.human{background:#eff5e6;color:#71814b}.computer{background:#eff1ee;color:#788678}h2{font-size:16px;font-weight:600;margin:0}.board-title p{font-size:11px;margin-top:5px}.round-stat{display:flex;align-items:baseline;gap:7px}.round-stat strong{font:27px ui-monospace,Consolas,monospace;font-weight:500}.round-stat span{font-size:10px;color:var(--muted)}.table-head,.record{display:grid;grid-template-columns:65px 1fr 88px;align-items:center;gap:10px;padding:0 26px}.table-head{height:34px;background:#fafbf8;border-top:1px solid #f0f2ec;border-bottom:1px solid #f0f2ec;font-size:10px;letter-spacing:1px;color:#8d958a}.table-head span:last-child{text-align:right}.rows{height:272px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dbe1d4 transparent}.record{min-height:49px;border-bottom:1px solid #f1f3ee;animation:arrive .22s ease}.record:last-child{border-bottom:0}.record .round{color:#a4ada0;font:11px ui-monospace,Consolas,monospace}.guess-number{font:23px ui-monospace,Consolas,monospace;letter-spacing:.26em;color:#354231}.hit{text-align:right;font-size:11px;color:#86917f}.hit b{display:inline-block;border-radius:6px;background:#f1f4ec;padding:5px 9px;color:#536742;font:15px ui-monospace,Consolas,monospace;margin-right:4px}.record.solved{background:#f2f9e6}.record.solved .hit b{background:var(--lime)}.empty{height:100%;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#a3ab9c;gap:12px}.empty-symbol{font:32px ui-monospace,Consolas,monospace;letter-spacing:8px;color:#d5dec9}.empty strong{font-weight:400;font-size:13px;color:#88917f}.empty small{font-size:11px;color:#a7afa1}.input-panel{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:15px;background:#fff;margin-top:20px;padding:28px 30px}.input-description{padding-top:5px}.input-description h2{font-size:19px;margin:10px 0 9px}.input-description p{font-size:12px}.input-workspace{min-width:0}.guess-line,.notes-line{display:flex;gap:18px;align-items:center}.digit-boxes{display:flex;gap:8px}.digit{width:47px;height:56px;border:1px solid #dce2d4;border-radius:8px;background:#fcfdf9;text-align:center;font:25px ui-monospace,Consolas,monospace;color:#293c25;caret-color:#688247;min-width:0;padding:0}.digit:disabled{opacity:.55;background:#f6f7f3}.primary{background:var(--lime);border:1px solid #d0e687;color:#35432a;font-weight:600;font-size:13px;border-radius:9px;padding:14px 20px;white-space:nowrap}.primary:hover:not(:disabled){background:#cfe87e}.submit{height:56px;min-width:139px;display:flex;align-items:center;justify-content:space-between;gap:20px}.submit span{font-size:20px}.notes-line{margin-top:12px}.notes .digit{height:38px;font-size:18px;border:1px dashed #d8decd;background:#fbfcf9;color:#829267}.note-label{color:#87917e;font-size:11px;display:flex;gap:15px;align-items:center}.text-button{padding:3px 0;font-size:11px;color:#7c8970}.text-button:hover{color:#354a2e;text-decoration:underline}.note-caption{font-size:10px;margin-top:13px;color:#a3ab9a}.error{font-size:12px;color:#b04d3e;min-height:0;margin-top:8px}.error:empty{display:none}.setup-panel{background:#eef3e5;border:1px solid #dee7d1;margin-top:15px;border-radius:12px;padding:20px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.setup-panel h2{font-size:14px;margin-bottom:5px}.setup-panel p{font-size:11px}.setup-controls{display:flex;gap:12px;align-items:center}.setup-controls input{width:135px;padding:12px;border:1px solid #cdd8c0;border-radius:7px;letter-spacing:3px;background:#fff}.setup-panel .error{width:100%}.result-panel{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e8f1d8;border:1px solid #d5e3c2;border-radius:14px;padding:24px 28px}.result-panel h2{font-size:24px;margin:8px 0}.result-panel p{font-size:12px;color:#6c7c5b;white-space:pre-line}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 2px 0;color:#929b89;font-size:11px}footer>div{display:flex;gap:23px}.footer-divider{margin:0 11px;color:#c3cbbd}.storage-notice{color:#a1693d;font-size:12px;margin:14px 0}dialog{border:1px solid var(--line);border-radius:18px;padding:35px;max-width:570px;width:calc(100% - 32px);max-height:85vh;color:var(--ink);box-shadow:0 30px 100px #14271229}dialog::backdrop{background:#2633215c;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:12px 0 18px}dialog p{font-size:13px;margin:13px 0}.dialog-close{position:absolute;right:15px;top:12px;font-size:25px;color:#8f9987}.rule-example{background:#f1f5e9;border-radius:9px;padding:17px;line-height:2.2;color:#6b7e58}.rule-example b{font-family:Consolas,monospace;letter-spacing:3px}.rule-example small{display:block;color:#829271;font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 23px;background:#2e3e29;color:white;box-shadow:0 5px 25px #14271225;border-radius:10px;font-size:12px;z-index:10}@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.intro{padding-top:55px;padding-bottom:42px}.rows{height:330px}}@media(max-width:1320px){main{margin:0 48px}}@media(max-width:1000px){main{margin:0 28px}.topbar{padding:0 28px}.intro-art{display:none}.input-panel{padding:23px;gap:14px}.input-description{max-width:190px}.input-description h2{font-size:17px}.digit{width:39px;height:52px}.submit{min-width:113px;padding:12px;gap:10px;height:52px}.settings{gap:10px}.setup-controls{flex-wrap:wrap}.board-heading{padding:20px}.table-head,.record{padding:0 20px;grid-template-columns:40px 1fr 65px}.guess-number{font-size:20px}.brand-en{display:none}}@media(max-width:720px){.topbar{height:67px;padding:0 18px}main{margin:0 16px}.intro{padding:30px 2px 26px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:26px;margin-top:12px}.intro p{font-size:11px;max-width:310px}.toolbar{flex-wrap:wrap;padding:8px;gap:6px}.mode-control{flex:1}.mode{padding:11px 14px}.settings{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:4px;gap:4px}.settings label{gap:3px}select{max-width:170px;font-size:11px}.new-button{padding:8px 5px;border:0;font-size:12px}.new-button span{margin-left:4px}.game-meta{font-size:10px;margin-top:18px;align-items:flex-start}.meta-end{font-size:9px;gap:4px}.boards{gap:9px}.board{border-radius:10px}.board-heading{padding:13px 10px;align-items:flex-start;gap:5px}.board-title{gap:6px}.avatar{display:none}.board-title h2{font-size:13px}.board-title p{font-size:9px;max-width:100px}.round-stat{flex-direction:column;gap:0;align-items:flex-end}.round-stat strong{font-size:21px}.round-stat span{font-size:8px}.table-head,.record{padding:0 10px;grid-template-columns:21px 1fr 32px;gap:3px}.table-head{font-size:8px;letter-spacing:0}.guess-number{font-size:16px;letter-spacing:.08em}.hit{font-size:0}.hit b{font-size:12px;padding:4px 6px;margin:0}.record .round{font-size:9px}.record{min-height:43px}.rows{height:250px}.empty{padding:10px;gap:10px}.empty-symbol{font-size:23px;letter-spacing:4px}.empty strong{font-size:11px}.empty small{font-size:9px}.input-panel{flex-direction:column;padding:19px 15px;gap:18px;margin-top:12px}.input-description{max-width:none;display:grid;grid-template-columns:1fr auto;gap:7px;width:100%;align-items:center}.input-description .eyebrow{grid-column:1/-1}.input-description h2{margin:0;font-size:16px}.input-description p{font-size:10px}.input-workspace{width:100%}.guess-line,.notes-line{gap:10px}.digit-boxes{gap:6px;flex:1}.digit{width:100%;max-width:52px;height:47px;font-size:23px;flex:1}.submit{min-width:78px;height:47px;padding:10px;font-size:11px;gap:5px}.submit span{display:none}.note-label{min-width:78px;gap:8px;font-size:10px}.notes .digit{height:34px}.note-caption{font-size:9px}.setup-panel{padding:17px}.setup-controls{gap:10px}.setup-controls input{width:130px}.setup-controls .primary{padding:12px;font-size:12px}.result-panel{padding:20px 17px;gap:12px}.result-panel h2{font-size:20px}.result-panel .primary{padding:12px;font-size:12px}footer{font-size:9px;align-items:flex-start;gap:10px}footer>div{gap:14px}footer .text-button{font-size:10px}.footer-divider{margin:0 4px}dialog{padding:28px 23px}.solo .board-heading{padding:17px}.solo .table-head,.solo .record{padding:0 20px;grid-template-columns:50px 1fr 55px}.solo .guess-number{font-size:22px;letter-spacing:.24em}.solo .avatar{display:grid}.solo .round-stat{flex-direction:row;gap:6px;align-items:baseline}}
/* Desktop: two tall record columns, with the controls between them. */
@media(min-width:1100px){
  main{max-width:1720px;margin:0 auto;padding-left:32px;padding-right:32px}
  .topbar{max-width:1720px;padding-left:32px;padding-right:32px;height:70px}
  .intro{padding:24px 0}.intro h1{font-size:27px;margin:10px 0 7px}.intro p{font-size:12px}
  .intro-art span{width:39px;height:47px;font-size:23px}
  .play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px) minmax(0,1fr);gap:22px;align-items:stretch}
  .play-layout .boards{display:contents}
  .player-board{grid-column:1;grid-row:1}.ai-board{grid-column:3;grid-row:1}
  .play-layout .rows{height:clamp(360px,calc(100vh - 420px),680px)}
  .play-layout .input-panel{grid-column:2;grid-row:1;align-self:end;display:flex;flex-direction:column;gap:25px;margin:0;padding:25px 20px}
  .play-layout .input-description{max-width:none;padding:0}.play-layout .input-description h2{font-size:19px}
  .play-layout .input-workspace{width:100%}
  .play-layout .guess-line{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .play-layout .digit-boxes{display:flex;gap:7px;width:100%;justify-content:center}
  .play-layout .digit{width:0;flex:1;max-width:60px;min-width:0;height:58px}
  .play-layout .submit{width:100%;height:47px;justify-content:center}
  .play-layout .notes-line{flex-direction:column;align-items:stretch;gap:9px;margin-top:22px}
  .play-layout .note-label{order:-1;display:flex;justify-content:space-between;font-size:12px}
  .play-layout .notes .digit{height:43px}
  .play-layout .note-caption{font-size:11px;line-height:1.8;margin-top:15px}
  .play-layout #continueBtn{width:100%;margin-top:12px}
  .play-layout .result-panel{grid-column:1/-1;grid-row:2;margin-top:0}
  .play-layout:has(.boards.solo){grid-template-columns:minmax(0,1fr) minmax(320px,380px)}
  .play-layout .board-heading{padding:21px 20px}.play-layout .table-head,.play-layout .record{padding-left:20px;padding-right:20px;grid-template-columns:45px 1fr 65px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}