:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#faf8ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overscroll-behavior-y:contain}.game{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;text-align:center}h1{color:#333;margin-bottom:20px}.version{font-size:.4em;color:#888;font-weight:400}.game-info{display:flex;justify-content:center;gap:40px;margin-bottom:20px;font-size:20px;font-weight:700}.score{color:#e67e22}.moves{color:#3498db}.board{display:grid;gap:10px;margin:0 auto 30px;padding:20px;background-color:#bbada0;border-radius:10px;width:400px;height:400px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.tile{background-color:#edc22e;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#776e65;min-width:80px;min-height:80px;box-shadow:0 2px 4px #0003}.tile-new{animation:appear .2s ease-in-out}.tile-moving{transition:all .08s linear}.tile-dividing{animation:divide .6s ease-in-out}.tile-chaining{animation:chain .8s ease-in-out}.tile-disappearing{animation:disappear .8s ease-in-out forwards}.tile-power-eliminating.tile-power-square{animation:powerEliminate 1s ease-in-out forwards}.tile-power-eliminating.tile-power-cube{animation:powerEliminateCube 1.2s ease-in-out forwards}.tile-merge-highlight{box-shadow:0 0 20px #ffd700e6,0 0 40px #ffd700b3,0 0 60px #ffd70080!important;border:3px solid #ffd700}.tile-highlighting{animation:highlight .4s ease-in-out}@keyframes appear{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes highlight{0%{background-color:#edc22e;box-shadow:0 2px 4px #0003;transform:scale(1)}50%,to{background-color:gold;box-shadow:0 0 30px #ffd700e6,0 0 50px #ffd700b3;transform:scale(1.15)}}@keyframes divide{0%{transform:scale(1);background-color:#edc22e}25%{transform:scale(1);background-color:#ff9800}50%{transform:scale(1) rotate(5deg);background-color:#ff5722}75%{transform:scale(1) rotate(-5deg);background-color:#ff5722}to{transform:scale(1) rotate(0);background-color:#edc22e}}@keyframes chain{0%{background-color:#edc22e;box-shadow:0 2px 4px #0003}20%{background-color:#9c27b0;box-shadow:0 0 20px #9c27b099}40%{background-color:#e91e63;box-shadow:0 0 25px #e91e63cc}60%{background-color:#e91e63;box-shadow:0 0 25px #e91e63cc}80%{background-color:#9c27b0;box-shadow:0 0 20px #9c27b099}to{background-color:#edc22e;box-shadow:0 2px 4px #0003}}@keyframes disappear{0%{transform:scale(1) rotate(0);opacity:1;background-color:#edc22e;filter:brightness(1) blur(0px)}20%{transform:scale(1) rotate(90deg);opacity:1;background-color:#4caf50;box-shadow:0 0 30px #4caf50cc,0 0 15px #fff9;filter:brightness(1.3) blur(0px)}40%{transform:scale(1) rotate(180deg);opacity:.9;background-color:#8bc34a;box-shadow:0 0 40px #8bc34ae6,0 0 20px #fffc;filter:brightness(1.5) blur(1px)}60%{transform:scale(1) rotate(270deg);opacity:.7;background-color:#cddc39;box-shadow:0 0 50px #cddc39,0 0 25px #fff;filter:brightness(1.8) blur(2px)}80%{transform:scale(1) rotate(360deg);opacity:.4;background-color:#ffeb3b;box-shadow:0 0 40px #ffeb3bcc,0 0 20px #fff9;filter:brightness(2) blur(4px)}to{transform:scale(1) rotate(360deg);opacity:0;background-color:#fff59d;filter:brightness(2.5) blur(8px)}}@keyframes powerEliminate{0%{transform:scale(1) rotate(0);opacity:1;background-color:#edc22e;box-shadow:0 2px 4px #0003}15%{transform:scale(1) rotate(180deg);opacity:1;background-color:#ff9800;box-shadow:0 0 30px #ff9800e6}30%{transform:scale(1) rotate(360deg);opacity:1;background-color:#f44336;box-shadow:0 0 50px #f44336}50%{transform:scale(1) rotate(540deg);opacity:.9;background-color:#e91e63;box-shadow:0 0 60px #e91e63,0 0 80px #e91e6399}70%{transform:scale(1) rotate(720deg);opacity:.6;background-color:#9c27b0;box-shadow:0 0 70px #9c27b0cc}85%{transform:scale(1) rotate(900deg);opacity:.3;background-color:#673ab7}to{transform:scale(0) rotate(1080deg);opacity:0}}@keyframes powerEliminateCube{0%{transform:scale(1) rotate(0);opacity:1;background-color:#edc22e;box-shadow:0 2px 4px #0003}10%{transform:scale(1) rotate(90deg) rotateY(90deg);opacity:1;background-color:#ffa726;box-shadow:0 0 30px #ffa726e6}20%{transform:scale(1) rotate(180deg) rotateY(180deg);opacity:1;background-color:#ff7043;box-shadow:0 0 50px #ff7043}35%{transform:scale(1) rotate(270deg) rotateY(270deg);opacity:1;background-color:#ec407a;box-shadow:0 0 60px #ec407a,0 0 80px #ec407a99}50%{transform:scale(1) rotate(360deg) rotateY(360deg);opacity:.95;background-color:#ab47bc;box-shadow:0 0 70px #ab47bc,0 0 100px #ab47bcb3}65%{transform:scale(1) rotate(450deg) rotateY(450deg);opacity:.7;background-color:#7e57c2;box-shadow:0 0 80px #7e57c2e6}80%{transform:scale(1) rotate(540deg) rotateY(540deg);opacity:.4;background-color:#5c6bc0;box-shadow:0 0 60px #5c6bc099}90%{transform:scale(1) rotate(630deg) rotateY(630deg);opacity:.2;background-color:#42a5f5}to{transform:scale(0) rotate(720deg) rotateY(720deg);opacity:0}}.controls{background-color:#f9f9f9;padding:20px;border-radius:10px;margin-bottom:20px}.controls h2{margin-top:0;color:#333}.param{margin:15px 0}.param label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}.param input{width:80px;padding:8px;font-size:16px;border:2px solid #ddd;border-radius:5px;text-align:center}.param input:focus{outline:none;border-color:#3498db}button{background-color:#8f7a66;color:#fff;border:none;padding:12px 30px;font-size:18px;border-radius:5px;cursor:pointer;margin-top:15px;transition:background-color .2s}button:hover{background-color:#9f8a76}button:active{background-color:#7f6a56}.generate-tile-button{background-color:#3498db}.generate-tile-button:hover{background-color:#4aa3df}.generate-tile-button:active{background-color:#2980b9}.instructions{background-color:#f0f0f0;padding:20px;border-radius:10px;text-align:left;max-width:600px;margin:0 auto}.instructions h3{margin-top:0;color:#333}.instructions p{margin:10px 0;line-height:1.6}.chain-counter{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:400;color:#9c27b0;text-shadow:none;animation:chainCounterPulse .8s ease-in-out;pointer-events:none;z-index:100}@keyframes chainCounterPulse{0%{transform:scale(1);opacity:0}30%{transform:scale(1);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@media(max-width:768px){.board{width:300px;height:300px}.tile{font-size:16px;min-width:60px;min-height:60px}.game-info{font-size:16px}}#root{width:100%;margin:0 auto;text-align:center}.App{width:100%}