:root{font-family:Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#776e65;background:#faf8ef;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:linear-gradient(165deg,#fdfbf4,#faf8ef 45%,#f3eee0);overscroll-behavior-y:contain;touch-action:manipulation}#root{width:100%}.app{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 16px 44px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(44px,env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:480px}.title{margin:0;font-size:3.6rem;font-weight:800;line-height:1;letter-spacing:-1px;color:#776e65;text-shadow:0 2px 0 rgba(255,255,255,.8)}.header-side{display:flex;align-items:center;gap:12px}.sound-btn{display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:50%;background:#eee4da;font-size:1rem;cursor:pointer;box-shadow:0 2px 6px #0000000f;transition:background .15s ease,transform .12s ease;flex-shrink:0}.sound-btn:hover{background:#e6d9c6;transform:translateY(-1px)}.thanks-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:10px;background:#eee4da;font-family:inherit;font-size:.85rem;font-weight:700;color:#776e65;cursor:pointer;box-shadow:0 2px 6px #0000000f;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.thanks-btn:hover{background:#e6d9c6;transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.secret-status{margin:-8px 0 0;padding:6px 14px;border-radius:8px;background:#eee4da;font-size:.8rem;color:#776e65}.scores{display:flex;gap:8px}.score-box{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:8px 14px;border-radius:10px;background:#bbada0;color:#f9f6f2;box-shadow:0 2px 6px #00000014}.score-label{font-size:.7rem;letter-spacing:1px;color:#eee4da;text-transform:uppercase}.score-value{font-size:1.35rem;font-weight:700;line-height:1}.mode-switch{display:flex;gap:8px;width:100%;max-width:480px}.mode-btn{flex:1;padding:10px 12px;border:none;border-radius:10px;background:#cdc1b4;color:#776e65;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.mode-btn:hover{background:#bbada0;transform:translateY(-1px)}.mode-btn.active{background:#8f7a66;color:#f9f6f2;box-shadow:0 3px 8px #8f7a6659}.rank-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:480px;padding:10px 14px;border-radius:10px;background:#eee4da;box-shadow:0 2px 6px #0000000f}.rank-name{font-size:.9rem;color:#776e65;cursor:pointer}.rank-name:hover{text-decoration:underline}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:480px}.hint{margin:0;font-size:.95rem;color:#776e65}.hint strong{font-weight:700}.btn{padding:10px 18px;border:none;border-radius:10px;background:#8f7a66;color:#f9f6f2;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #00000014;transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.btn:hover{background:#7f6a56;transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.btn:active{background:#6f5a46;transform:translateY(0);box-shadow:0 2px 4px #00000014}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:#edc22e;color:#f9f6f2}.btn-primary:hover{background:#e6b41e}.btn-blue{background:#4a90d9;color:#fff}.btn-blue:hover{background:#3b7ec0}.btn-blue:active{background:#2f6aa5}.actions{display:flex;gap:8px;width:100%;max-width:480px}.btn-ghost{flex:1;background:#bbada0;color:#f9f6f2}.btn-ghost:hover{background:#a89a8f}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost:disabled:hover{background:#bbada0}.board{--gap: 12px;position:relative;width:92vw;max-width:480px;height:92vw;max-height:480px;background:#bbada0;border-radius:14px;padding:var(--gap);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 12px 32px #00000024,inset 0 1px #ffffff40}.board-pick .tile{cursor:pointer}.tile-picked{z-index:2;outline:3px solid #4a90d9;outline-offset:-3px;box-shadow:0 0 18px #4a90d9a6}.grid{position:absolute;inset:var(--gap);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--gap)}.cell{background:#eee4da59;border-radius:8px}.tiles{position:absolute;inset:var(--gap);pointer-events:none}.tile{position:absolute;top:0;left:0;pointer-events:auto;width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);display:grid;place-items:center;border-radius:8px;font-size:2.2rem;font-size:clamp(1.6rem,9vw,2.6rem);font-weight:800;box-shadow:0 3px 8px #0000001a,inset 0 -2px #0000000f;transition:left .15s ease-in-out,top .15s ease-in-out,box-shadow .15s ease}.tile.pop{animation:pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.4);opacity:.4}to{transform:scale(1);opacity:1}}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;font-size:clamp(1.4rem,7.5vw,2.2rem)}.tile-256{background:#edcc61;color:#f9f6f2;font-size:clamp(1.4rem,7.5vw,2.2rem)}.tile-512{background:#edc850;color:#f9f6f2;font-size:clamp(1.4rem,7.5vw,2.2rem)}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:clamp(1.1rem,6vw,1.8rem)}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:clamp(1.1rem,6vw,1.8rem);box-shadow:0 0 28px 8px #f3d7748c}.tile-super{background:#3c3a32;color:#f9f6f2;font-size:clamp(1.1rem,6vw,1.8rem)}.tile-free{color:#f9f6f2}.tile-md{font-size:clamp(1.4rem,7.5vw,2.2rem)}.tile-lg{font-size:clamp(1.1rem,6vw,1.8rem)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#eee4dac7;border-radius:14px;z-index:10;animation:fade-in .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay-card{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.overlay-card h2{margin:0;font-size:2.2rem;font-weight:800;color:#776e65;text-shadow:0 2px 0 rgba(255,255,255,.6)}.overlay-score{margin:0;font-size:1.6rem;font-weight:800;color:#776e65;font-variant-numeric:tabular-nums}.overlay-best{margin:-12px 0 0;font-size:.9rem;color:#a99a8d;font-variant-numeric:tabular-nums}.overlay-actions{display:flex;gap:12px}.controls{margin:0;font-size:.85rem;color:#a99a8d}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:10px;background:#776e65f2;color:#f9f6f2;font-size:.9rem;z-index:100;box-shadow:0 6px 20px #0003;animation:fade-in .2s ease}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#00000080;z-index:50;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(92vw,360px);padding:28px 24px;border-radius:14px;background:#faf8ef;box-shadow:0 16px 48px #00000047}.modal-title{margin:0;font-size:1.8rem;font-weight:800;color:#776e65}.confirm-text{margin:0;font-size:1rem;line-height:1.6;color:#776e65;text-align:center}.modal-list{margin:0;padding:0;list-style:none;font-size:1rem;line-height:1.8;color:#776e65;text-align:center}.tips-list{text-align:left;list-style:disc;padding-left:20px}.thanks-list{width:100%;max-height:40vh;overflow-y:auto}.hint-note{margin:0;padding:6px 12px;border-radius:8px;background:#eee4da;font-size:.8rem;color:#776e65;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:center}.version-text{margin:0;font-size:.8rem;color:#a99a8d}.download-link{text-decoration:none;text-align:center}.progress-track{width:100%;height:14px;border-radius:7px;background:#eee4da;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.progress-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#edc53f,#edc22e);transition:width .12s linear}.progress-indeterminate{width:35%;animation:progress-slide 1.1s ease-in-out infinite}@keyframes progress-slide{0%{margin-left:-35%}to{margin-left:100%}}.progress-text{margin:0;font-size:1.2rem;font-weight:800;color:#776e65;font-variant-numeric:tabular-nums}.progress-note{margin:0;font-size:.8rem;color:#a99a8d}.name-input{width:100%;padding:10px 14px;border:2px solid #bbada0;border-radius:10px;font-size:1rem;color:#776e65;background:#fff;outline:none;box-shadow:inset 0 1px 3px #0000000d;transition:border-color .15s ease,box-shadow .15s ease}.name-input:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d926}.toolbar-btns{display:flex;gap:8px;flex-shrink:0}.leaderboard-card{width:min(92vw,400px)}.leaderboard-list{margin:0;padding:0;list-style:none;width:100%;max-height:50vh;overflow-y:auto}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #eee4da;font-size:.95rem;color:#776e65}.leaderboard-rank{min-width:28px;color:#a99a8d;font-variant-numeric:tabular-nums}.leaderboard-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-empty{margin:0;color:#a99a8d;font-size:.95rem}.leaderboard-hint{margin:0;font-size:.8rem;line-height:1.5;color:#a99a8d;text-align:center}@media(max-width:520px){.app{gap:12px;padding:20px 12px 40px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom))}.header{flex-wrap:wrap;row-gap:10px;column-gap:12px}.title{font-size:2.6rem}.header-side{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}.sound-btn{width:30px;height:30px;font-size:.9rem}.thanks-btn{padding:6px 8px;font-size:.78rem}.thanks-label{display:none}.scores{gap:6px}.score-box{min-width:54px;padding:6px 10px}.score-label{font-size:.62rem;letter-spacing:.5px}.score-value{font-size:1.1rem}.mode-btn{padding:8px;font-size:.85rem}.rank-bar{flex-wrap:wrap;gap:8px;padding:8px 12px}.rank-name{flex:1 1 auto;min-width:0;font-size:.85rem;overflow-wrap:anywhere}.toolbar{flex-wrap:wrap;row-gap:8px;column-gap:12px}.hint{flex:1 1 100%;font-size:.85rem}.btn{padding:9px 12px;font-size:.85rem}.board{border-radius:10px}.overlay-card h2{font-size:1.8rem}.modal-card{padding:24px 18px;gap:16px}}.splash{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(165deg,#fdfbf4,#faf8ef 45%,#f3eee0);cursor:pointer;transition:opacity .55s ease}.splash-fading{opacity:0;pointer-events:none}.splash-logo{font-size:clamp(3rem,14vw,5rem);font-weight:800;color:#f9f6f2;background:linear-gradient(135deg,#edc53f,#edc22e);border-radius:18px;padding:18px 30px;box-shadow:0 14px 36px #edc22e66;animation:splash-in .5s ease both}.splash-tip{font-size:.95rem;letter-spacing:.35em;text-indent:.35em;color:#a89c8d;animation:splash-in .5s .15s ease both}@keyframes splash-in{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}.board-wrap{display:flex;align-items:stretch;gap:10px}.board-wrap.egg-on .board{width:calc(92vw - 54px);height:calc(92vw - 54px)}.gift-rail{display:flex;flex-direction:column;gap:5px}.gift-btn{flex:1 1 0;min-height:0;width:44px;display:grid;place-items:center;padding:0;border:none;border-radius:8px;font-weight:800;font-size:.78rem;font-family:inherit;cursor:pointer;box-shadow:0 3px 10px #0000002e;transition:transform .12s ease}.gift-btn:active{transform:scale(.92)}.gift-btn.tile-4{background:#ede0c8;color:#776e65}.gift-btn.tile-16{background:#f59563;color:#f9f6f2}.gift-btn.tile-32{background:#f67c5f;color:#f9f6f2}.gift-btn.tile-64{background:#f65e3b;color:#f9f6f2}.gift-btn.tile-128{background:#edcf72;color:#f9f6f2}.gift-btn.tile-256{background:#edcc61;color:#f9f6f2}.gift-btn.tile-512{background:#edc850;color:#f9f6f2}.gift-btn.tile-1024{background:#edc53f;color:#f9f6f2;font-size:.68rem}.egg-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;font-size:clamp(2.2rem,11vw,3.4rem);font-weight:900;font-style:italic;letter-spacing:.08em;color:#ff005047;background:linear-gradient(100deg,#ff00504d,#ff8a004d,#5eff004d,#00c8ff4d,#3c3cff4d,#be00ff4d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:egg-rainbow 3.2s linear infinite;user-select:none;-webkit-user-select:none}@keyframes egg-rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.egg-toggles{display:flex;flex-direction:column;gap:8px;width:100%}.egg-toggle{padding:10px 14px;border:2px solid #bbada0;border-radius:10px;background:#faf8ef;color:#776e65;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:all .15s ease}.egg-toggle-on{border-color:#4a90d9;background:#eef5fc;color:#2c6db5}.egg-toggle:active{transform:scale(.98)}.score-value.is-debug{font-size:.95rem;letter-spacing:.1em;color:#a89c8d;align-self:center}