html,body{height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#app{display:flex;flex-direction:column;align-items:center;max-width:524px;margin:0 auto;padding:12px;height:100%}.header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.title{font-size:2rem;font-weight:800;color:var(--text)}.scores{display:flex;gap:8px}.score-box{background:var(--score-bg);color:var(--score-text);border-radius:6px;padding:6px 16px;text-align:center;min-width:70px}.score-box .label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.score-box .value{font-size:1.3rem;font-weight:700}.score-box.score-bump{animation:score-bump .3s ease-out}@keyframes score-bump{0%{transform:scale(1)}40%{transform:scale(1.15);background:#edc53f}to{transform:scale(1)}}.score-box.best-glow{animation:best-glow .6s ease-out}@keyframes best-glow{0%{box-shadow:0 0 #edc22e00}50%{box-shadow:0 0 12px 4px #edc22e99}to{box-shadow:0 0 #edc22e00}}.controls{width:100%;display:flex;gap:8px;margin-bottom:12px}.controls .btn{flex:1}#game-canvas{display:block;border-radius:12px}.welcome-controls{text-align:left;display:inline-block;font-size:.95rem;line-height:2;color:var(--text-secondary);margin:4px 0}.control-hint{font-size:.8rem;color:var(--hint-color);margin-top:12px;text-align:center}.highest-tile{margin:4px 0 12px}.highest-tile-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:6px}.tile-badge{display:inline-block;padding:8px 20px;border-radius:6px;font-size:1.4rem;font-weight:800;min-width:60px}.strategy-tip{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px;max-width:280px;margin-left:auto;margin-right:auto;line-height:1.4;font-style:italic}.challenge-hud{display:none;width:100%;text-align:center;margin-bottom:8px;font-size:.85rem;color:var(--text-secondary);font-weight:600}.challenge-hud.active{display:block}.level-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-width:320px}.level-btn{text-align:left;padding:12px 16px!important;font-size:.9rem!important}.level-btn.level-completed{border-left:3px solid #6ab04c}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;max-width:280px}.stat-item{background:var(--score-bg);border-radius:6px;padding:12px 8px;text-align:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--score-text)}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--score-text);opacity:.8;margin-top:2px}.tutorial-hint{font-size:3rem;margin:16px 0;color:var(--text-secondary)}.tutorial-arrow{display:inline-block;animation:tutorial-bounce 1s ease-in-out infinite}@keyframes tutorial-bounce{0%,to{transform:translate(0)}50%{transform:translate(12px)}}.move-counter{width:100%;text-align:center;font-size:.85rem;color:var(--text-secondary);font-weight:600;min-height:1.2em}@keyframes board-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#game-canvas.shake{animation:board-shake .3s ease-out}.tutorial-skip{display:inline-block;margin-top:12px;background:none;border:none;color:var(--text-secondary);font-size:.85rem;text-decoration:underline;cursor:pointer;padding:4px 8px}.tutorial-skip:hover{color:var(--text)}.daily-badge{display:inline-block;width:8px;height:8px;background:#6ab04c;border-radius:50%;position:absolute;top:4px;right:4px}#daily-btn{position:relative}@media(orientation:landscape)and (min-width:640px){#app{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:start;max-width:900px;padding:8px 16px}#game-canvas{grid-column:1;grid-row:1 / span 20;align-self:center}.control-hint{display:none}}@media(max-height:600px){.title{font-size:1.5rem}.score-box .value{font-size:1rem}.controls{margin-bottom:8px}.control-hint{display:none}}@media(prefers-reduced-motion:reduce){.score-box.score-bump,.score-box.best-glow,.tutorial-arrow,#game-canvas.shake{animation:none}}