body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;margin:0;padding:0;font-family:Arial,sans-serif;line-height:1.6}.App{--bg-main:#121212;--bg-surface:#1e1e1e;--bg-header-footer:#1f1f1f;--bg-input:#2a2a2a;--text-main:#d26900;--text-muted:#888;--text-light:#fff;--text-heading:#e0e0e0;--border-color:#2d2d2d;--input-border:#444;--primary-color:#d26900;--primary-hover:#ff8000;background-color:var(--bg-main);min-height:100vh;color:var(--text-main);flex-direction:column;display:flex}.App.light-theme1{--bg-main:#fff;--bg-surface:#f9f9f9;--bg-header-footer:#2c3e50;--bg-input:#fff;--text-main:#333;--text-muted:#666;--text-light:#fff;--border-color:#e0e0e0;--input-border:#ddd;--primary-color:#3498db;--primary-hover:#2980b9}.App.light-theme{--bg-main:#f0f2f5;--bg-surface:#fff;--bg-header-footer:#fff;--bg-input:#f9f9f9;--text-main:#d26900;--text-muted:#666;--text-light:#fff;--text-heading:#1a1a1a;--border-color:#e0e0e0;--input-border:#ccc;--primary-color:#d26900;--primary-hover:#b55a00}.App-header{background-color:var(--bg-header-footer);color:var(--text-light);border-bottom:2px solid var(--primary-color);padding:0 2rem;transition:background-color .3s}.App-header h1{margin-bottom:0;font-size:1.5rem}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;height:60px;margin:0 auto;display:flex}nav,nav ul{height:100%}nav ul{justify-content:center;align-items:stretch;gap:1.5rem;list-style:none;display:flex}nav ul li{align-items:stretch;display:flex}nav a{color:var(--text-main);border-bottom:2px solid #0000;align-items:center;margin-bottom:-2px;padding:0 1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}nav a:hover{color:var(--primary-hover)}nav a.active{color:var(--primary-hover);background-color:var(--bg-main);border-top:2px solid var(--primary-color);border-left:2px solid var(--primary-color);border-right:2px solid var(--primary-color);border-bottom:2px solid var(--bg-main);border-radius:15px 15px 0 0}main{flex:1;padding:2rem}section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1rem;transition:background-color .3s,border-color .3s}form{flex-direction:column;gap:1rem;display:flex}label{color:var(--text-main);margin-bottom:.5rem;display:block}input{background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--input-border);border-radius:4px;outline:none;padding:.5rem;transition:all .3s}input:focus{border-color:var(--primary-color)}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.7rem 1.5rem;font-weight:700;transition:background-color .3s}button:hover{background-color:var(--primary-hover)}footer{background-color:var(--bg-header-footer);color:var(--text-muted);text-align:center;border-top:1px solid var(--border-color);margin-top:auto;padding:1rem;transition:background-color .3s}.theme-toggle-btn{color:var(--primary-hover);cursor:pointer;background-color:#0000;border-radius:20px;padding:.5rem;font-size:.85rem;transition:all .3s}.theme-toggle-btn:hover{color:var(--text-heading);background-color:#0000}.App,.App-header,section,input,footer,nav a{transition:background-color .3s,color .3s,border-color .3s}.content-wrapper{text-align:center}.game-container{flex-direction:column;align-items:center;margin-top:50px;font-family:Arial,sans-serif;display:flex}.header{justify-content:space-between;align-items:center;width:320px;margin-bottom:20px;display:flex}.score-board{flex-direction:column;align-items:flex-end;display:flex}.new-game-btn{color:#fff;cursor:pointer;background-color:#8f7a66;border:none;border-radius:5px;margin-top:5px;padding:10px}.grid-container{background-color:#bbada0;border-radius:6px;flex-direction:column;gap:10px;width:320px;height:320px;padding:10px;display:flex;position:relative}.grid-row{gap:10px;height:100%;display:flex}.grid-cell{color:#776e65;background-color:#cdc1b4;border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;font-weight:700;display:flex}.game-over-overlay{z-index:10;background:#eee4daba;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.cell-2{background-color:#eee4da}.cell-4{background-color:#ede0c8}.cell-8{color:#f9f6f2;background-color:#f2b179}.cell-16{color:#f9f6f2;background-color:#f59563}.cell-32{color:#f9f6f2;background-color:#f67c5f}.cell-64{color:#f9f6f2;background-color:#f65e3b}.cell-128{color:#f9f6f2;background-color:#edcf72;font-size:25px}.cell-256{color:#f9f6f2;background-color:#edcc61;font-size:25px}.cell-512{color:#f9f6f2;background-color:#edc850;font-size:25px}.cell-1024{color:#f9f6f2;background-color:#edc53f;font-size:20px}.cell-2048{color:#f9f6f2;background-color:#edc22e;font-size:20px}.donation-container{background:var(--bg-header-footer);max-width:600px;color:var(--text-main);text-align:left;border-radius:12px;margin:40px auto;padding:30px;box-shadow:0 4px 15px #0000000d}.donation-subtitle{margin-bottom:25px;font-size:14px;font-weight:700;line-height:1.4}.donation-form{flex-direction:column;gap:20px;margin-top:1rem;display:flex}.form-group{flex-direction:column;gap:.2rem;display:flex}.form-group label{color:#444;font-size:14px;font-weight:600}#comment{resize:none}.form-group input,.form-group textarea{background-color:var(--bg-input);border:1px solid var(--bg-main);color:var(--text-main);border-radius:6px;outline:none;padding:12px;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color)}.amount-wrapper{justify-content:space-between;display:flex}.amount-presets{gap:.7rem;display:flex}.preset-span{cursor:pointer;font-weight:500;transition:all .2s}.preset-span:hover{opacity:.6}.preset-span.active{text-decoration:underline;-webkit-text-decoration-color:var(--text-main);text-decoration-color:var(--text-main);text-underline-offset:4px;text-decoration-style:dotted;text-decoration-thickness:2px}.submit-donation-btn{background:var(--primary-color);color:var(--text-light);cursor:pointer;text-align:center;border:none;border-radius:6px;justify-content:center;gap:8px;margin-top:10px;padding:14px;font-size:18px;font-weight:600;transition:background .2s;display:flex}.submit-donation-btn:hover{background:var(--primary-hover)}.form-header{align-items:baseline;display:flex}.twitch-image-avatar{object-fit:cover}.min-amount{opacity:.8}.textarea-counter{justify-content:flex-end;display:flex}