*{box-sizing:border-box}html{font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#f0edde;color:#52626a}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;min-height:44px;padding:8px 12px;color:inherit;background:#faf7e9;border:1px solid #d6ddce;border-radius:10px;cursor:pointer;touch-action:manipulation}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #cba566;outline-offset:3px}button:disabled{opacity:.4}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app{max-width:800px;margin:auto;padding:20px 30px}header{display:flex;justify-content:space-between;align-items:center;font-size:12px}header span{font-size:9px;letter-spacing:2px;color:#9daaa0}header button{font-size:11px;min-height:36px;padding:6px 10px}.title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px}.title p{font-size:10px;letter-spacing:3px;color:#9eaaa0;margin:0 0 7px}h1{font-size:39px;letter-spacing:-2px;line-height:1.2;margin:0}h1 span{color:#a19075}h1 i{font-style:normal;font-size:30px;color:#bcaa75;margin-left:13px}.best{font-size:10px;color:#9faa93;display:grid;gap:3px;text-align:right}.best b{font-size:22px;color:#7a9485}main{display:grid;grid-template-columns:300px 158px;gap:18px;justify-content:center}.board-shell{overflow:hidden;border-radius:12px;background:#273344;padding:5px;box-shadow:0 16px 35px #35485323}#game{display:block;width:100%;height:auto;aspect-ratio:1/2;object-fit:contain;touch-action:none}.stats{display:grid;gap:12px;background:#e0e6d8;padding:15px;border-radius:12px}.stats span{display:block;font-size:10px;color:#97a68f}.stats b{display:block;font-size:20px;margin-top:3px;color:#6f8b7c}.preview{background:#e2e5d7;border:1px solid #d9decf;border-radius:12px;margin-top:12px;overflow:hidden}.preview p{font-size:9px;letter-spacing:1px;color:#93a08a;margin:12px 12px 0}#next{display:block;width:120px;max-width:100%;height:auto;margin:0 auto}#pause{width:100%;margin-top:12px;font-size:11px}.side-note{font-size:10px;color:#a6af96;line-height:1.7}.status{max-width:476px;margin:10px auto 0;min-height:24px;font-size:11px;color:#8f9f8a;display:flex;align-items:center}.controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:476px;margin:6px auto 0}.controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:61px;padding:6px;touch-action:none;user-select:none}.controls b{font-size:23px;line-height:1.1}.controls small{font-size:9px;color:#9eac93;margin-top:3px}#hard{background:#91a798;border-color:#849d8a;color:#fffbed}#hard small{color:#e6eedc}.hint{font-size:9px;line-height:1.8;color:#a4af97;text-align:center;margin:13px 0 0}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#34485891;backdrop-filter:blur(7px);overflow:auto}.overlay[hidden]{display:none}.modal{width:min(450px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fffbea;border:1px solid #fff;border-radius:23px;padding:25px;text-align:center;box-shadow:0 20px 80px #263c4436}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#b29b72}.block-art{height:50px;display:flex;justify-content:center;align-items:center;gap:3px}.block-art i{width:25px;height:25px;border-radius:5px;background:#b1be9b}.block-art i:nth-child(2){transform:translateY(-12px);background:#d8b786}.block-art i:nth-child(3){background:#91b6ad}.block-art i:nth-child(4){transform:translateY(12px);background:#b6a3b5}.modal h2{font-size:28px;line-height:1.35;margin:13px 0}.modal h2 em{font-style:normal;color:#a99269}.modal p:not(.eyebrow){font-size:12px;line-height:1.9;color:#95a286}.modal #primary{display:block;width:100%;min-height:48px;margin:18px 0 8px;background:#91a897;color:#fffcec;border:0;font-weight:700}.modal #restart{width:100%;margin-bottom:6px}.modal a{display:block;font-size:11px;padding:10px;color:#a6b092}.result-score{font-size:44px;color:#aa956e;font-weight:800}.result-score small{font-size:12px;margin-left:5px}.result-detail{font-size:11px;line-height:1.8;color:#9daa89}@media(max-width:650px){.app{max-width:460px;padding:9px 12px}header span{display:none}.title{margin:11px 0}.title p{font-size:8px}h1{font-size:29px}.best b{font-size:19px}main{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.board-shell{padding:3px}#game{height:min(calc(100dvh - 238px),calc((100vw - 140px)*2));max-height:600px}.stats{padding:9px 10px;gap:7px}.stats span{font-size:9px}.stats b{font-size:15px;margin-top:1px}.preview{margin-top:8px}.preview p{font-size:8px;letter-spacing:0;margin:7px 7px 0}#next{width:90px;height:153px}#pause{margin-top:8px;min-height:44px}.side-note,.hint{display:none}.status{min-height:24px;margin-top:6px;font-size:10px}.controls{gap:5px;margin-top:4px}.controls button{min-height:59px}.controls b{font-size:22px}}@media(max-width:650px) and (max-height:650px) and (orientation:portrait){.app{padding:5px 10px}.title{margin:6px 0}.title p{display:none}h1{font-size:22px}h1 i{font-size:20px}.best b{font-size:16px}.stats{padding:7px 9px;gap:5px}.stats b{font-size:14px}.stats span{font-size:8px}#next{height:119px;width:70px}.preview{margin-top:6px}.preview p{font-size:7px;margin:5px 5px 0}#pause{margin-top:6px}.modal{padding:17px}.modal h2{font-size:23px;margin:9px 0}.modal p:not(.eyebrow){font-size:11px;line-height:1.65}.block-art{height:30px}.block-art i{width:19px;height:19px}.modal #primary{margin-top:10px}}@media(orientation:landscape) and (max-height:540px){.app{max-width:950px;padding:6px 14px}header{height:34px}header span{display:none}.title{position:absolute;left:50%;top:12px;transform:translateX(-50%);margin:0;pointer-events:none}.title p,.best,h1 i{display:none}h1{font-size:20px;letter-spacing:0}main{grid-template-columns:calc((100dvh - 64px)/2) minmax(150px,220px);gap:18px;justify-content:start;margin-top:4px}.board-shell{padding:3px}#game{height:calc(100dvh - 64px);max-height:none;width:100%}.stats{grid-template-columns:1fr 1fr;padding:10px;gap:10px}.stats b{font-size:17px}.preview{margin-top:9px}.preview p{margin:8px 9px 0}#next{width:120px;height:102px;object-fit:contain}#pause{margin-top:9px}.side-note,.hint{display:none}.status{position:absolute;left:calc((100dvh - 64px)/2 + 270px);right:18px;top:55px;max-width:none;line-height:1.7;margin:0}.controls{position:absolute;left:calc((100dvh - 64px)/2 + 270px);right:18px;top:125px;max-width:none;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.controls button{min-height:61px}.modal{padding:16px 24px;max-width:510px}.block-art{display:none}.modal h2{font-size:21px;margin:6px 0}.modal p:not(.eyebrow){font-size:11px;line-height:1.5}.modal #primary{margin:9px 0 3px}.modal .eyebrow{margin:4px 0}}