:root{color-scheme:light;--bg:#f5f4ef;--card:#fff;--card-2:#f1f3ed;--fg:#233c34;--muted:#64726b;--line:#dce2d8;--accent:#216653;--accent-2:#216653;--ok:#23734f;--bad:#b43a32;--warn:#976114;--cage-line:#4d6056;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--fg);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #bd892d;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}.screen{display:none;width:100%;max-width:780px;margin:auto;padding:calc(28px + var(--safe-t)) 24px calc(32px + var(--safe-b))}.screen.active{display:block}h1,h2,h3,p{margin-top:0}.hero{padding:28px 0 26px;text-align:left}.hero.small{padding:12px 0 24px}.logo{font-size:48px;font-weight:800;letter-spacing:-2px;line-height:1.2;margin:0}.logo span{display:inline-block;font-size:16px;letter-spacing:2px;margin-left:16px;font-weight:500;color:var(--muted)}.tag{color:var(--muted);margin:14px 0 0;letter-spacing:2px;font-size:13px}.hero h2{font-size:28px;margin:0}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:18px}.name-card label{display:block;font-weight:600;margin-bottom:8px}#nameInput{width:100%;padding:13px 15px;border:1px solid #bdc9bd;border-radius:9px;background:#fafbf7;font-size:17px;color:var(--fg)}.hint{font-size:12px;color:var(--muted);margin:10px 0 0}.levels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.level-btn{background:#edf2e7;border:1px solid #d7e0cd;border-radius:18px;padding:24px;text-align:left}.level-btn:nth-child(2){background:#f3eee0;border-color:#e5dcc5}.lv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.lv-no{font-size:22px;font-weight:750}.lv-time{font-size:12px;color:var(--muted);white-space:nowrap}.lv-desc{font-size:16px;margin-bottom:6px}.lv-score,.lv-best{font-size:12px;color:var(--muted)}.lv-best{margin-top:20px;color:var(--accent)}.ghost-btn{border:1px solid var(--line);background:transparent;border-radius:10px;padding:13px 22px;margin-right:10px}.num-btn{background:white;border:1px solid #d2dcd2;border-radius:10px;padding:13px 16px;min-height:48px;font-weight:600;white-space:nowrap}.num-btn.primary{background:var(--accent);border-color:var(--accent);color:white}.text-btn{background:transparent;border:0;color:var(--muted);min-height:44px;padding:8px}.game-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px}.wordmark{font-weight:750;font-size:20px}.wordmark span{font-size:12px;font-weight:400;color:var(--muted)}#screen-game{max-width:1060px}.game-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.gb-left{display:flex;flex-direction:column}.gb-level{font-size:18px;font-weight:700}.gb-prog{font-size:12px;color:var(--muted)}.gb-right{min-width:100px;text-align:right}.gb-score{font-size:13px;color:var(--accent)}.gb-timer{font-size:34px;font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:1px}.gb-timer:before{content:'剩余时间';display:block;font-size:10px;text-align:center;font-weight:400;letter-spacing:2px;color:var(--muted)}.gb-timer.warn{color:var(--warn)}.gb-timer.danger{color:var(--bad)}.progress{height:3px;background:var(--line);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .2s}.question-nav{display:flex;gap:8px;margin:20px 0 24px}.question-tab{border:1px solid var(--line);border-radius:8px;background:transparent;min-height:44px;flex:1;max-width:74px;font-variant-numeric:tabular-nums;color:var(--muted)}.question-tab.current{background:var(--accent);border-color:var(--accent);color:white}.question-tab.filled:not(.current){background:#e2edde;color:var(--accent)}.play-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(240px,1fr);gap:48px;align-items:center}.board-wrap,.board-scroll{min-width:0}.puzzle-grid,.demo-grid,.sol-grid{display:grid;width:100%;aspect-ratio:1;gap:0;padding:0;border:2px solid var(--cage-line);background:white;overflow:hidden;border-radius:4px}.cell,.sol-cell{border:0;border-right:1px solid #cbd4cb;border-bottom:1px solid #cbd4cb;padding:0;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:var(--cage-bg,#fff);font-size:clamp(30px,4vw,48px);font-weight:550;font-variant-numeric:tabular-nums;aspect-ratio:1;box-shadow:inset var(--bl,0px) 0 var(--cage-line),inset calc(-1 * var(--br,0px)) 0 var(--cage-line),inset 0 var(--bt,0px) var(--cage-line),inset 0 calc(-1 * var(--bb,0px)) var(--cage-line)}.bl{--bl:2px}.br{--br:2px}.bt{--bt:2px}.bb{--bb:2px}.cell.same-row,.cell.same-col{background:#edf3e9}.cell.peer{background:#e4eedf}.cell.sel{background:#d6e8c9}.cell.sel:after{content:'';position:absolute;inset:5px;border:2px solid var(--accent);border-radius:3px;pointer-events:none}.cell.conflict{background:#fbe4df;color:var(--bad)}.cell .val,.sol-cell .val{pointer-events:none;line-height:1;margin-top:8px}.cage-tag{position:absolute;left:8px;top:6px;line-height:1.2;font-size:clamp(13px,1.6vw,17px);font-weight:650;color:#43594b;pointer-events:none}.op{font-weight:700}.puzzle-meta{text-align:center;margin-top:14px;font-size:12px;color:var(--muted)}.badge+.badge:before{content:'·';margin:0 9px}.control-label{font-size:24px;font-weight:650;margin-bottom:8px}.control-help{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:25px}.keypad{margin-bottom:20px}.kp-title{font-size:12px;color:var(--muted);margin-bottom:12px;min-height:18px}.kp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kp-key{border:1px solid #d4dece;border-bottom-width:3px;border-radius:12px;background:#e8efdf;font-size:30px;font-weight:600;min-height:68px;padding:8px}.kp-key.wide{grid-column:1/-1;font-size:14px;min-height:44px;background:transparent;border-width:1px}.game-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-foot #btnPrev{order:1}.game-foot #btnNext{order:2}.game-foot #btnClear{order:3}.game-foot #btnSubmit{order:4}.game-foot .num-btn{font-size:13px;padding:10px 8px}.game-message{font-size:12px;color:var(--bad);margin:12px 0 0;min-height:18px}.keyboard-help{font-size:11px;color:var(--muted);margin:12px 0 0}.score-card{text-align:center}.big-score{font-size:64px;line-height:1.2;color:var(--accent);font-weight:750;font-variant-numeric:tabular-nums}.big-score i{font-size:23px;color:var(--muted);font-style:normal}.score-line{font-size:14px;color:var(--muted);margin-top:12px}.res-detail{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:13px}.res-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:14px 0}.chip{background:white;border:1px solid var(--line);border-radius:8px;padding:10px;min-height:44px}.chip.ok{color:var(--ok)}.chip.no{color:var(--bad)}.sol-toggle{background:var(--card-2);border:0;border-radius:9px;width:100%;padding:13px}.sol-card{display:none;border-top:1px solid var(--line);padding:20px 0;margin-top:20px}.sol-card.open{display:block}.sol-head{display:flex;justify-content:space-between;margin-bottom:14px}.sol-flag{color:var(--bad)}.sol-card.ok .sol-flag{color:var(--ok)}.sol-grid{max-width:300px;margin:auto;grid-template-columns:repeat(4,minmax(0,1fr))}.sol-cell{width:100%;height:auto;color:var(--ok);font-size:28px}.sol-cell .cage-tag{font-size:12px;top:5px;left:6px}.sol-note{font-size:12px;color:var(--muted);margin-top:14px}.res-actions{display:flex;gap:12px}.res-actions>*{flex:1}.sec-title{font-size:16px;margin-bottom:16px}.board-row{display:grid;grid-template-columns:36px minmax(0,1fr) 52px 68px;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.board-row:last-child{border:0}.board-row.head,.board-row .r,.board-row .t{color:var(--muted);font-size:12px}.board-row .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row .s,.board-row .t{text-align:right;font-variant-numeric:tabular-nums}.board-row .s{color:var(--accent);font-weight:650}.board-row.me{background:#edf3e8}.board-empty{padding:28px 0;color:var(--muted);text-align:center}.tabs{display:flex;gap:10px;margin-top:20px}.tab{padding:11px 22px;border:1px solid var(--line);border-radius:9px;background:white}.tab.active{background:var(--accent);color:white}.rules ol,.rules ul{padding-left:20px;margin:0}.rules li{margin-bottom:12px;line-height:1.8}.rules-tips,.rules-time,.rules-demo{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.rules h4{margin:0 0 12px}.demo-grid{max-width:340px;margin:16px auto;grid-template-columns:repeat(4,minmax(0,1fr))!important}.demo-cell{font-size:28px}.demo-note,.demo-title{font-size:12px;color:var(--muted)}#notice:empty{display:none}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#233c34;color:white;border-radius:12px;padding:14px 20px;max-width:90vw;width:max-content;z-index:10}dialog{color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:26px;width:calc(100% - 40px);max-width:420px}dialog::backdrop{background:#20352b66}dialog h2{font-size:22px;margin-bottom:12px}dialog p{color:var(--muted);margin-bottom:24px}
@media(max-width:759px){.screen{padding:calc(16px + var(--safe-t)) 16px calc(24px + var(--safe-b));max-width:560px}.hero{padding:20px 0 24px}.logo{font-size:38px}.logo span{font-size:13px;letter-spacing:1px;margin-left:12px}.levels{grid-template-columns:1fr;gap:12px}.level-btn{padding:20px}.lv-head{margin-bottom:10px}.lv-best{margin-top:12px}.card{padding:20px}.game-heading{padding-bottom:8px;margin-bottom:14px}.wordmark{font-size:17px}.wordmark span{font-size:11px}.game-bar{margin-bottom:10px}.gb-timer{font-size:29px}.gb-level{font-size:15px}.gb-right{min-width:80px}.gb-score{font-size:12px}.question-nav{margin:12px 0 16px;gap:7px}.question-tab{max-width:none;min-height:40px}.play-layout{display:flex;flex-direction:column;gap:18px;align-items:stretch}.puzzle-grid{max-width:460px;margin:auto}.cell{font-size:clamp(30px,9vw,44px)}.cage-tag{font-size:14px;top:7px;left:8px}.puzzle-meta{margin-top:10px;font-size:11px}.control-label,.control-help,.keyboard-help{display:none}.keypad{margin:0 0 14px}.kp-title{text-align:center;margin-bottom:10px}.kp-grid{display:flex;gap:8px}.kp-key{flex:1;min-width:0;min-height:56px;font-size:27px;padding:8px 0}.kp-key.wide{flex:1.15;min-height:56px;font-size:13px}.game-foot{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.game-foot #btnPrev{order:1}.game-foot #btnClear{order:2}.game-foot #btnNext{order:3}.game-foot #btnSubmit{order:4}.game-foot .num-btn{font-size:12px;min-height:46px;padding:10px 4px}.game-message{margin-top:8px;min-height:0}.game-message:empty{display:none}.sol-grid{max-width:280px}.sol-cell .cage-tag{font-size:11px}.sol-cell{font-size:26px}}
@media(max-width:759px) and (max-height:740px){#screen-game{padding-top:6px}.game-heading{margin-bottom:8px;padding-bottom:0}.question-nav{margin:8px 0 10px}.question-tab{min-height:36px}.puzzle-grid{max-width:min(100%,calc(100dvh - 360px))}.play-layout{gap:10px}.gb-timer{font-size:25px}.keypad{margin-bottom:10px}.kp-key,.kp-key.wide{min-height:48px}.cell{font-size:30px}.cage-tag{font-size:12px;top:5px;left:6px}}
@media(min-width:760px) and (max-width:1000px){.play-layout{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.control-label{font-size:20px}.kp-key{min-height:58px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.editing-tools{display:flex;gap:8px;margin:0 0 12px}.tool-btn{flex:1;background:transparent;border:1px solid var(--line);border-radius:8px;min-height:40px;font-size:12px}.tool-btn[aria-pressed=true]{background:#e2edde;border-color:var(--accent);color:var(--accent)}.cell-notes{position:absolute;inset:30% 10% 12%;display:flex;align-items:center;justify-content:center;font-size:clamp(15px,2vw,22px);letter-spacing:8px;color:#66775d;pointer-events:none}.resume-btn{width:100%;padding:16px;margin-bottom:18px;border:1px solid #bccbb4;border-radius:12px;background:#e4eedb;color:var(--accent);font-weight:650}.resume-btn[hidden]{display:none}
@media(max-width:759px){.editing-tools{margin-bottom:10px}.tool-btn{min-height:36px}.cell-notes{font-size:17px;letter-spacing:5px}}
@media(max-width:759px) and (max-height:740px){.puzzle-grid{max-width:min(100%,max(280px,calc(100dvh - 400px)))}.cage-tag{font-size:11px;top:4px;left:5px}.cell{font-size:27px}.cell-notes{font-size:14px}}

.sol-cell .your-val{position:absolute;bottom:4px;font-size:9px;color:var(--bad);font-weight:400;line-height:1}.sol-cell.diff{background:#fff5ee}