.g2048-tool .g2048-panels{margin: 0 -10px}.g2048-tool .form-control-group{margin-bottom: 18px}.g2048-tool .g2048-panel-header{display: flex;align-items: center;justify-content: space-between}.g2048-tool .g2048-scores{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 16px}.g2048-tool .g2048-score-card{background: #bbada0;color: #fff;border-radius: 8px;padding: 12px 16px;text-align: center}.g2048-tool .g2048-score-card.g2048-best{background: #8f7a66}.g2048-tool .g2048-score-label{font-size: 12px;color: #eee4da;text-transform: uppercase;letter-spacing: 0.05em}.g2048-tool .g2048-score-value{font-size: 24px;font-weight: 700;margin-top: 2px}.g2048-tool .g2048-btn-row{display: flex;gap: 10px;flex-wrap: wrap;margin-bottom: 14px}.g2048-tool .g2048-btn-primary{background: #8f7a66;color: #fff;border: 1px solid #8f7a66;font-size: 14px;font-weight: 600;padding: 9px 16px;border-radius: 8px;cursor: pointer;transition: all 0.15s ease}.g2048-tool .g2048-btn-primary:hover{background: #9f8b77;border-color: #9f8b77}.g2048-tool .g2048-btn-outline{background: #fff;color: #8f7a66;border: 1px solid #bbada0;font-size: 14px;padding: 9px 16px;border-radius: 8px;cursor: pointer;transition: all 0.15s ease}.g2048-tool .g2048-btn-outline:hover{background: #f5f1ea}.g2048-tool .g2048-btn-outline:disabled{opacity: 0.45;cursor: not-allowed}.g2048-tool .g2048-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.g2048-tool .g2048-chip{border: 1px solid #e2e8f0;background: #fff;color: #475569;font-size: 12px;padding: 4px 12px;border-radius: 999px;cursor: pointer;transition: all 0.15s ease}.g2048-tool .g2048-chip:hover{border-color: #8f7a66;color: #8f7a66}.g2048-tool .g2048-chip.is-active{background: #8f7a66;border-color: #8f7a66;color: #fff}.g2048-tool .g2048-board-wrap{position: relative;background: #bbada0;border-radius: 8px;padding: 12px;max-width: 480px;margin: 0 auto}.g2048-tool .g2048-board{display: grid;gap: 10px;width: 100%}.g2048-tool .g2048-cell{background: #cdc1b4;border-radius: 4px;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #776e65;aspect-ratio: 1 / 1;font-size: 28px}.g2048-tool .g2048-cell.t2{background: #eee4da}.g2048-tool .g2048-cell.t4{background: #ede0c8}.g2048-tool .g2048-cell.t8{background: #f2b179;color: #f9f6f2}.g2048-tool .g2048-cell.t16{background: #f59563;color: #f9f6f2}.g2048-tool .g2048-cell.t32{background: #f67c5f;color: #f9f6f2}.g2048-tool .g2048-cell.t64{background: #f65e3b;color: #f9f6f2}.g2048-tool .g2048-cell.t128{background: #edcf72;color: #f9f6f2;font-size: 22px}.g2048-tool .g2048-cell.t256{background: #edcc61;color: #f9f6f2;font-size: 22px}.g2048-tool .g2048-cell.t512{background: #edc850;color: #f9f6f2;font-size: 22px}.g2048-tool .g2048-cell.t1024{background: #edc53f;color: #f9f6f2;font-size: 18px}.g2048-tool .g2048-cell.t2048{background: #edc22e;color: #f9f6f2;font-size: 18px}.g2048-tool .g2048-cell.tsuper{background: #3c3a32;color: #f9f6f2;font-size: 18px}.g2048-tool .g2048-overlay{position: absolute;inset: 12px;background: rgba(238,228,218,0.85);border-radius: 6px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;z-index: 10}.g2048-tool .g2048-overlay.win{background: rgba(237,194,46,0.85)}.g2048-tool .g2048-overlay-text{font-size: 40px;font-weight: 700;color: #776e65}.g2048-tool .g2048-dpad{display: flex;flex-direction: column;align-items: center;gap: 6px;margin-top: 14px}.g2048-tool .g2048-dpad-mid{display: flex;gap: 6px}.g2048-tool .g2048-dir{width: 52px;height: 52px;border-radius: 8px;border: 1px solid #bbada0;background: #fff;color: #8f7a66;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.12s ease}.g2048-tool .g2048-dir:hover{background: #f5f1ea;border-color: #8f7a66}.g2048-tool .g2048-dir:active{transform: scale(0.95);background: #ede0c8}:root[data-theme="dark"] .g2048-tool .g2048-dir{background: transparent;color: #d6c9b8;border-color: #8f7a66}:root[data-theme="dark"] .g2048-tool .g2048-dir:hover{background: rgba(143,122,102,0.2)}.g2048-tool .g2048-message{display: flex;align-items: center;gap: 8px;margin-top: 12px;padding: 10px 14px;border-radius: 8px;font-size: 13px;background: #fff7ed;color: #c2410c;border: 1px solid #fed7aa}.g2048-tool .g2048-message.is-fading{opacity: 0;transition: opacity 0.25s ease}.g2048-tool .g2048-tips{display: flex;flex-direction: column;gap: 10px}.g2048-tool .g2048-tip{display: flex;gap: 8px;font-size: 12.5px;line-height: 1.5}.g2048-tool .g2048-tip-k{flex: 0 0 auto;font-weight: 600;color: #8f7a66;min-width: 130px;font-family: ui-monospace,Menlo,monospace}.g2048-tool .g2048-tip-v{color: #4b5563}:root[data-theme="dark"] .g2048-tool .g2048-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .g2048-tool .g2048-chip{background: transparent;border-color: #37423d;color: #cbd5e1}:root[data-theme="dark"] .g2048-tool .g2048-chip.is-active{background: #8f7a66;border-color: #8f7a66;color: #fff}:root[data-theme="dark"] .g2048-tool .g2048-btn-outline{background: transparent;color: #d6c9b8;border-color: #8f7a66}:root[data-theme="dark"] .g2048-tool .g2048-btn-outline:hover{background: rgba(143,122,102,0.2)}:root[data-theme="dark"] .g2048-tool .g2048-message{background: rgba(143,122,102,0.18);color: #e7d3b8;border-color: rgba(143,122,102,0.4)}:root[data-theme="dark"] .g2048-tool .g2048-tip-k{color: #d6c9b8}:root[data-theme="dark"] .g2048-tool .g2048-tip-v{color: #9ca3af}@media (max-width: 767px){.g2048-tool .row-layout{flex-direction: column}.g2048-tool .g2048-cell{font-size: 22px}.g2048-tool .g2048-overlay-text{font-size: 28px}}