body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f0f0;font-family:sans-serif}.app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}h1{margin-bottom:20px;font-size:32px}.mode-selector{align-items:center;gap:10px;margin-bottom:15px;display:flex}.mode-selector button{cursor:pointer;background:#fff;border:2px solid #ccc;border-radius:4px;padding:8px 16px;font-size:15px}.mode-selector button.active{color:#fff;background:#333;border-color:#333}.mode-selector select{padding:8px;font-size:15px}.board{background:#e74c3c;grid-template-rows:repeat(3,110px);grid-template-columns:repeat(3,110px);gap:6px;padding:6px;display:grid}.cell{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:center;font-size:52px;display:flex}.cell.taken{cursor:default}.cell.disabled{cursor:not-allowed}.status{height:28px;margin-top:16px;font-size:20px;font-weight:700}.reset-btn{cursor:pointer;margin-top:12px;padding:8px 24px;font-size:16px}